Defines the little button to the right of the My account link in the login status. It has a little ▼ symbol in it.


Image Unavailable
Click to view in closer detail!


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.


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

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

Not defined in Base CSS.

Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License