Description Defines the little button to the right of the My account link in the login status. It has a little ▼ symbol in it. Containers Contained by #login-status

Outline Click to view in closer detail!

Details

When you are logged on, the login status area will have a list of account options that you cannot initially see. The list of options include viewing private messages, changing your account settings, and signing out. To view these, you click on the button with the ▼ in it. That button is described by #account-topbutton.

This pseudo-link is not technically a button, so .button will not select this. You must use this id in order to select the element and alter its style.

If you change the color of this element, you will change the color of the down arrow in it.

Examples

By default, this site has a white arrow inside of the account options button. The code below changes it to red.

#account-topbutton{    color: red; }

Try It on the CSS Zone Sandbox!

Base CSS

#account-topbutton{
    font-size: 80%;
    font-weight: bold;
    padding: 0 5px;
    border: 1px solid #888;
    margin-left: 5px;
    text-decoration: none;
    background-color: #FFF;
}