Made a little CSS that makes the login status more subtle. Feel free to play with it and such (:
/* Login Status (Timothy Foster) ===================================*/ /* * When Logged In * */ .printuser{ font-size: 0; } .printuser img{ max-width: 20px !important; padding: 0 !important; background-image: none !important; width: 20px; border-radius: 10px; } .loginStatus{ padding-top: 3px; } .loginStatus .btn{ background: none; border: none; padding: 0; } .loginStatus .btn.disabled{ position: relative; left: 23px; top: 4px; z-index: 50; } .loginStatus .btn.dropdown-toggle{ width: 28px; height: 28px; border: 1px solid #E3E3E3; border-radius: 14px; z-index: 49; } .loginStatus .btn.dropdown-toggle:hover{ background: #EEE; border-color: #D7D7D7; } .caret{ visibility: hidden; } .loginStatus ul{ left: -102px; } .loginStatus ul li i{ margin-right: 7px; } .loginStatus ul li a:hover, .loginStatus ul li a:focus, .loginStatus ul li a:hover i, .loginStatus ul li a:focus i{ color: #FFF; } /* * When Logged Out * */ .loginStatus .login-status-create-account, .loginStatus > span{ display: none; } .loginStatus .login-status-sign-in{ background: #FFF; border: 1px solid #E3E3E3; width: 28px; height: 28px; border-radius: 14px; color: #000; font-size: 0; padding-top: 2px; } .loginStatus .login-status-sign-in::before{ font-family: 'FontAwesome'; font-size: 16px; content: ''; } .loginStatus .login-status-sign-in:hover{ border-color: #D7D7D7; background: #EEE; } /*=================================== End Login Status */
Timothy Foster - @tfAuroratide
Auroratide.com - Go here if you're nerdy like me