mirror of
https://github.com/pierre42100/ComunicWeb
synced 2024-11-23 12:39:22 +00:00
51 lines
681 B
CSS
51 lines
681 B
CSS
/**
|
|
* 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
|
|
} |