A Chrome extension that hides all YouTube UI except for your video
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

style.css 1.1KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. #refined-youtube-launch-container {
  2. align-items: center;
  3. background: white;
  4. border-top: 2px solid #000000;
  5. bottom: 0;
  6. box-sizing: border-box;
  7. display: flex;
  8. height: 100px;
  9. justify-content: center;
  10. position: fixed;
  11. transition: opacity 1s;
  12. width: 100vw;
  13. z-index: 999;
  14. }
  15. #refined-youtube-launch-button {
  16. background-color: #CC0000;
  17. border-radius: 5px;
  18. color: #FFFFFF;
  19. cursor: pointer;
  20. font-family: Roboto;
  21. font-size: 14px;
  22. font-weight: 500;
  23. padding: 12px 20px;
  24. text-decoration: none;
  25. text-transform: uppercase;
  26. }
  27. #refined-youtube-launch-close-button {
  28. cursor: pointer;
  29. font-size: 20px;
  30. position: absolute;
  31. right: 20px;
  32. top: 5px;
  33. }
  34. #refined-youtube-close-button {
  35. color: #f5f5f5;
  36. cursor: pointer;
  37. font-size: 36px;
  38. position: fixed;
  39. right: 20px;
  40. text-decoration: none;
  41. top: 10px;
  42. }
  43. #refined-youtube-close-button:hover,
  44. #refined-youtube-launch-close-button:hover {
  45. transform: scale(1.1);
  46. transition: transform .2s ease-in-out;
  47. }
  48. body.refined-youtube {
  49. background: #1f1f1f;
  50. }
  51. #refined-youtube-container {
  52. align-items: center;
  53. display: flex;
  54. height: 100vh;
  55. justify-content: center;
  56. }