mirror of
https://github.com/openvk/openvk
synced 2025-07-07 16:29:50 +03:00
now these things have animation
I stole css from vepurovk and now these things have animation
This commit is contained in:
parent
79e9a7673d
commit
d6089afabd
1 changed files with 31 additions and 2 deletions
|
@ -3,6 +3,25 @@
|
||||||
{
|
{
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
#avatarAll {
|
||||||
|
overflow: hidden;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
#avatarChange, #_avatarDelete, #groupAvatarChange {
|
||||||
|
-webkit-transition: all 200ms ease-in-out;
|
||||||
|
-moz-transition: all 200ms ease-in-out;
|
||||||
|
-o-transition: all 200ms ease-in-out;
|
||||||
|
transition: all 200ms ease-in-out;
|
||||||
|
}
|
||||||
|
#avatarChange {
|
||||||
|
bottom: -32px !important;
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
div#avatarAll:hover #avatarChange {
|
||||||
|
opacity: 1 !important;
|
||||||
|
bottom: -8px !important;
|
||||||
|
visibility: visible;
|
||||||
|
}
|
||||||
#_avatarDelete
|
#_avatarDelete
|
||||||
{
|
{
|
||||||
position:absolute;
|
position:absolute;
|
||||||
|
@ -26,18 +45,23 @@
|
||||||
font-size:11px;
|
font-size:11px;
|
||||||
padding-top:10px;
|
padding-top:10px;
|
||||||
padding-bottom:10px;
|
padding-bottom:10px;
|
||||||
|
padding-right: 10px;
|
||||||
opacity:0%;
|
opacity:0%;
|
||||||
}
|
}
|
||||||
#uploadIcon
|
#uploadIcon
|
||||||
{
|
{
|
||||||
position:absolute;
|
position:absolute;
|
||||||
left:0;
|
left:0;
|
||||||
margin-left:20px;
|
margin-left:13px;
|
||||||
}
|
}
|
||||||
#_newPicture
|
#_newPicture
|
||||||
{
|
{
|
||||||
color:#B2B2B2;
|
color:#B2B2B2;
|
||||||
}
|
}
|
||||||
|
#_newPicture:hover
|
||||||
|
{
|
||||||
|
color: #D9D9D9;
|
||||||
|
}
|
||||||
.newpict
|
.newpict
|
||||||
{
|
{
|
||||||
position:absolute;
|
position:absolute;
|
||||||
|
@ -58,11 +82,16 @@
|
||||||
font-size:11px;
|
font-size:11px;
|
||||||
padding-top:10px;
|
padding-top:10px;
|
||||||
padding-bottom:10px;
|
padding-bottom:10px;
|
||||||
|
padding-right: 10px;
|
||||||
opacity:0%;
|
opacity:0%;
|
||||||
}
|
}
|
||||||
#_newAvatarPicture2
|
#_newAvatarPicture2
|
||||||
{
|
{
|
||||||
position:absolute;
|
position:absolute;
|
||||||
left:0;
|
left:0;
|
||||||
margin-left:20px;
|
margin-left:13px;
|
||||||
|
}
|
||||||
|
#_newAvatarPicture:hover
|
||||||
|
{
|
||||||
|
color:#D9D9D9;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue