Skip to content

Instantly share code, notes, and snippets.


Christopher Rodriguez mrmcpowned

View GitHub Profile
View light-sticks.css
.ds4 .stick {
filter: brightness(2);
View fight-stick-example.css
/*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;
View non-sprite-example.css
So when dealing with CSS sprites, this is how we would normally
go about styling the HTML
.custom .button{
position: absolute;
background: url(ps3-assets/face-buttons.png);
View invertsticks.css .sticks{
-webkit-filter: invert(1);
View 360edit.css
.controller.edit {
background: url(;
height: 544px;
width: 668px;
.edit .stick {
position: absolute;
background: url(;
height: 86px;
width: 86px;
View Discord Direct Video Embed.user.js
// ==UserScript==
// @name Discord Direct Video Embed
// @namespace
// @version 0.1
// @description Converts uploaded videos that end in .webm and .mp4 into embedded video players.
// @author Orangestar
// @match*
// @grant none
// ==/UserScript==
mrmcpowned / 0_reuse_code.js
Created Mar 15, 2016
Here are some things you can do with Gists in GistBox.
View 0_reuse_code.js
// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console
View rightstick.css
.controller .stick.left {
display: none;
.controller .stick.right{
display: block;
.controller .arrows:before{
transform: translateX(8px);
View edit example.css
@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;
View minimal xbox.css
/*BEGIN Xbox One Controller Styling*/
/* background: url(; */
height: 630px;
width: 750px;
margin-left: -375px;
margin-top: -285px;
background: url(;