Hi, if some one like to change mouse-icon in quark, here is my little upgrade:
- Code: Select all
.mouse-icon {
border: 3px solid rgba(255,255,255,0.8);
border-radius: 2px;
bottom: 72px;
display: block;
height: 48px;
left: 50%;
margin: 0 0 0 -14px;
position: absolute;
width: 28px;
z-index: 1;
}
.mouse-icon > span {
background: rgba(255,255,255,0.8);
border-radius: 2px;
height: 4px;
left: 9px;
position: absolute;
top: -18px;
width: 4px;
}
.mouse-icon > span:before,
.mouse-icon > span:after {
background: rgba(255,255,255,0.8);
border-radius: 2px;
content: "";
left: 0;
height: 4px;
position: absolute;
top: 76px;
width: 4px;
}
.mouse-icon > span:before {
top: -11px;
}
.mouse-icon > span > span {
border-radius: 2px;
-webkit-transition: top .25s ease-out;
-moz-transition: top .25s ease-out;
-ms-transition: top .25s ease-out;
-o-transition: top .25s ease-out;
transition: top .25s ease-out;
background-color: transparent;
margin-left:-6px;
position: relative;top: 28px;
display: block;
width: 4px;
height: 20px;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 20px solid rgba(255,255,255,0.85);
}
