content-style.css 916 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. #return-youtube-dislike-bar-container {
  2. background: #c6c6c6;
  3. }
  4. #return-youtube-dislike-bar {
  5. background: #5094c8;
  6. }
  7. [dark] #return-youtube-dislike-bar-container {
  8. }
  9. [dark] #return-youtube-dislike-bar {
  10. background: #3ea6ff;
  11. }
  12. .ryd-tooltip {
  13. position: relative;
  14. display: inline-block;
  15. border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
  16. cursor: pointer;
  17. height: 10px;
  18. margin-bottom: -5px;
  19. }
  20. /* Tooltip text */
  21. .ryd-tooltip .ryd-tooltiptext {
  22. visibility: hidden;
  23. width: 120px;
  24. background-color: #000000c4;
  25. color: #fff;
  26. text-align: center;
  27. padding: 5px 0;
  28. border-radius: 6px;
  29. /* Position the tooltip text - see examples below! */
  30. position: absolute;
  31. z-index: 1;
  32. bottom: 15px;
  33. left: 10px;
  34. font-size: 12px;
  35. }
  36. /* Show the tooltip text when you mouse over the tooltip container */
  37. .ryd-tooltip:hover .ryd-tooltiptext {
  38. visibility: visible;
  39. }