Skip to content

Instantly share code, notes, and snippets.

Avatar

Andrew Golightly magician11

View GitHub Profile
View fixed_header.css
/* FIXED HEADER */
#header, header.site-header {
position: fixed;
width: 100%;
z-index: 999;
}
/* Padding will need to be added. It may not be here. */
#inner, div.site-container div.site-inner {
View ewp_tables.css
.ewp_table {
width: 100%;
background-color: #ecf0f1; /* Flat UI Color: CLOUDS */
border-spacing: 0px;
}
.ewp_table, .ewp_table td, .ewp_table th {
border: 1px solid #34495e; /* Flat UI Color: WET ASPHALT */
}
@magician11
magician11 / ewp_gravityforms.css
Last active Aug 29, 2015
EfficientWP styling for Gravity Forms
View ewp_gravityforms.css
/* GRAVITY FORMS */
.ewp_contact_form input[type="submit"] {
background-color: #333;
color: #fff !important;
border: none;
border-radius: 3px;
padding: 16px 24px !important;
text-transform: uppercase;
cursor: pointer;
@magician11
magician11 / ewp_subnav_alignright.css
Created Mar 8, 2014
Align the subnav in Dynamik to the right
View ewp_subnav_alignright.css
/* align the subnav to the right */
#menu-secondary-navigation {
text-align: right;
}
#menu-secondary-navigation li {
display: inline-block;
float: none;
}
@magician11
magician11 / ewp_fullwidth.css
Created Mar 14, 2014
Enable full width on Dynamik
View ewp_fullwidth.css
/* to enable full width: */
body.full-width-background div.site-container,
body.full-width-background div#inner,
body.full-width-background div#inner div.wrap,
body.full-width-background div#content-sidebar-wrap,
body.full-width-background div.content-sidebar-wrap,
body.full-width-background div#content,
body.full-width-background main.content,
body.full-width-background div.site-inner,
body.full-width-background div.site-inner article,
@magician11
magician11 / bitcoin.js
Created Jun 27, 2014
Node.js code to access bitcoin.co.id trading api
View bitcoin.js
var request = require('request');
var qs = require('querystring');
var crypto = require('crypto');
var secretKey = "my secret key";
var apiKey = 'public API key';
var postData = {
method: 'getInfo',
nonce: new Date().getTime()
@magician11
magician11 / deepEqual.js
Last active Aug 29, 2015
An implementation of deep comparison between objects
View deepEqual.js
function deepEqual(val1, val2) {
if(val1 === val2) {
console.log(val1 + ' is the same as ' + val2);
return true;
} else if(typeof val1 === 'object' && typeof val2 === 'object'
&& val1 !== null && val2 !== null) {
var val1Keys = Object.keys(val1);
var val2Keys = Object.keys(val2);
@magician11
magician11 / gulpfile.js
Last active Aug 29, 2015
Basic setup for Gulp with Sass, Bourbon, JSHint and a local webserver
View gulpfile.js
// get gulp and the plugins we need for it
var gulp = require('gulp');
var scss = require('gulp-sass');
var bourbon = require('node-bourbon').includePaths;
var webserver = require('gulp-webserver');
var jshint = require('gulp-jshint');
// setup our Sass compilation task
gulp.task('scss', function() {
return gulp.src('styles/ag.scss')
@magician11
magician11 / bourbon-flyin.scss
Created May 16, 2015
Creating flyIn animation using mixins from Bourbon
View bourbon-flyin.scss
@import "bourbon";
.profile-pic-transition.ng-hide-remove.ng-hide-remove-active {
@include animation(flyIn 3s);
}
@include keyframes(flyIn) {
0% {
opacity: 0;
View flyin.scss
.profile-pic-transition.ng-hide-remove.ng-hide-remove-active {
@include vendor-prefixes(animation, 'flyIn 3s');
}
@include keyframes(flyIn) {
0% {
opacity: 0;
@include vendor-prefixes(transform, 'scale(0, 0)');
}
You can’t perform that action at this time.