Advertisement
Guest User

qd

a guest
Feb 25th, 2020
116
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. .controller.custom {
  2.     background-image: url('https://cdn.discordapp.com/attachments/681760010392436836/681760491475042318/SSLogo.png');
  3.     background-position-y: 50px;
  4.     background-size: 1000px;
  5.     mask-image: url('https://gamepadviewer.com/xbox-assets/base.svgz');
  6.     mask-repeat: no-repeat;
  7.     height: 630px;
  8.     width: 750px;
  9.     /*    margin-left: -375px;
  10.         margin-top: -285px;*/
  11. }
  12.  
  13. .custom.white {
  14.     background: url('https://gamepadviewer.com/xbox-assets/base-white.svgz');
  15. }
  16.  
  17. .custom.disconnected {
  18.     background: url('https://gamepadviewer.com/xbox-assets/disconnected.svgz');
  19. }
  20.  
  21. .custom.disconnected div {
  22.     display: none;
  23. }
  24.  
  25. .custom .triggers {
  26.     width: 446px;
  27.     height: 121px;
  28.     position: absolute;
  29.     left: 152px;
  30.     background-color: #191919;
  31. }
  32.  
  33. .custom .trigger {
  34.     width: 88px;
  35.     height: 121px;
  36.     background: url('https://gamepadviewer.com/xbox-assets/trigger.svgz');
  37.     opacity: 0;
  38. }
  39.  
  40. .custom .trigger.left {
  41.     float: left;
  42.     background-position: 0 0;
  43. }
  44.  
  45. .custom .trigger.right {
  46.     float: right;
  47.     transform: rotateY(180deg);
  48. }
  49.  
  50. .custom .bumper {
  51.     width: 170px;
  52.     height: 61px;
  53.     background-color: #191919;
  54.     mask-image: url('https://gamepadviewer.com/xbox-assets/bumper.svgz');
  55. }
  56.  
  57. .custom .bumpers {
  58.     position: absolute;
  59.     width: 536px;
  60.     height: 61px;
  61.     left: 107px;
  62.     top: 129px;
  63. }
  64.  
  65. .custom .bumper.pressed {
  66.     background-color: white;
  67. }
  68.  
  69. .custom .bumper.left {
  70.     float: left;
  71. }
  72.  
  73. .custom .bumper.right {
  74.     float: right;
  75.     -webkit-transform: rotateY(180deg);
  76.     transform: rotateY(180deg);
  77. }
  78.  
  79. .custom .quadrant {
  80.     position: absolute;
  81.     background: url('https://gamepadviewer.com/xbox-assets/quadrant.svgz');
  82.     height: 45px;
  83.     width: 45px;
  84.     top: 258px;
  85.     left: 354px;
  86.     z-index: 0;
  87.     opacity: 0;
  88. }
  89.  
  90. .custom .p0 {
  91.     -webkit-transform: rotate(0deg);
  92.     transform: rotate(0deg);
  93. }
  94.  
  95. .custom .p1 {
  96.     -webkit-transform: rotate(90deg);
  97.     transform: rotate(90deg);
  98. }
  99.  
  100. .custom .p2 {
  101.     -webkit-transform: rotate(270deg);
  102.     transform: rotate(270deg);
  103. }
  104.  
  105. .custom .p3 {
  106.     -webkit-transform: rotate(180deg);
  107.     transform: rotate(180deg);
  108. }
  109.  
  110. .custom .arrows {
  111.     position: absolute;
  112.     width: 141px;
  113.     height: 33px;
  114.     top: 264px;
  115.     left: 306px;
  116. }
  117.  
  118. .custom .back,
  119. .custom .start {
  120.     background-color: #191919;
  121.     mask-image: url('https://gamepadviewer.com/xbox-assets/start-select.svgz');
  122.     width: 33px;
  123.     height: 33px;
  124.     opacity: 1;
  125.     border-radius: 30px;
  126. }
  127.  
  128. .custom .back.pressed,
  129. .custom .start.pressed {
  130.     background-color: gray;
  131. }
  132.  
  133. .custom .back {
  134.     float: left;
  135. }
  136.  
  137. .custom .start {
  138.     background-position: 33px 0px;
  139.     float: right;
  140. }
  141.  
  142. .custom .abxy {
  143.     position: absolute;
  144.     width: 153px;
  145.     height: 156px;
  146.     top: 192px;
  147.     left: 488px;
  148. }
  149.  
  150. .custom .button {
  151.     position: absolute;
  152.     background: url('https://gamepadviewer.com/xbox-assets/abxy.svgz');
  153.     width: 48px;
  154.     height: 48px;
  155. }
  156.  
  157. .custom .button.pressed {
  158.     background-position-y: -48px;
  159.     margin-top: 5px;
  160.     opacity: 1;
  161. }
  162.  
  163. .custom .a {
  164.     background-position: 0 0;
  165.     top: 108px;
  166.     left: 55px;
  167. }
  168.  
  169. .custom .b {
  170.     background-position: -49px 0;
  171.     top: 58px;
  172.     right: 0px;
  173. }
  174.  
  175. .custom .x {
  176.     background-position: -98px 0;
  177.     top: 58px;
  178.     left: 4px;
  179. }
  180.  
  181. .custom .y {
  182.     background-position: 48px 0;
  183.     left: 55px;
  184.     top: 7px;
  185. }
  186.  
  187. .custom .sticks {
  188.     position: absolute;
  189.     width: 371px;
  190.     height: 196px;
  191.     top: 239px;
  192.     left: 144px;
  193. }
  194.  
  195. .custom .stick {
  196.     position: absolute;
  197.     background: url('https://gamepadviewer.com/xbox-assets/stick.svgz');
  198.     background-position: -85px 0;
  199.     height: 83px;
  200.     width: 83px;
  201. }
  202.  
  203. .custom .stick.pressed {
  204.     background-position: 0 0;
  205. }
  206.  
  207. .custom .stick.left {
  208.     top: 0;
  209.     left: 0;
  210. }
  211.  
  212. .custom .stick.right {
  213.     top: 113px;
  214.     left: 288px;
  215. }
  216.  
  217. .custom .dpad {
  218.     position: absolute;
  219.     width: 110px;
  220.     height: 111px;
  221.     top: 345px;
  222.     left: 223px;
  223. }
  224.  
  225. .custom .face {
  226.     position: absolute;
  227.     opacity: 1;
  228. }
  229.  
  230. .custom .face.pressed {
  231.     background-color: white !important;
  232. }
  233.  
  234. .custom .face.up {
  235.     background-color: #191919;
  236.     mask-image: url('https://gamepadviewer.com/xbox-assets/dpad.svgz');
  237.     mask-position: 34px 0;
  238.     left: 38px;
  239.     top: 0px;
  240.     width: 34px;
  241.     height: 56px;
  242. }
  243.  
  244. .custom .face.down {
  245.     background-color: #191919;
  246.     mask-image: url('https://gamepadviewer.com/xbox-assets/dpad.svgz');
  247.  
  248.     left: 38px;
  249.     bottom: 0;
  250.     width: 34px;
  251.     height: 56px;
  252. }
  253.  
  254. .custom .face.left {
  255.     background-color: #191919;
  256.     mask-image: url('https://gamepadviewer.com/xbox-assets/dpad.svgz');
  257.     mask-position: 0 -93px;
  258.     width: 55px;
  259.     height: 35px;
  260.     top: 38px;
  261.     left: 0;
  262. }
  263.  
  264. .custom .face.right {
  265.     background-color: #191919;
  266.     mask-image: url('https://gamepadviewer.com/xbox-assets/dpad.svgz');
  267.     mask-position: 0 -57px;
  268.  
  269.     background-position: 0 -57px;
  270.     width: 55px;
  271.     height: 35px;
  272.     top: 38px;
  273.     right: 0;
  274. }
  275.  
  276. .custom.half {
  277.     margin-top: -315px;
  278. }
  279.  
  280. .custom {
  281.     background: no-repeat center;
  282. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement