Usuário:BraunOBruno/CommunityButton.css

Nota: Depois de publicar, poderá ter de contornar a cache do seu navegador para ver as alterações.

Firefox / Safari: Pressione Shift enquanto clica Recarregar, ou pressione Ctrl-F5 ou Ctrl-R (⌘-R no Mac)
Google Chrome: Pressione Ctrl-Shift-R (⌘-Shift-R no Mac)
Edge: Pressione Ctrl enquanto clica Recarregar, ou pressione Ctrl-F5.

/* Copiado de [[Usuário:Eduardo Gottert/common.css]] para integração direta com [[Usuário:BraunOBruno/CommunityButton.js]]*/
.dropdown {
    position: absolute; /* Position it relative to the newMenuItem */
    background-color: #f9f9f9; /* Background color */
    border: 1px solid #ccc; /* Border */
    padding: 10px; /* Padding */
    z-index: 1000; /* Ensure it appears above other content */
    width: 100px;
    text-align: center;
}

.dropdown p {
	margin: 0;
}

.dropdown a {
    margin: 0; /* Remove default margins */
    width: 100%;
}

/* Optionally, style the parent menu item */
.vector-menu-content-list li {
    position: relative; /* Position it relative for dropdown positioning */
}

.hide-before::before {
    content: none; /* This removes the content of the ::before pseudo-element */
    width: 0.1px;
}

/* Normal state */
.pink-wp-text {
    color: #e600b5; /* Bright pink */
}

/* Visited state */
.pink-wp-text:visited {
    color: #a6009a; /* Darker purple-pink */
}

/* Hover state */
.pink-wp-text:hover {
    color: #ff66e5; /* Lighter, vibrant pink */
}

/* Active state */
.pink-wp-text:active {
    color: #db00c5; /* Deep, rich magenta */
}