Skip to content

Instantly share code, notes, and snippets.

@jpmckinney
Last active February 10, 2024 23:12
Show Gist options
  • Save jpmckinney/902a5d3c1c1c784f37b21d337a2968d2 to your computer and use it in GitHub Desktop.
Save jpmckinney/902a5d3c1c1c784f37b21d337a2968d2 to your computer and use it in GitHub Desktop.
.xbox .abxy,.xbox .arrows,.xbox .bumpers,.xbox .button,.xbox .dpad,.xbox .face,.xbox .quadrant,.xbox .stick,.xbox .sticks,.xbox .triggers{position:absolute}.controller.xbox{background:url(https://imgur.com/eWlI7VE.png);height:630px;width:750px}.xbox.white{background:url(https://imgur.com/dC9NkhO.png)}.xbox.disconnected{background:url(https://imgur.com/1i0fvvM.png)}.xbox.disconnected div{display:none}.xbox .triggers{width:427px;height:121px;left:160px;top:-8px}.xbox .trigger{width:88px;height:121px;background:url(https://imgur.com/yB8ABy5.png);opacity:0}.xbox .trigger.left{float:left;background-position:0 0}.xbox .trigger.right{float:right;left:8px;transform:rotateY(180deg)}.xbox .bumper{width:170px;height:61px;background:url(https://imgur.com/lr9lHUc.png);opacity:0}.xbox .bumpers{width:528px;height:61px;left:110px;top:113px}.xbox .back.pressed,.xbox .bumper.pressed,.xbox .face.pressed,.xbox .start.pressed{opacity:1}.xbox .back,.xbox .bumper.left{float:left}.xbox .bumper.right{float:right;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.xbox .quadrant{background:url(https://imgur.com/FXlOX0L.png);height:45px;width:45px;top:200px;left:354px;z-index:0}.xbox .p0{-webkit-transform:rotate(0);transform:rotate(0)}.xbox .p1{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.xbox .p2{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.xbox .p3{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.xbox .arrows{width:197px;height:33px;top:190px;left:275px}.xbox .back,.xbox .start{background:url(https://imgur.com/Hll1mMq.png);width:33px;height:33px;opacity:0}.xbox .start{background-position:33px 0;float:right}.xbox .abxy{width:153px;height:150px;top:197px;left:488px}.xbox .button{background:url(https://imgur.com/zY5rOdT.png);width:48px;height:48px}.xbox .button.pressed{background-position-y:-48px;margin-top:0;opacity:1}.xbox .a{background-position:-49px 0;top:80px;left:37px}.xbox .b,.xbox .stick.pressed{background-position:0 0}.xbox .b{top:36px;right:15px}.xbox .x{background-position:48px 0;top:36px;left:-15px}.xbox .y{background-position:-98px 0;left:37px;top:-9px}.xbox .sticks{width:350px;height:196px;top:216px;left:149px}.xbox .stick{background:url(https://imgur.com/rrnq6J4.png) -85px 0;height:83px;width:84px}.xbox .stick.left{top:-200;left:4}.xbox .stick.right{top:91px;left:270px}.xbox .dpad{width:110px;height:111px;top:294px;left:218px}.xbox .face{background:url(https://imgur.com/d7TZKtY.png);opacity:0}.xbox .face.up{background-position:34px 0;left:38px;top:0;width:34px;height:56px}.xbox .face.down{left:37px;bottom:-1px;width:34px;height:56px}.xbox .face.left{background-position:0 -93px;width:55px;height:35px;top:38px;left:-1px}.xbox .face.right{background-position:0 -57px;width:55px;height:35px;top:38px;right:0}.xbox.half{margin-top:-315px}.xbox{background:center no-repeat}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment