/** * Friends bar style sheet * * @author Pierre HUBERT */ #friendsList { position: fixed; right: 0px; border-left: 1px black solid; z-index: 999; background-color: #fff3ff80; top: 0px; height: 100%; padding-top: 50px; /** width: 50px; font-size: 70%; transition: width 1s; */ width: 230px; transition: right 1s; right: -175px; } #friendsList:hover { background-color: #ffffff; /** width: 230px; font-size: 100%; padding: 10px; padding-top: 50px; */ right: 0px; } #friendsList td { vertical-align: middle; } #friendsList .account-image { margin: auto 10px auto auto; max-width: 40px; height: 40px; border-radius: 50%; visibility: visible }