Untitled
user_0612424032
plain_text
3 years ago
2.2 kB
7
Indexable
/*BEGIN PS4 Controller Styling*/
.controller.ds4 {
background: url(https://i.imgur.com/YzUOksK.gif);
height: 700px;
width: 1200px;
/* margin-left: -403px
.ds4 .touchpad.pressed {
background: url(https://imgur.com/DFEXAHK) no-repeat center;
}
.ds4 .abxy {
position: absolute;
width: 170px;
height: 171px;
top: 159px;
left: 567px;
}
.ds4 .button {
position: absolute;
width: 55px;
height: 55px;
background: url(https://imgur.com/garLEED]);
}
.ds4 .button.pressed {
background-position-y: 55px;
/* margin-top: 5px; */
}
.ds4 .a {
background-position: 0 0;
bottom: 0;
left: 58px;
}
.ds4 .b {
background-position: -55px 0;
top: 58px;
right: 0px;
}
.ds4 .x {
background-position: -113px 0;
top: 58px;
}
.ds4 .y {
background-position: 55px 0;
left: 58px;
}
.ds4 .sticks {
position: absolute;
width: 361px;
height: 105px;
top: 345px;
left: 425px;
}
.ds4 .stick {
position: absolute;
background: url(ps4-assets/sticks.svg);
height: 94px;
width: 94px;
}
.ds4 .stick.pressed.left {
background-position-x: -96px;
}
.ds4 .stick.pressed.right {
background-position-x: -192px;
}
.ds4 .stick.left {
top: 0;
left: 0;
}
.ds4 .stick.right {
top: calc(100% - 105px);
left: calc(100% - 105px);
}
.ds4 .face {
background: url(https://i.imgur.com/hljE9Ag.png);
position: absolute;
}
.ds4 .face.up, .ds4 .face.down {
width: 36px;
height: 52px;
}
.ds4 .face.left, .ds4 .face.right {
width: 52px;
height: 36px;
}
.ds4 .face.up {
left: 44px;
top: 0;
background-position: -37px 0px;
}
.ds4 .face.down {
left: 44px;
bottom: 0;
background-position: 0px 0;
}
.ds4 .face.left {
top: 45px;
left: 0;
background-position: 104px 0;
}
.ds4 .face.right {
top: 45px;
right: 0px;
background-position: 52px 0;
}
.ds4 .face.pressed {
/* margin-top: 5px; */
background-position-y: 52px;
/*END PS4 Controller Styling*/Editor is loading...