MediaWiki:Gadget-toplinksDropdown.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

/* <pre> */
body:not(.mw-special-Preferences) #pt-mytalk,
body:not(.mw-special-Preferences) #pt-preferences,
body:not(.mw-special-Preferences) #pt-watchlist,
body:not(.mw-special-Preferences) #pt-mycontris,
body:not(.mw-special-Preferences) #pt-logout {
    display: none;
}

body:not(.mw-special-Preferences) #p-personal #pt-userpage {
    float: right;
    position: relative;
    padding: 1.4em 0;
    background-position: left center;
}

body:not(.mw-special-Preferences) #pt-userpage .pt-userpage-dropdown {
    display: none;
    background: var(--body-light);
    border: 1px solid var(--body-border);
    padding: 1em;
    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 2.5em;
    right: 0;
    z-index: 10;
    -webkit-transition: opacity 100ms;
    transition: opacity 100ms;
}

body:not(.mw-special-Preferences) #pt-userpage .pt-userpage-dropdown::before {
    content: '';
    position: absolute;
    border: 8px solid transparent;
    border-top: 0;
    border-bottom: 8px solid var(--body-border);
    top: -8px;
    right: 10px;
}

body:not(.mw-special-Preferences) #pt-userpage .pt-userpage-dropdown::after {
    content: '';
    position: absolute;
    border: 11px solid transparent;
    border-top: 0;
    border-bottom: 11px solid var(--body-light);
    top: -6.5px;
    right: 7px;
}

body:not(.mw-special-Preferences) #pt-userpage .pt-userpage-dropdown ul {
    padding: 0;
    list-style-type: none;
    list-style-image: none;
}

body:not(.mw-special-Preferences) #pt-userpage .pt-userpage-dropdown li {
    display: block;
    width: 100%;
    font-size: 1.1em;
    margin: 0;
    padding: 0;
}

body:not(.mw-special-Preferences) #pt-userpage .pt-userpage-dropdown li a {
    color: var(--background-link-color);
    display: block;
    padding: 0.5em 1em;
    padding-top: 0.5em !important;
    box-sizing: border-box;
    background-image: none;
}

body:not(.mw-special-Preferences) #pt-userpage:hover .pt-userpage-dropdown {
    display: block;
}

body:not(.mw-special-Preferences) #pt-mytalk .mw-echo-alert {
    color: #6bc71f;
    background: none;
    font-weight: bold;
}

.wgl-darkmode:not(.mw-special-Preferences) #pt-userpage .pt-userpage-dropdown {
    background: #313e59;
    border-color: #596e96;
}

.wgl-darkmode:not(.mw-special-Preferences) #pt-userpage .pt-userpage-dropdown::before {
    border-bottom-color: #596e96;
}

.wgl-darkmode:not(.mw-special-Preferences) #pt-userpage .pt-userpage-dropdown::after {
    border-bottom-color: #313e59;
}

.wgl-darkmode:not(.mw-special-Preferences) #pt-userpage .pt-userpage-dropdown li a {
    color: #8cabe6;
}

.wgl-darkmode:not(.mw-special-Preferences) #pt-userpage .pt-userpage-dropdown li a:hover {
    background: #29354e;
}