Файл: ajax/profileCover/stylePc.css
Строк: 81
.profileCoverWrapper {
width: 100%;
height: 300px;
overflow:
hidden;
position: relative;
}
.profileCoverImage {
margin:
0;
padding: 0;
width: inherit;
height: inherit;
position:
absolute;
top: 0;
left: 0;
}
.profileCoverInfo {
z-index:
10001;
position: absolute;
top: 0;
left: 0;
height:
inherit;
padding: 100px 10px;
text-align:
center;
}
.profileCoverChangeWrapper {
-webkit-transition: all
.5s;
-moz-transition: all .5s;
-ms-transition: all
.5s;
-o-transition: all .5s;
transition: all .5s;
width:
inherit;
height: inherit;
position: absolute;
top: 0;
left:
0;
cursor: pointer;
}
.profileCoverNick {
margin-bottom:
5px;
}
.profileCoverChange {
position: absolute;
top: 38%;
right:
24%;
width: 100px;
height: 100px;
background:
url(/style/covers/change.png);
background-repeat: no-repeat;
opacity:
0;
cursor: pointer;
-webkit-transition: all .5s;
-moz-transition: all
.5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all
.5s;
}
.profileCoverWrapper:hover .profileCoverChange {
opacity:
1;
}
.profileCoverWrapper:hover .profileCoverChangeWrapper
{
background: rgba(0, 0, 0, .5);
}
.profileCoverSelect {
display:
none;
}
.profileCoverSelectCategory {
display:
none;
}
.profileCoverSelectDo {
display: inline-block;
position:
relative;
width: 100px;
height: 100px;
margin: 4px;
overflow:
hidden;
}
.profileCoverSelectPrice {
position: absolute;
bottom:
0;
left: 0;
background: rgba(0, 0, 0, .5);
color: #FFF;
text-align:
center;
padding: 4px 0px 4px;
width: 100%;
}
.profileCoverSelectDo
img {
margin: 0;
padding: 0;
-webkit-transition: all
.5s;
-moz-transition: all .5s;
-ms-transition: all
.5s;
-o-transition: all .5s;
transition: all .5s;
cursor:
pointer;
height: inherit;
width:
inherit;
}
.profileCoverSelectDo:hover img {
-webkit-box-shadow: 1px
1px 20px #000;
-moz-box-shadow: 1px 1px 20px #000;
box-shadow: 1px 1px
20px #000;
}