diff --git a/controls.css b/controls.css index 699d601..55f8b62 100644 --- a/controls.css +++ b/controls.css @@ -1,16 +1,18 @@ .mute_message .mutetooltip { visibility: hidden; - width: 120px; - background-color: #555; + width: auto; + background-color: rgba(0, 0, 0, 0.7); color: #fff; text-align: center; - padding: 5px 0; - border-radius: 6px; + font-size: 1em; + padding: 4px 7px 5px; + line-height: 1.154; + border-radius: 3px; /* Position the tooltip text */ position: absolute; z-index: 1; - bottom: 125%; + bottom: 130%; left: 50%; margin-left: -60px; @@ -24,11 +26,11 @@ content: ""; position: absolute; top: 100%; - left: 50%; + left: 80%; margin-left: -5px; border-width: 5px; border-style: solid; - border-color: #555 transparent transparent transparent; + border-color: rgba(0, 0, 0, 0.7) transparent transparent transparent; } /* Show the tooltip text when you mouse over the tooltip container */