Description The id of the <div> block that contains all of the login information on the top of the page. Containers Contained by #header Contains when logged off: .login-status-create-account .login-status-sign-in Contains when logged in: .printuser #my-account #account-topbutton #account-options

Outline Click to view in closer detail!

Details

In short, this is the block that holds the information of whether you are logged in or out. If you are logged off, you will see the following generic status:

• Create account or Sign in

If you are logged in, it will show you your avatar, name, and list of account options separate from the site you are on. Each have their separate internal structure; the second of these is detailed on the Page Structure page.

Examples

You can make the login status more subtle using this id if you feel that it is too intrusive in the header. One way to do this is to shrink the font size:

#login-status{    font-size: 80%; }

Try It on the CSS Zone Sandbox!

Base CSS

#login-status{
    position: absolute;
    right: 10px;
    top: 10px;
    overflow: visible;
    z-index:25;
}
 
@-webkit-keyframes blinker {
    from { opacity: 1.0; }
    to { opacity: 0.0; }
}
 
#login-status > a > strong {
    /* Firefox/Opera */
    text-decoration: blink;
 
    /* WebKit */
    -webkit-animation-name: blinker;  
    -webkit-animation-iteration-count: infinite;  
    -webkit-animation-timing-function: cubic-bezier(1.0, 0, 0, 1.0);
    -webkit-animation-duration: 1s; 
}