MediaWiki:VectorPlus.css: Difference between revisions
Jump to navigation
Jump to search
(Created page with "→Style for the custom tools dropdown: .custom-tools-dropdown { position: relative; display: inline-block; } →Style for the dropdown button: .dropbtn { background-color: #4CAF50; color: white; padding: 16px; font-size: 16px; border: none; } →Style for the dropdown content: .dropdown-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; } /...") |
mNo edit summary |
||
| Line 6: | Line 6: | ||
/* Style for the dropdown button */ | /* Style for the dropdown button */ | ||
. | .custom-tools-dropdown .mw-collapsible-toggle { | ||
background-color: #4CAF50; | background-color: #4CAF50; | ||
color: white; | color: white; | ||
padding: | padding: 8px 12px; | ||
font-size: | font-size: 13px; | ||
border: none; | border: none; | ||
} | } | ||
/* Style for the dropdown content */ | /* Style for the dropdown content */ | ||
.dropdown | .custom-tools-dropdown .pBody { | ||
display: none; | display: none; | ||
position: absolute; | position: absolute; | ||
| Line 21: | Line 21: | ||
min-width: 160px; | min-width: 160px; | ||
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); | box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); | ||
} | } | ||
/* Show the dropdown content on hover */ | /* Show the dropdown content on hover */ | ||
.custom-tools-dropdown:hover . | .custom-tools-dropdown:hover .pBody { | ||
display: block; | display: block; | ||
} | } | ||
Revision as of 01:22, 23 February 2024
/* Style for the custom tools dropdown */
.custom-tools-dropdown {
position: relative;
display: inline-block;
}
/* Style for the dropdown button */
.custom-tools-dropdown .mw-collapsible-toggle {
background-color: #4CAF50;
color: white;
padding: 8px 12px;
font-size: 13px;
border: none;
}
/* Style for the dropdown content */
.custom-tools-dropdown .pBody {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
/* Show the dropdown content on hover */
.custom-tools-dropdown:hover .pBody {
display: block;
}