Advertisement
Guest User

Youtube css

a guest
Oct 23rd, 2012
125
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 37.35 KB | None | 0 0
  1. @-moz-document domain("youtube.com") {
  2.  
  3. #feed-background, .horizontal-rule, #search-results .video-translation-links, .ita-kd-icon-button.small, #google_companion_ad_div, #instream_google_companion_ad_div, .feed-item-content-playlist li a .title, .yt-horizontal-rule, #video-sidebar, .feed-item-main .feed-item-show-more, .ad-div.mastad, #ad_creative_1, .premium-yva-unexpanded, #search-base-div .pyv-promoted-videos {
  4. display: none!important;
  5. }
  6.  
  7. body{
  8. background-color: rgb(10,10,10) !important;
  9. background-image: url(http://i44.tinypic.com/9fsn50.jpg)!important;
  10. }
  11.  
  12. #logo {
  13. background: no-repeat url(http://i41.tinypic.com/vrdll2.png) -71px -218px!important;
  14. }
  15.  
  16. .feed-header{
  17. width: 957px!important;
  18. position: relative!important;
  19. right: 200px!important;
  20. }
  21.  
  22. .feed-page > ul {
  23. position: relative!important;
  24. width: 771px !important;
  25. }
  26.  
  27. .feed-page > ul > li {
  28. width: 384px!important;
  29. height: 125px!important;
  30. float: left !important;
  31. border-right: 1px solid #272727!important;
  32. border-top: 1px solid #272727!important;
  33. background: #333!important;
  34. }
  35.  
  36. .feed-container {
  37. position: relative!important;
  38. width: 769px!important;
  39. background: #333!important;
  40. border-bottom: solid 4px #333!important;
  41. }
  42.  
  43. .feed-load-more-container {
  44. clear: left!important;
  45. }
  46.  
  47. .individual-feed {
  48. width: 1000px!important;
  49. }
  50.  
  51. p {
  52. color: #888!important;
  53. }
  54.  
  55. .feed-item-main .feed-item-time {
  56. color: #aaa!important;
  57. }
  58.  
  59. .feed-item-main .description {
  60. color: #666!important;
  61. width: 225px!important;
  62. }
  63.  
  64. .feed-item-content p.metadata {
  65. color: #ccc !important;
  66. }
  67.  
  68. #masthead-container {
  69. background: transparent!important;
  70. }
  71.  
  72. #masthead-expanded-container {
  73. background: rgb(40,40,40)!important;
  74. box-shadow: inset 0 5px 5px #111 !important;
  75. border-radius: 8px !important;
  76. }
  77.  
  78. #masthead-user-button .masthead-user-username {
  79. background-image: transparent !important;
  80. }
  81.  
  82. .yt-uix-button, .yt-subscription-button.subscribed {
  83. background-image: -webkit-linear-gradient(top,#333 0,#222 100%)!important;
  84. background-image: -moz-linear-gradient(top,#333 0,#222 100%)!important;
  85. border: 1px solid #222!important;
  86. border-bottom: 1px solid #222 !important;
  87. box-shadow: inset 0 0 2px #111!important;
  88. color: #999 !important;
  89. }
  90.  
  91. .yt-uix-button:active, .yt-uix-button.yt-uix-button-toggled, .yt-uix-button.yt-uix-button-toggled:hover, .yt-uix-button.yt-uix-button-toggled:focus {
  92. color: #ccc !important;
  93. box-shadow: inset 0 1px 2px #222!important;
  94. box-shadow: inset 0 1px 5px #111!important;
  95. }
  96.  
  97. #masthead-search-terms {
  98. border: 1px solid #222 !important;
  99. background-color: #222 !important;
  100. box-shadow: inset 0 1px 3px #333 !important;
  101. }
  102.  
  103. #masthead-search-terms input {
  104. color: #999 !important;
  105. }
  106.  
  107. tr {
  108. background-color: #111 !important;
  109. color: #999 !important;
  110. }
  111.  
  112. .gssb_m{
  113. background: #1a1a1a !important;
  114. }
  115.  
  116. .gssb_e {
  117. border-top: 0px solid #222!important;
  118. border-right: 1px solid #222!important;
  119. border-bottom: 1px solid #222!important;
  120. border-left: 1px solid #222!important;
  121. box-shadow: 0 10px 50px #000!important;
  122. }
  123.  
  124. .gssb_i td {
  125. background: #222 !important;
  126. }
  127.  
  128. .gscl_a {
  129. color: #444 !important;
  130. }
  131.  
  132. #masthead-user-expander .yt-uix-expander-head, #masthead-gaia-user-wrapper, #masthead-gaia-photo-wrapper {
  133. border: 0px solid black !important;
  134. }
  135.  
  136. .yt-tile-static, .yt-tile-visible, .yt-tile-default:hover, .yt-tile-visible:hover, .yt-tile-static:hover {
  137. background: rgb(25,25,25) !important;
  138. box-shadow: 0 1px 8px #111!important;
  139. border-bottom: solid 1px #111 !important;
  140. }
  141.  
  142. #watch-sidebar .video-list-item a:hover {
  143. background: rgb(25,25,25) !important;
  144. border-bottom: solid 1px #111 !important;
  145. box-shadow: 0 1px 8px #111!important;
  146. transition: 0.15s ease-in!important;
  147. }
  148.  
  149. #masthead-expanded-lists-container::after {
  150. border-left: 1px solid #555 !important;
  151. }
  152.  
  153. #masthead-expanded .list-title {
  154. color: #999!important;
  155. }
  156.  
  157. #footer-main .pickers .yt-uix-button, #footer ul {
  158. text-shadow: 0 1px 1px black !important;
  159. }
  160.  
  161.  
  162. #yt-admin, #yt-admin.recommendations.collapsed, #yt-admin #yt-admin-sidebar, #yt-admin.vm-has-videolist {
  163. background: rgba(25,25,25,0.95)!important;
  164. border-right: solid 1px #444 !important;
  165. border-bottom: solid 1px #444 !important;
  166. }
  167.  
  168. #yt-admin #vm-pageheader-container h1, #vm-video-actions-inner {
  169. background: #111 !important;
  170. }
  171.  
  172. #yt-admin-recommendations h2, #vm-page-subheader {
  173. border-bottom: solid 1px #444 !important;
  174. }
  175.  
  176. #yt-admin-sidebar .selected a, #yt-admin-sidebar a.selected {
  177. color: #333!important;
  178. background-image: -webkit-linear-gradient(top,#333 0,#222 100%)!important;
  179. background-image: -moz-linear-gradient(top,#333 0,#222 100%)!important;
  180. }
  181.  
  182. #vm-video-list-container {
  183. border-top: solid 1px #444 !important;
  184. }
  185.  
  186. #yt-admin-sidebar a {
  187. color: #888 !important;
  188. border-bottom: 1px solid #444 !important;
  189. text-shadow: 0 0 0 transparent,0 1px 0 #111!important;
  190. box-shadow: none!important;
  191. }
  192.  
  193. #yt-admin-sidebar h2 {
  194. box-shadow: none!important;
  195. border-bottom: 1px solid #333!important;
  196. }
  197.  
  198. #yt-admin {
  199. border-left: 1px solid #333 !important;
  200. }
  201.  
  202. #search-main {
  203. background: rgba(30,30,30,0.99)!important;
  204. border: solid 10px rgb(30,30,30) !important;
  205. border-radius: 10px !important;
  206. }
  207.  
  208. #search-base-div .sidebar-ads h3, #search-base-div .sidebar-ads h3 a, #search-base-div .result-item h3, #search-base-div .result-item h3 a {
  209. color: #999!important;
  210. }
  211.  
  212. #toolbelt-container, #search-lego-refinements {
  213. box-shadow: inset 0 5px 50px #111 !important;
  214. -webkit-box-shadow: inset 0 5px 50px #111 !important;
  215. background: rgba(25,25,25,0.99)!important;
  216. border-radius: 10px !important;
  217. }
  218.  
  219. #masthead-nav a, #masthead-user a, #watch-headline h1, .watch-view-count {
  220. color: rgb(200,200,200) !important;
  221. }
  222.  
  223. .watch-wide #watch-video-container, #page.watch-branded #content, #page.watch-branded #watch-sidebar, #page.watch-branded #watch-main-container {
  224. background: transparent !important;
  225. }
  226.  
  227. #watch-info {
  228. background: rgb(30,30,30)!important;
  229. border: 5px solid rgb(30,30,30)!important;
  230. border-radius: 5px !important;
  231. }
  232.  
  233. #watch-description .expand, #watch-description .collapse {
  234. background: #222 !important;
  235. border-top: 1px solid #1E1E1E !important;
  236. border-radius: 0px 0px 5px 5px !important;
  237. }
  238.  
  239. #watch-description-toggle {
  240. border-top: 1px solid #1E1E1E !important;
  241. }
  242.  
  243. #watch-description {
  244. color: #999!important;
  245. }
  246.  
  247. .watch-sparkbars {
  248. border: 1px solid #222 !important;
  249. }
  250.  
  251. #watch-actions-area {
  252. background: rgb(30,30,30)!important;
  253. box-shadow: 0 1px 1px #111 !important;
  254. border-radius: 3px;
  255. color: #999 !important;
  256. }
  257.  
  258. #watch-discussion {
  259. background: rgb(30,30,30)!important;
  260. border: 5px solid rgb(30,30,30)!important;
  261. border-radius: 5px !important;
  262. }
  263.  
  264. .yt-uix-form-input-text, .yt-uix-form-textarea {
  265. background: #222!important;
  266. color: #999!important;
  267. border: 1px solid #999!important;
  268. box-shadow: none !important;
  269. -webkit-box-shadow: none !important;
  270. }
  271.  
  272. .live-comments-setting {
  273. border: 1px solid #111 !important;
  274. color: #999!important;
  275. }
  276.  
  277. .comments-section h4 {
  278. border-bottom: 1px solid rgb(20,20,20) !important;
  279. color: #999!important;
  280. }
  281.  
  282. .comment-list .comment {
  283. border-top: 1px solid rgb(20,20,20) !important;
  284. color: #999!important;
  285. }
  286.  
  287. .yt-uix-button, .yt-subscription-button.subscribed {
  288. text-shadow: 0 1px 0 black!important;
  289. }
  290.  
  291. .comment .yt-uix-button .yt-uix-button-icon-watch-comment-vote-down, .comment .yt-uix-button:hover .yt-uix-button-icon-watch-comment-vote-down {
  292. background: no-repeat url(http://i41.tinypic.com/mimgs2.png) -37px -72px!important;
  293. }
  294.  
  295. .comment .yt-uix-button .yt-uix-button-icon-watch-comment-vote-up, .comment .yt-uix-button:hover .yt-uix-button-icon-watch-comment-vote-up {
  296. background: no-repeat url(http://i41.tinypic.com/mimgs2.png) -203px -37px!important;
  297. }
  298.  
  299. .watch-sidebar-body .video-list {
  300. background: rgb(30,30,30)!important;
  301. border: 5px solid rgb(30,30,30)!important;
  302. border-radius: 5px!important;
  303. }
  304.  
  305. .yt-tile-default .video-list-item-link .title, #watch-sidebar .video-list-item .title {
  306. color: #999!important;
  307. }
  308.  
  309. .context-body {
  310. background: rgba(30,30,30,1)!important;
  311. }
  312.  
  313. #watch-context {
  314. border-color: #111!important;
  315. }
  316.  
  317. .context-link {
  318. color: #999!important;
  319. text-shadow: 0 1px 0 #111 !important;
  320. box-shadow: inset 0 0 1px #111!important;
  321. background-image: -webkit-linear-gradient(top,#333 0,#222 100%)!important;
  322. background-image: -moz-linear-gradient(top,#333 0,#222 100%)!important;
  323. }
  324.  
  325. #watch-context .context-head {
  326. border-bottom: 1px solid #111!important;
  327. box-shadow: none!important;
  328. }
  329.  
  330. .video-list-item-link:hover {
  331. background: #111 !important;
  332. border-bottom: solid 1px black!important;
  333. }
  334.  
  335. #ppv-container {
  336. background: none!important;
  337. color: #999
  338. }
  339.  
  340. #ppv-container .video-list-item .stat {
  341. color: #666
  342. }
  343.  
  344. a {
  345. color: #999!important;
  346. }
  347.  
  348. .feed-item .feed-item-visual-description, .feed-item .metadata{
  349. position: relative!important;
  350. left: 0px!important;
  351. width: 680px!important;
  352. bottom: 10px!important;
  353. max-height: 80px!important;
  354. padding-top: 10px!important;
  355. }
  356.  
  357. .feed-item-title {
  358. color: #777!important;
  359. }
  360.  
  361. .feed-item-description{
  362. border-top: solid 1px #111 !important;
  363. color: #999!important;
  364. }
  365.  
  366. #playlist-bar-bar-container {
  367. border: 1px solid #111 !important;
  368. border-bottom: 1px solid #111 !important;
  369. background-image: -webkit-linear-gradient(top,#323232 0,#1C1C1C 70%)!important;
  370. background-image: -moz-linear-gradient(top,#323232 0,#1C1C1C 70%)!important;
  371. box-shadow: none!important;
  372. }
  373.  
  374. #playlist-bar-tray-container {
  375. background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5) 0,#111 100%)!important;
  376. }
  377.  
  378. #playlist-bar-controls .playlist-bar-group {
  379. border-left: 1px solid #111!important;
  380. }
  381.  
  382. #vm-page-subheader, #yt-admin-content h2 {
  383. background: transparent!important;
  384. }
  385.  
  386. #playlist-bar-title .playlist-title {
  387. color: #888!important;
  388. }
  389.  
  390. #playlist-bar-info .playlist-bar-group {
  391. border-right: 1px solid #222!important;
  392. }
  393.  
  394. #vm-video-actions-bar #vm-video-actions-inner {
  395. border-top: 1px solid #111!important;
  396. border-bottom: 1px solid #111!important;
  397. }
  398.  
  399. #message_reading .buttonbar {
  400. border-top: 1px solid #111 !important;
  401. background-image: none !important;
  402. }
  403.  
  404. h1, h2, h3, h4, h5, h6 {
  405. color: #ccc!important;
  406. }
  407.  
  408. .vm-vertical-nav {
  409. border-top: 1px solid #111!important;
  410. }
  411.  
  412. #yt-admin-sidebar a {
  413. background: transparent !important;
  414. }
  415.  
  416. .pyv-promoted-videos {
  417. background: transparent!important;
  418. }
  419.  
  420. .comments-post-alert {
  421. background: #555!important;
  422. border: 1px solid #444!important;
  423. color: #111!important;
  424. }
  425.  
  426. #yt-admin-sidebar .selected a, #yt-admin-sidebar a.selected {
  427. color: #999!important;
  428. }
  429.  
  430. .vm-video-list li {
  431. background: #222!important;
  432. }
  433.  
  434. .vm-video-item-content {
  435. border-bottom: 1px solid #666!important;
  436. }
  437.  
  438. .vm-video-metrics {
  439. border-left: 1px solid #111!important;
  440. background: #111!important;
  441. }
  442.  
  443. #yt-admin-content h2 {
  444. border-bottom: 1px solid #222!important;
  445. box-shadow: 0 1px 1px #666!important;
  446. }
  447.  
  448. .sorterbar th {
  449. border: 1px solid #333 !important;
  450. background-image: none!important;
  451. background-color: #222!important;
  452. color: #999!important;
  453. }
  454.  
  455. .buttonbar {
  456. color: #999!important;
  457. }
  458.  
  459. .message-display .unread, .message-display .unread .subject, .message-display .unread .msg-date {
  460. color: #ccc!important;
  461. }
  462.  
  463. .browse-videos .browse-content {
  464. background: rgb(51,51,51) !important;
  465. border-left: 1px solid #666 !important;
  466. border-radius: 0px 0px 5px 5px !important;
  467. }
  468.  
  469. .navigation-menu .menu-item {
  470. text-shadow: none!important;
  471. border-top: 1px solid #666!important;
  472. border-bottom: 1px solid #666!important;
  473. }
  474.  
  475. .navigation-menu .menu-item a{
  476. color: #ccc!important;
  477. }
  478.  
  479. .navigation-menu .menu-item .selected a, .navigation-menu .menu-item a.selected {
  480. color: #ccc !important;
  481. background: #666!important;
  482. }
  483.  
  484. .yt-playall-link, .blogger-playall a {
  485. border: 3px solid rgb(25,25,25)!important;
  486. box-shadow: 0 2px 1px rgb(35,35,35)!important;
  487. }
  488.  
  489. #masthead-subnav ul {
  490. border-radius: 10px 5px 0px 0px !important;
  491. }
  492.  
  493. .yt-uix-slider.browse-collection .yt-uix-pager {
  494. border-color: #333!important;
  495. }
  496.  
  497. .m_highlight{
  498. background-color: rgb(20,20,20)!important;
  499. }
  500.  
  501. #content {
  502. border: 0px solid #333!important;
  503. background: none!important;
  504. }
  505.  
  506. #yts-article #article-container {
  507. color: #999!important;
  508. }
  509.  
  510. #yts-article #header {
  511. border-bottom: 1px solid #333 !important;
  512. color: #ccc!important;
  513. }
  514.  
  515. #yts-nav .indented, #yts-nav .top-level-single {
  516. text-shadow: none!important;
  517. box-shadow: none!important;
  518. border-bottom: 1px solid #333!important;
  519. border-right: 1px solid #333!important;
  520. }
  521.  
  522. .with-divider {
  523. border-right: 1px solid #333!important;
  524. }
  525.  
  526. .separator {
  527. border-top: 1px solid #333!important;
  528. }
  529.  
  530. #yts-nav ol.indented li a:hover, #yts-nav ol.indented li .item-highlight {
  531. background: #333!important;
  532. }
  533.  
  534. #yts-article .grey-rounded-box {
  535. background-color: #222!important;
  536. }
  537.  
  538. .with-border {
  539. border: 1px solid #333!important;
  540. }
  541.  
  542. #yts-article .box-gray, .nav-box-gray {
  543. border: 1px solid #333!important;
  544. background-color: #222!important;
  545. }
  546.  
  547. #yts-article .with-bottom-separator {
  548. border-bottom: 1px solid #333!important;
  549. }
  550.  
  551. #yt-microsite h2, #yt-microsite h3, #yt-microsite h4, #yt-microsite h5 {
  552. text-shadow: none !important;
  553. }
  554.  
  555. #video-sidebar a.video-list-item-link:hover {
  556. border-right: 1px solid #000!important;
  557. }
  558.  
  559. #guide-builder-promo {
  560. background-image: -webkit-linear-gradient(top,#333 0,#262626 100%)!important;
  561. background-image: -moz-linear-gradient(top,#333 0,#262626 100%)!important;
  562. }
  563.  
  564. .channel-layout-full-width .tab-content-body {
  565. background-color: #333!important;
  566. }
  567.  
  568. .channel-layout-two-column .tab-content-body, #playlist-pane-container {
  569. background-image: none!important;
  570. background-color: #333!important;
  571. }
  572.  
  573. .tile {
  574. background-color: #222!important;
  575. box-shadow: 0 2px 2px #111!important;
  576. }
  577.  
  578. .single-playlist hr, .secondary-pane hr {
  579. border-top: 0px solid #111!important;
  580. border-bottom: 1px solid #111!important;
  581. }
  582.  
  583. .user-profile.channel-module .section {
  584. border-top: 1px solid #111!important;
  585. border-bottom: 0px solid #111!important;
  586. }
  587.  
  588. .playlist-thumb-strip {
  589. background: #000!important;
  590. }
  591.  
  592. .yt-uix-form-input-text, .yt-uix-form-textarea {
  593. border: 1px solid #111!important;
  594. border-top-color: #111!important;
  595. box-shadow: 0 1px 0 #111,inset 0 1px 1px rgba(0,0,0,.17);
  596. }
  597.  
  598. .navigation-menu .menu-item a:hover {
  599. background: #444!important;
  600. color: #fff!important;
  601. }
  602.  
  603. #branded-page-body-container {
  604. background-color: #111 !important;
  605. }
  606.  
  607. .playlist-video-item {
  608. margin-left: 10px!important;
  609. background: #222 !important;
  610. border-bottom: 10px solid #333!important;
  611. box-shadow: inset 0 5px 5px #1c1c1c !important;
  612. }
  613.  
  614. .user-feed-filter.selected {
  615. background-color: #222!important;
  616. color: #ccc!important;
  617. }
  618.  
  619. .GOGEAYHCFW > .GOGEAYHCDW, .GOGEAYHCFW > .GOGEAYHCHW {
  620. border-top: 1px solid #111!important;
  621. border-bottom: 1px solid #111!important;
  622. }
  623.  
  624. .GOGEAYHCFW {
  625. text-shadow: none!important;
  626. }
  627.  
  628. .GOGEAYHCDW > .GOGEAYHCNV:hover {
  629. background-color: #222!important;
  630. background-image: none!important;
  631. }
  632.  
  633. .GOGEAYHCM4 {
  634. background-color: #222!important;
  635. border-top: 1px solid #333!important;
  636. }
  637.  
  638. #contentTable {
  639. border-bottom: 1px solid #333!important;
  640. border-right: 1px solid #333!important;
  641. background-color: #222!important;
  642. }
  643.  
  644. .GOGEAYHCJ4 {
  645. background-color: #222!important;
  646. border-bottom: 1px solid #333!important;
  647. }
  648.  
  649. .GOGEAYHCOX {
  650. background-color: #222!important;
  651. }
  652.  
  653. .GOGEAYHCFW {
  654. text-shadow:none!important;
  655. border-top: 0px solid #333!important;
  656. }
  657.  
  658. .GOGEAYHCDW > .GOGEAYHCNV{
  659. background-color: #111!important;
  660. background-image: none!important;
  661. }
  662.  
  663. .infobox .editor-tab-container, #top-bar {
  664. border: 1px solid #777!important;
  665. background-color: #111!important;
  666. background-image: none!important;
  667. }
  668.  
  669. .store-display-offer-container {
  670. background: rgb(25,25,25) !important;
  671. box-shadow: 0 1px 8px #111!important;
  672. border-bottom: solid 1px #111!important;
  673. color: #999!important;
  674. }
  675.  
  676. #watch-channel-discoverbox {
  677. box-shadow: inset 0 4px 8px rgba(0,0,0,.05),0 1px 0 #050505!important;
  678. border-radius: 0px 0px 10px 10px !important;
  679. background: rgba(0,0,0,.2)!important;
  680. }
  681.  
  682. #watch-channel-discoverbox .video-list-item .title {
  683. color: #999!important;
  684. }
  685.  
  686. .subscription-menu-expandable-channels3 {
  687. background: #111!important;
  688. box-shadow: inset 0 0 1px #000!important;
  689. }
  690.  
  691. .subscription-menu-expandable {
  692. border: 1px solid #000!important;
  693. }
  694.  
  695. .subscription-recommended-channel {
  696. border-left: 0px solid white!important;
  697. }
  698.  
  699. .subscription-recommended-channel {
  700. border-right: 0px solid #000!important;
  701. }
  702.  
  703. .feed-item-children {
  704. background: #333!important;
  705. border-top: 0px solid #222!important;
  706. }
  707.  
  708. .feed-item-child {
  709. border-top: 1px solid #222!important;
  710. border-bottom: 1px solid #222!important;
  711. }
  712.  
  713. .feed-item-main .feed-item-actions-line.user, .feed-item-main .feed-item-actions-line {
  714. color: #666!important;
  715. width: 1000px!important;
  716. }
  717.  
  718. .feed-item-container .playlist-visual {
  719. background: #222!important;
  720. border: 1px solid #999!important;
  721. border-bottom-color: #999!important;
  722. background-image: none!important;
  723. }
  724.  
  725. #feed-social-connect .social-service {
  726. border: 1px solid #111!important;
  727. background: #222!important;
  728. background-image: none!important;
  729. }
  730.  
  731. .subscribable-content-rec:hover {
  732. border: 1px solid #111!important;
  733. background: #222!important;
  734. background-image: none!important;
  735. }
  736.  
  737. #builder-root {
  738. background: #333!important;
  739. }
  740.  
  741. #builder-preview-pane {
  742. background: #222!important;
  743. }
  744.  
  745. .builder-preview-thumb .video-thumb {
  746. border: 0px solid #000!important;
  747. }
  748.  
  749. .upload-autoshare-box {
  750. border: 0px solid #111!important;
  751. }
  752.  
  753. .social-connector {
  754. border: 1px solid #111!important;
  755. background: #222!important;
  756. color: #999!important;
  757. }
  758.  
  759. .starting-box {
  760. background-color: #111!important;
  761. }
  762.  
  763. .upload-element-hover, .small-starting-box-action-container:hover {
  764. color: #999!important;
  765. border-color: #111;
  766. background-color: #222!important;
  767. box-shadow: none!important;
  768. background-image: none!important;
  769. }
  770.  
  771. .upload-header {
  772. background-image: -moz-linear-gradient(top,#222 0,#111 100%)!important;
  773. background-image: -webkit-linear-gradient(top,#222 0,#111 100%)!important;
  774. }
  775.  
  776. #video-sidebar .video-list-item-link .title, #video-sidebar .recommended-videos-link {
  777. color: #777!important;
  778. }
  779.  
  780. .upload-multifile-popup {
  781. background-color: #222!important;
  782. border: 1px solid black;
  783. box-shadow: 2px 2px 2px #000!important;
  784. }
  785.  
  786. .webcam-box {
  787. background: #000!important;
  788. box-shadow: 0 1px 2px #000!important;
  789. }
  790.  
  791. #masthead-subnav ul {
  792. background: #333!important;
  793. background-image: -webkit-linear-gradient(top,#353535 0,#222 100%)!important;
  794. background-image: -moz-linear-gradient(top,#353535 0,#222 100%)!important;
  795. }
  796.  
  797. #masthead-subnav a:hover {
  798. background: #333!important;
  799. background-image: -webkit-linear-gradient(top,#444 0,#333 100%)!important;
  800. background-image: -moz-linear-gradient(top,#444 0,#333 100%)!important;
  801. }
  802.  
  803. #personalized-genres-container {
  804. background: #222!important;
  805. box-shadow: 0 1px 1px #000!important;
  806. }
  807.  
  808. .event-calendar-date-inner {
  809. background: #ccc!important;
  810. }
  811.  
  812. .yt-uix-button-default.yt-uix-button-active, .yt-uix-button-text.yt-uix-button-active {
  813. border-color: #111 !important;
  814. box-shadow: inset 0 1px 1px #111!important;
  815. }
  816.  
  817. .yt-uix-button-text, body .yt-uix-button-text[disabled] {
  818. border-color: #111!important;
  819. }
  820.  
  821. button:focus {
  822. outline: 0px solid black!important;
  823. }
  824.  
  825. .message.open td {
  826. background: transparent!important;
  827. color: #777!important;
  828. }
  829.  
  830. select {
  831. background: #222!important;
  832. border: 2px solid #222!important;
  833. color: #999!important;
  834. }
  835.  
  836. #compose-cell {
  837. box-shadow: inset 0 0px 0px #000!important;
  838. }
  839.  
  840. tr {
  841. background: transparent!important;
  842. }
  843.  
  844. #playlist-bar-notifications .yt-alert-content {
  845. color:#999!important;
  846. }
  847.  
  848. .yt-tile-default.video-list-item a .title, #watch-sidebar .video-list-item .title {
  849. color:#999!important;
  850. }
  851.  
  852. .share-panel-playlist-options {
  853. border-bottom: 1px solid #111!important;
  854. }
  855.  
  856. .share-panel-hangout {
  857. border-top: 0px solid #111!important;
  858. }
  859.  
  860. .share-panel-main-buttons {
  861. border-left: 0px solid #111!important;
  862. border-right: 0px solid #111!important;
  863. }
  864.  
  865. .watch-playlists-drawer ul {
  866. border: 1px solid #111!important;
  867. background: #191919!important;
  868. box-shadow: 0 0px 0 #fff,inset 0 0px 0px rgba(0,0,0,0.2)!important;
  869. }
  870.  
  871. .watch-playlists-drawer li:hover {
  872. background: #333!important;
  873. }
  874.  
  875. .watch-stats-title-cell {
  876. background: transparent!important;
  877. }
  878.  
  879. .video-list-item a:hover {
  880. background: #222!important;
  881. border-radius: 5px!important;
  882. }
  883.  
  884. #video-sidebar .video-list-item:hover {
  885. background: transparent!important;
  886. border-bottom-color: #111!important;
  887. border-right: #111!important;
  888. }
  889.  
  890. #video-sidebar .video-list-item:hover a, #video-sidebar .video-list-item:hover .title {
  891. color: #999!important;
  892. }
  893.  
  894. .feed-item-attribution {
  895. color: #666!important;
  896. }
  897.  
  898. .yt-nav-dark {
  899. background: transparent !important;
  900. background-image: none!important;
  901. }
  902.  
  903. .browse-filter-menu.yt-uix-button-menu {
  904. background: #222!important;
  905. }
  906.  
  907. .browse-filter-menu {
  908. border: 1px solid #111!important;
  909. background-image: none!important;
  910. box-shadow: 0 2px 2px #111background: #333!important;
  911. }
  912.  
  913. .browse-filter-menu .selected {
  914. background: #333!important;
  915. color: #ccc!important;
  916. }
  917.  
  918. ul.yt-uix-button-menu, .yt-uix-button-menu, .flag-menu {
  919. background: #222!important;
  920. }
  921.  
  922. .flag-menu .label {
  923. color: #999!important;
  924. }
  925.  
  926. .yt-uix-button-menu {
  927. border: 1px solid #111!important;
  928. }
  929.  
  930. .flag-menu .yt-uix-button-menu-item:hover {
  931. background: #333!important;
  932. }
  933.  
  934. .yt-uix-button-menu li:hover {
  935. background: #333!important;
  936. }
  937.  
  938. .yt-uix-form-input-select-content {
  939. background: #333!important;
  940. background-image: -webkit-linear-gradient(top,#333 0,#222 100%)!important;
  941. color: #555!important;
  942. text-shadow: none!important;
  943. }
  944.  
  945. .yt-uix-form-input-select, body .yt-uix-form-input-select.yt-uix-form-input-select-disabled {
  946. border-color: #111!important;
  947. }
  948.  
  949. .yt-uix-form-input-select-value {
  950. color: #999!important;
  951. }
  952.  
  953. .music-onebox-channel {
  954. border-bottom: 1px solid #222!important;
  955. }
  956.  
  957. .account-sidebar {
  958. border-left: 1px solid #222!important;
  959. border-right: 1px solid #222!important;
  960. border-bottom: 1px solid #222!important;
  961. }
  962.  
  963. .account-sidebar-section li .selected, .account-sidebar-section li a:hover {
  964. border-top: 0px solid #111!important;
  965. background: #222!important;
  966. color: #333;
  967. }
  968.  
  969. hr {
  970. border: 1px solid #222!important;
  971. }
  972.  
  973. input, input[type="password"], input[type="search"], isindex, textarea {
  974. background-color: #222!important;
  975. border: 2px #111!important;
  976. color: #999!important;
  977. border-radius: 3px!important;
  978. }
  979.  
  980. #masthead-expanded-menu-acct-sw-list, #masthead-expanded-acct-sw-iframe {
  981. background: #282828!important;
  982. border-left: 1px #111!important;
  983. border-bottom: 1px #111!important;
  984. border-radius: 10px!important;
  985. box-shadow: 0 5px 30px #111!important;
  986. }
  987.  
  988. .ab-midpane {
  989. background: #222!important;
  990. }
  991.  
  992. .ab-users-checks {
  993. background: #222!important;
  994. border-bottom: 1px solid #333!important;
  995. background-image: none!important;
  996. }
  997.  
  998. .ab-main {
  999. border: 1px solid #333!important;
  1000. }
  1001.  
  1002. #ab-contacts-table, .ab-layout-table {
  1003. border-top: 1px solid #333!important;
  1004. }
  1005.  
  1006. .ab-mulsel-hdr {
  1007. border-bottom: 1px solid #333!important;
  1008. }
  1009.  
  1010. .ab-allcontacts, .ab-contact {
  1011. color: #999!important;
  1012. text-decoration: none!important;
  1013. border-bottom: 1px solid #333!important;
  1014. text-shadow: 0 0px 0px #000!important;
  1015. box-shadow: 0 1px 1px #111!important;
  1016. }
  1017.  
  1018. .ab-leftpane div:hover {
  1019. background: #222!important;
  1020. }
  1021.  
  1022. #footer li {
  1023. text-shadow: none!important;
  1024. }
  1025.  
  1026. #yt-microsite.yt-microsite-with-sidebar #yt-microsite-features {
  1027. border-left: 1px solid #333!important;
  1028. }
  1029.  
  1030. .yt-advertise-sidebar h2, .yt-advertise-sidebar ul {
  1031. border-bottom: 1px solid #333!important;
  1032. }
  1033.  
  1034. .yt-creator-sidebar h2, .yt-creator-sidebar ul {
  1035. border-bottom: 1px solid #333!important;
  1036. box-shadow: none!important;
  1037. }
  1038.  
  1039. .yt-creator-sidebar .selected {
  1040. color: #333;
  1041. background: #222!important;
  1042. }
  1043.  
  1044. .feed-item-main h4 {
  1045. font-size: 14px!important;
  1046. }
  1047.  
  1048. .feed-item-main h4:hover {
  1049. text-shadow: 1px 0 5em rgba(255,255,255,1)!important;
  1050. transition: all .5s ease!important;
  1051. }
  1052.  
  1053. .yt-badge-std, .yt-badge-ypc, .yt-badge-new, .yt-badge-live, .yt-badge-playlist, .yt-badge-live-thumb, .yt-badge-ypc-purchased, .yt-badge-rating, .yt-badge-rating-signal, a.yt-badge-std {
  1054. color: #ccc!important;
  1055. background: #333!important;
  1056. box-shadow: inset 0 -10px 2px #111!important;
  1057. }
  1058.  
  1059. #toolbelt-top .search-option a:hover, #lego-refine-block .lego:hover .lego-content, #lego-refine-block .lego:hover .lego-action {
  1060. background: #333!important;
  1061. }
  1062.  
  1063. .search-option-box + .search-option-box, .search-refinements-block + .search-refinements-block {
  1064. border-left: 1px solid #666!important;
  1065. }
  1066.  
  1067. .search-option-box + .search-option-box::before, .search-refinements-block + .search-refinements-block::before {
  1068. border-left: 1px solid #666!important;
  1069. }
  1070.  
  1071. #region-picker, #language-picker, #safetymode-picker {
  1072. border: 1px solid #999!important;
  1073. }
  1074.  
  1075. .yt-uix-button-default, a.yt-uix-button-default .yt-uix-button-content {
  1076. color: #999!important;
  1077. }
  1078.  
  1079. #builder-header-right {
  1080. background-image: -webkit-linear-gradient(top,#333 0,#212121 70%)!important;
  1081. background-image: -moz-linear-gradient(top,#333 0,#212121 70%)!important;
  1082. }
  1083.  
  1084. .vis-refresh-modifier .editor-tab.selected {
  1085. background: #111!important;
  1086. box-shadow: inset 0 -5px 2px #666!important;
  1087. }
  1088.  
  1089. .yt-dialog-fg, .yt-uix-overlay-fg {
  1090. background: #222!important;
  1091. }
  1092.  
  1093. yt-dialog-fg-content h2, .yt-uix-overlay-fg-content h2 {
  1094. border-bottom: 1px solid #999!important;
  1095. }
  1096.  
  1097. .playlist-landing .playlist-messages {
  1098. border-bottom: 1px solid #222!important;
  1099. }
  1100.  
  1101. .playlist-video-item-base-content .video-overview .video-title {
  1102. color: #ccc!important;
  1103. }
  1104.  
  1105. .playlist-video-item .video-tile:hover .video-title {
  1106. color: #ccc!important;
  1107. text-shadow: 0 0 1em rgba(255,255,255,1)!important;
  1108. transition: all .3s ease!important;
  1109. }
  1110.  
  1111. .playlist-video-item .video-tile:hover .video-details, .playlist-video-item .video-tile:hover .video-view-count {
  1112. color: #aaa!important;
  1113. }
  1114.  
  1115. .playlist-video-item .video-watched-badge, .playlist-video-item .video-tile:hover .video-watched-badge {
  1116. background-image: -webkit-linear-gradient(top,#323232 0,#1C1C1C 70%)!important;
  1117. background-image: -moz-linear-gradient(top,#323232 0,#1C1C1C 70%)!important;
  1118. }
  1119.  
  1120. .channel-filtered-page .primary-filter-menu .selected-filter.filter-option {
  1121. background-image: -webkit-linear-gradient(top,#323232 0,#1C1C1C 70%)!important;
  1122. background-image: -moz-linear-gradient(top,#323232 0,#1C1C1C 70%)!important;
  1123. border-top: 1px solid #484848!important;
  1124. border-radius: 5px!important;
  1125. }
  1126.  
  1127. #masthead-expanded .yt-tile-visible:hover .list-title, #masthead-expanded .yt-tile-visible:hover .view-list {
  1128. color: #999!important;
  1129. }
  1130.  
  1131. .yt-uix-button-menu .yt-uix-button-menu-item {
  1132. color: #999!important;
  1133. }
  1134.  
  1135. .yt-uix-button-menu .yt-uix-button-menu-item:hover {
  1136. background: #333!important;
  1137. color: #ccc!important;
  1138. }
  1139.  
  1140. .yt-uix-button-dark, a.yt-uix-button-dark .yt-uix-button-content {
  1141. color: #aaa!important;
  1142. }
  1143.  
  1144. #playlist-bar-bar .yt-uix-button:hover, #playlist-bar-bar .yt-uix-button:focus, #playlist-bar-bar .yt-uix-button-text:hover, #playlist-bar-bar .yt-uix-button-text:focus {
  1145. background-image: -webkit-linear-gradient(top,#323232 0,#1C1C1C 70%)!important;
  1146. background-image: -moz-linear-gradient(top,#323232 0,#1C1C1C 70%)!important;
  1147. }
  1148.  
  1149. .yt-uix-clickcard-card-border, .yt-uix-hovercard-card-border {
  1150. border-radius: 5px!important;
  1151. border: 1px solid #444!important;
  1152. background-image: -webkit-linear-gradient(top,#222 0,#2a2a2a 70%)!important;
  1153. background-image: -moz-linear-gradient(top,#323232 0,#1C1C1C 70%)!important;
  1154. }
  1155.  
  1156. .yt-uix-clickcard-card-flip .yt-uix-card-border-arrow-horizontal, .yt-uix-hovercard-card-flip .yt-uix-card-border-arrow-horizontal {
  1157. border-right-color: #444!important;
  1158. }
  1159.  
  1160. .yt-uix-clickcard-card, .yt-uix-hovercard-card {
  1161. opacity: 1!important;
  1162. }
  1163.  
  1164. .yt-uix-card-body-arrow-horizontal {
  1165. border-left-color: #333!important;
  1166. }
  1167.  
  1168. .yt-uix-clickcard-card-flip .yt-uix-card-body-arrow-horizontal, .yt-uix-hovercard-card-flip .yt-uix-card-body-arrow-horizontal {
  1169. border-right-color: #333!important;
  1170. }
  1171.  
  1172. .yt-uix-clickcard-card-body, .yt-uix-hovercard-card-body {
  1173. color: #999!important;
  1174. }
  1175.  
  1176. .single-playlist .annotation-info, .post-item .post-item-info {
  1177. color: #666!important;
  1178. }
  1179.  
  1180. .playlist-share-area {
  1181. background-image: -webkit-linear-gradient(top,#222 0,#2a2a2a 70%)!important;
  1182. background-image: -moz-linear-gradient(top,#323232 0,#1C1C1C 70%)!important;
  1183. box-shadow: 0 1px 1px #111!important;
  1184. }
  1185.  
  1186. .share-panel .share-options, .share-panel .share-options-secondary {
  1187. background: #222!important;
  1188. box-shadow: none!important;
  1189. border: 1px solid #111!important;
  1190. box-shadow: 0 5px 5px #1c1c1c !important;
  1191. }
  1192.  
  1193. .yt-alert-naked .yt-alert-content {
  1194. color: #999!important;
  1195. }
  1196.  
  1197. .browse-content {
  1198. background: #333!important;
  1199. border-radius: 10px!important;
  1200. border-left: solid 10px #333!important;
  1201. border-right: solid 10px #333!important;
  1202. margin-top: 20px!important;
  1203. }
  1204.  
  1205. .browse-item .trending-rank {
  1206. color: #ccc!important;
  1207. text-shadow: 1px 0 1.5em rgba(255,255,255,1)!important;
  1208. }
  1209.  
  1210. #browse-side-column .charts .username {
  1211. color: #ccc!important;
  1212. }
  1213.  
  1214. .charts .video-card {
  1215. background: #222!important;
  1216. box-shadow: 0 1px 2px #111!important;
  1217. }
  1218.  
  1219. .charts .position {
  1220. background: #111!important;
  1221. color: #ccc!important;
  1222. text-shadow: 1px 0 1.5em rgba(255,255,255,1)!important;
  1223. }
  1224.  
  1225. .charts .videos-count-container {
  1226. background: #111!important;
  1227. color: #ccc!important;
  1228. }
  1229.  
  1230. .charts .video-card .video-card-footer {
  1231. border-top: 1px solid #666!important;
  1232. }
  1233.  
  1234. .yt-uix-slider.browse-collection .pager-info {
  1235. color: #999!important;
  1236. }
  1237.  
  1238. .yt-uix-hovercard-card .details, .yt-uix-hovercard-card .info {
  1239. border-bottom: 1px solid #222!important;
  1240. box-shadow: 0 1px 1px #222!important;
  1241. }
  1242.  
  1243. .featured-offers-view .featured-offer-container {
  1244. border: 1px solid #111!important;
  1245. background: #222 !important;
  1246. box-shadow: 0 1px 2px #111!important;
  1247. }
  1248.  
  1249. #watch-live-comments #comments-scroller {
  1250. border-top: 1px solid #222!important;
  1251. border-bottom: 1px solid #222!important;
  1252. }
  1253.  
  1254. .comments-textarea-container .comments-textarea-tip {
  1255. border-right-color: #444!important;
  1256. }
  1257.  
  1258. #watch-uploader-info, #watch-description-extra-info li {
  1259. color: #666!important;
  1260. }
  1261.  
  1262. #watch-response {
  1263. background: #333!important;
  1264. width: 980px!important;
  1265. border-left: solid 20px #333 !important;
  1266. border-bottom: solid 10px #333 !important;
  1267. border-top: solid 5px #333 !important;
  1268. border-radius: 10px!important;
  1269. }
  1270.  
  1271. .compose_header {
  1272. color: #999!important;
  1273. }
  1274.  
  1275. .music-chart-item .icon-text {
  1276. color: #ccc!important;
  1277. }
  1278.  
  1279. .context-foot {
  1280. border-top: 0px solid!important;;
  1281. background: transparent!important;
  1282. }
  1283.  
  1284. #songkick-attribution {
  1285. display: none!important;
  1286. }
  1287.  
  1288. .comments-section-description {
  1289. color: #666!important;
  1290. }
  1291.  
  1292. .comment-list .comment .time {
  1293. color: #666!important;
  1294. }
  1295.  
  1296. .cpline {
  1297. border: 0px solid #111!important;
  1298. }
  1299.  
  1300. .cpline-highlight {
  1301. background: #444!important;
  1302. color: #ddd!important;
  1303. }
  1304.  
  1305. .cpline:hover {
  1306. background: #444!important;
  1307. color: #ccc!important;
  1308. }
  1309.  
  1310. .cptime {
  1311. color: #ddd!important;
  1312. }
  1313.  
  1314. .infobox-body {
  1315. background: #111!important;
  1316. }
  1317.  
  1318. .infobox .button-container {
  1319. border-top: 1px solid #333!important;
  1320. }
  1321.  
  1322. .infobox .infobox-title, .preview-options label, label {
  1323. color: #999!important;
  1324. }
  1325.  
  1326. .show-onebox .left-pane {
  1327. border-bottom: 1px solid #333!important;
  1328. }
  1329.  
  1330. #results-main-content .description b {
  1331. color: #ccc!important;
  1332. }
  1333.  
  1334. .music-onebox-playall a, #play-all-button a {
  1335. border: 3px solid #222!important;
  1336. box-shadow: 0 2px 1px #111!important;
  1337. }
  1338.  
  1339. #ticker, #ticker a {
  1340. color: #fff!important;
  1341. }
  1342.  
  1343. .guide-layout-container {
  1344. background-image: -moz-linear-gradient(left , #272727 20.8%, rgb(51,51,51) 20.8%)!important;
  1345. background-image: -webkit-linear-gradient(left , #272727 20.8%, rgb(51,51,51) 20.8%)!important;
  1346. }
  1347.  
  1348. #guide-builder-promo h2 {
  1349. font-size: 16px!important;
  1350. margin-top: 45px!important;
  1351. }
  1352.  
  1353. .feed-item-main {
  1354. border-bottom: 0px!important;
  1355. }
  1356.  
  1357. .yt-tile-default h3 a:visited, .yt-tile-visible h3 a:visited {
  1358. color: #444!important;
  1359. }
  1360.  
  1361. #search-base-div .ppv-promoted-videos {
  1362. background-color: #222!important;
  1363. }
  1364.  
  1365. .watch-pyv-vid {
  1366. display: none!important;
  1367. }
  1368.  
  1369. #ppv-container .video-list-item .stat {
  1370. color: #666!important;
  1371. }
  1372.  
  1373. #watch-description-extra-info {
  1374. margin-left: 460px!important;
  1375. }
  1376.  
  1377. #watch-actions-area .divider, .watch-ratings-stats-divider {
  1378. border-top: 1px solid #555!important;
  1379. }
  1380.  
  1381. #vm-videos-search-results {
  1382. background-color: #222!important;
  1383. border: 0px #DDD solid!important;
  1384. }
  1385.  
  1386. #yt-admin-content {
  1387. background-color: #222!important;
  1388. }
  1389.  
  1390. .widget {
  1391. background-color: #333!important;
  1392. -moz-box-shadow: 2px 1px 1px #111!important;
  1393. -webkit-box-shadow: 2px 1px 1px #111!important;
  1394. box-shadow: 2px 1px 1px #111!important;
  1395. border: solid 1px #111!important;
  1396. }
  1397.  
  1398. .widget.analytics .section + .section {
  1399. border-top: 1px solid #111!important;
  1400. }
  1401.  
  1402. #dashboard-header {
  1403. background: #222!important;
  1404. border-left: solid #111 0px!important;
  1405. }
  1406.  
  1407. #dashboard-header h1, #dashboard-header .dashboard-stat-value {
  1408. text-shadow: 0 1px 0 #000!important;
  1409. }
  1410.  
  1411. .widget.promotions .yt-uix-slider-item {
  1412. background: #444!important;
  1413. border-color: #999!important;
  1414. color: #999!important;
  1415. }
  1416.  
  1417. #yt-admin-content h2, #yt-admin-content .yt-admin-h2 {
  1418. background: #222!important;
  1419. color: #999!important;
  1420. border-bottom: 1px solid #222!important;
  1421. }
  1422.  
  1423. #yt-admin-sidebar h2, #yt-admin-sidebar .yt-admin-h2 {
  1424. border-bottom: 1px solid #111!important;
  1425. background-image: none!important;
  1426. box-shadow: none!important;
  1427. }
  1428.  
  1429. #error-page-content p {
  1430. text-shadow: 0 0 0 transparent,0 1px 1px #111!important;
  1431. }
  1432.  
  1433. .dev-page .ytg-box {
  1434. border-bottom: 1px solid #444!important;
  1435. }
  1436.  
  1437. .video-extras-sparkbars, .video-extras-sparkbar-likes {
  1438. border: 1px solid #222!important;
  1439. }
  1440.  
  1441. .video-extras-sparkbar-likes {
  1442. border-top: 1px solid #060!important;
  1443. }
  1444.  
  1445. .yt-uix-form-input-text, .yt-uix-form-textarea, .comments-textarea-container, .comments-textarea-container textarea, .yt-uix-form-input-text, .yt-uix-form-textarea {
  1446. -moz-appearance: none !important;
  1447. background-color: #222!important;
  1448. }
  1449.  
  1450. .guide-layout-container .feed-item-main .ux-thumb img {
  1451. width: 120px!important;
  1452. height: 67px!important;
  1453. }
  1454.  
  1455. .guide-layout-container .feed-item-main .feed-item-thumb .video-thumb {
  1456. background: transparent!important;
  1457. width: 120px!important;
  1458. height: 67px!important;
  1459. }
  1460.  
  1461. .guide-layout-container .feed-author-bubble .feed-item-author {
  1462. left: 0px!important;
  1463. top: -36px!important;
  1464. background: transparent!important;
  1465. margin: 0px!important;
  1466. }
  1467.  
  1468. .guide-layout-container .feed-author-bubble .feed-item-author .ux-thumb img {
  1469. width: 15px!important;
  1470. height: 15px!important;
  1471. }
  1472.  
  1473. .guide-layout-container .feed-author-bubble {
  1474. background: transparent!important;
  1475. pointer-events: none!important;
  1476. cursor: default!important;
  1477. position: relative!important;
  1478. top: 24px!important;
  1479. left: 45px!important;
  1480. }
  1481.  
  1482. .guide-layout-container .feed-item-container{
  1483. height: 110px!important;
  1484. margin-bottom: 0px!important;
  1485. left: -50px!important;
  1486. top: -5px!important;
  1487. width: 400px!important;
  1488. border: none!important;
  1489. }
  1490.  
  1491. .guide-layout-container .feed-item-container .feed-item-main {
  1492. height: 115px!important;
  1493. }
  1494.  
  1495. .guide-layout-container .feed-item-container:hover {
  1496. background: transparent!important;
  1497. border: 0px!important;
  1498. }
  1499.  
  1500. .guide-layout-container .feed-item-main .feed-item-actions-line.user, .feed-item-main .feed-item-actions-line {
  1501. position: relative!important;
  1502. top: 0px!important;
  1503. left: 20px!important;
  1504. }
  1505.  
  1506. .guide-layout-container .feed-item-content .feed-video-title {
  1507. width: 220px!important;
  1508. }
  1509.  
  1510. .guide-layout-container .feed-item-main .description {
  1511. width: 210px!important;
  1512. }
  1513.  
  1514. .guide-layout-container .feed-item-content .metadata .view-count {
  1515. color: #aaa!important;
  1516. position: absolute!important;
  1517. left: 320px!important;
  1518. top: 100px!important;
  1519. display: none!important;
  1520. }
  1521.  
  1522. .feed-author-bubble {
  1523. background: transparent!important;
  1524. }
  1525.  
  1526. .feed-author-bubble .feed-item-author {
  1527. left: 45px!important;
  1528. top: 5px!important;
  1529. background: transparent!important;
  1530. margin: 0px!important;
  1531. }
  1532.  
  1533. .feed-author-bubble .feed-item-author .ux-thumb img {
  1534. width: 15px!important;
  1535. height: 15px!important;
  1536. }
  1537.  
  1538. .channel-activity-feeds .feed-item-container {
  1539. background: #222!important;
  1540. margin-bottom: 20px!important;
  1541. border-radius: 5px!important;
  1542. }
  1543.  
  1544. .feed-item-container:hover {
  1545. background: #222!important;
  1546. border-top: solid 2px #111!important;
  1547. border-bottom: solid 2px #111!important;
  1548. }
  1549.  
  1550. .feed-item-content .metadata .view-count {
  1551. color: #aaa!important;
  1552. }
  1553.  
  1554. .video-list-item .ux-thumb-wrap .video-thumb, .video-list-item .thumb-row .video-thumb {
  1555. background-color: #222 !important;
  1556. }
  1557.  
  1558. .search-base #filter-dropdown {
  1559. background: #222!important;
  1560. -moz-box-shadow: inset 0 5px 5px rgba(20,20,20,0)!important;
  1561. -webkit-box-shadow: inset 0 5px 5px rgba(20,20,20,0)!important;
  1562. border-radius: 5px!important;
  1563. }
  1564.  
  1565. .filter-content:hover {
  1566. background-color: #333!important;
  1567. color: #999!important;
  1568. }
  1569.  
  1570. .playlist-sparkbars {
  1571. border: 1px solid #333!important;
  1572. }
  1573.  
  1574. .guide-feed-v2 .feed-item-container.first .feed-item-main {
  1575. margin-top: 20px!important;
  1576. }
  1577.  
  1578. .guide-feed-v2 .feed-item-container.first .feed-author-bubble {
  1579. margin-top: 5px!important
  1580. }
  1581.  
  1582. .store-display-offer-affiliate {
  1583. color: #777!important;
  1584. }
  1585.  
  1586. .event-calendar-date {
  1587. border: 1px solid #333!important;
  1588. color: #9C9C9C;
  1589. }
  1590.  
  1591. .event-calendar-date-inner {
  1592. background: #333!important;
  1593. height: 116px!important;
  1594. }
  1595.  
  1596. .store-view .event-calendar-date-inner {
  1597. border-top: 0.6em solid #333!important;
  1598. border-bottom: 0.6em solid #333!important;
  1599. padding-top: 0px!important;
  1600. }
  1601.  
  1602. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement