MediaWiki:Common.css: Difference between revisions

Jump to navigation Jump to search
no edit summary
No edit summary
Tag: Reverted
No edit summary
Tag: Manual revert
Line 1: Line 1:
/* Ensure the tooltip wrapper is relatively positioned to contain the tooltip */
.tooltip-wrapper {
.tooltip-wrapper {
     position: relative;
     position: relative;
Line 5: Line 4:
}
}


/* Style the text that will be underlined on hover */
.underline-hover {
.underline-hover {
     position: relative;
     position: relative;
Line 12: Line 10:
     cursor: pointer; /* Change the cursor to indicate clickable text */
     cursor: pointer; /* Change the cursor to indicate clickable text */
     outline: none; /* Remove the outline when focused */
     outline: none; /* Remove the outline when focused */
}
.underline-hover:hover,
.underline-hover:focus {
    text-decoration: underline;
}
}


Line 17: Line 20:
.tooltip-text {
.tooltip-text {
     visibility: hidden;
     visibility: hidden;
     background-color: #555;
     background-color: #918f8f;
     color: #fff;
     color: #000;
     text-align: center;
     text-align: center;
     padding: 10px; /* Adjust padding to suit the content */
     padding: 5px 10px;
     border-radius: 6px;
     border-radius: 6px;
   
 
     /* Positioning and size */
     /* Positioning and size */
     position: absolute;
     position: absolute;
     z-index: 10000; /* Ensure it's on top of all objects */
     z-index: 100; /* Ensure it's on top of all objects */
     top: 50%; /* Center vertically relative to the text */
     top: 50%; /* Center vertically relative to the text */
     left: 110%; /* Position to the right of the text */
     left: 100%; /* Position to the right of the text */
     transform: translateY(-50%); /* Center the tooltip vertically */
     transform: translateX(20px) translateY(-50%); /* Shift tooltip further to the right */
     opacity: 0;
     opacity: 0;
     transition: opacity 0.3s ease-in-out;
     transition: opacity 0.3s ease-in-out;

Navigation menu