Skip to content

Instantly share code, notes, and snippets.

View mrmcpowned's full-sized avatar

Christopher Rodriguez mrmcpowned

View GitHub Profile
/*BEGIN Fight Stick Controller Styling*/
.controller.fight-stick {
background: url(stick-assets/base.svgz) center no-repeat;
height: 534px;
width: 1122px;
}
.fight-stick.disconnected {
background: url(stick-assets/disconnected.svgz) no-repeat;
}
@keyframes colorhue{
from {-webkit-filter: hue-rotate(0deg); filter: hue-rotate(0deg);}
to {-webkit-filter: hue-rotate(359deg); filter: hue-rotate(359deg);}
}
.edit {
animation: colorhue 1s linear infinite;
}
@mrmcpowned
mrmcpowned / custom gamepad css example.css
Last active September 30, 2023 14:26
Removed .custom.half as there will be no need for it in a future update, as well as removing margin-left and margin-top from .controller.custom for the same reasons
/*
-How to use Custom CSS for the GamePad Viewer-
https://gamepadviewer.com/
Enabling a custom CSS is as easy as adding &css=[url to css file]
to the end of the url like so:
https://gamepadviewer.com/?p=1&css=https://gist.github.com/anonymous/526491dc02014099cd14/raw/d7bb0477ba984f794497f3f0f82cb33484dc7889/ps3.css
If you're going to be using custom CSS for the gamepad viewer
to design your own skin, we're assuming you have some sort of
/*BEGIN Xbox One Controller Styling*/
.controller.custom{
/* background: url(http://mrmcpowned.com/gamepad/xbox-assets/base.svgz); */
height: 630px;
width: 750px;
margin-left: -375px;
margin-top: -285px;
}
.custom.white{
background: url(http://mrmcpowned.com/gamepad/xbox-assets/base-white.svgz);
/*BEGIN Xbox One Controller Styling*/
.controller.custom{
background: url(http://mrmcpowned.com/gamepad/xbox-assets/base.svgz);
height: 630px;
width: 750px;
margin-left: -375px;
margin-top: -285px;
}
.custom.white{
background: url(http://mrmcpowned.com/gamepad/xbox-assets/base-white.svgz);
.controller.edit {
background: url(http://i.imgur.com/tffA4dP.png);
height: 544px;
width: 668px;
}
.edit .stick {
position: absolute;
background: url(http://i.imgur.com/LpLOf3G.png);
height: 86px;
width: 86px;
.ds4 .stick {
filter: brightness(2);
}
/*
So when dealing with CSS sprites, this is how we would normally
go about styling the HTML
*/
.custom .button{
position: absolute;
width:62px;
height:62px;
background: url(ps3-assets/face-buttons.png);
}
.edit.xbox .sticks{
-webkit-filter: invert(1);
}
// ==UserScript==
// @name Discord Direct Video Embed
// @namespace https://orangestar12.github.io/
// @version 0.1
// @description Converts uploaded videos that end in .webm and .mp4 into embedded video players.
// @author Orangestar
// @match https://discordapp.com/channels/*
// @grant none
// ==/UserScript==