@import "caboose/admin/config"; header#admin_header { width: 100%; height: 54px; background: #efefef; #admin_logo_link { display: none; float: left; width: 350px; height: 100%; background: top left #efefef; a { background: url('/assets/caboose/admin/caboose_logo.gif') top left #d07f7f; span { display: none; } } &:focus { outline-width: 0; } } #admin_top_nav { float: right; width: 150px; ul { list-style: none; margin: 0; padding: 0; li { list-style: none; margin: 0; padding: 0; float: left; a { display: block; text-decoration: none; height: 54px; position: relative; span.icon { position: absolute; top: 4px; left: 10px; display: block; width: 30px; height: 30px; background-image: url('/assets/caboose/admin/admin_top_nav.gif'); } span.text { display: block; height: 54px; padding-top: 34px; color: #7b7d7f !important; font-size: 10px; text-align: center; } &:hover { span.text { color: #d07f7f !important; } } } &.my_account a { span.icon { background-position: 0px 0px; left: 25px; } width: 80px; } &.help a { span.icon { background-position: 0px -30px; left: 8px; } width: 45px; } &.my_account a:hover { span.icon { background-position: -30px 0px; }} &.help a:hover { span.icon { background-position: -30px -30px; }} } } } }