This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html> | |
<head> | |
<script src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.6.2/modernizr.min.js"></script> | |
<script src="http://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script> | |
<meta charset="utf-8"> | |
<title>JS Bin</title> | |
</head> | |
<body> | |
<div class="grid-container position" id="J-grids"> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
var Base64 = { | |
characters: "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=" , | |
encode: function( string ) | |
{ | |
var characters = Base64.characters; | |
var result = ''; | |
var i = 0; | |
do { |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
canvas { border: 0 solid #000;} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// http://paulirish.com/2011/requestanimationframe-for-smart-animating/ | |
// http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating | |
// requestAnimationFrame polyfill by Erik Möller. fixes from Paul Irish and Tino Zijdel | |
// MIT license | |
(function() { | |
var lastTime = 0; | |
var vendors = ['ms', 'moz', 'webkit', 'o']; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.btn_large, .btn_large_grey { height: 35px; font: bold 15px/33px "\5FAE\8F6F\96C5\9ED1";} | |
.btn_middle, .btn_middle_grey { height: 30px; font: bold 14px/28px "\5FAE\8F6F\96C5\9ED1";} | |
.btn_small, .btn_small_grey { height: 24px; font: 12px/22px "\5FAE\8F6F\96C5\9ED1";} | |
a.btn_large, a.btn_large_grey, a.btn_middle, a.btn_middle_grey, a.btn_small, a.btn_small_grey { display: inline-block; text-align: center;} | |
a.btn_large, a.btn_large_grey { height: 33px;} | |
a.btn_middle, a.btn_middle_grey { height: 28px;} | |
a.btn_small, a.btn_small_grey { height: 22px;} | |
.btn_large, .btn_middle { border: 1px solid #af4600; box-shadow: inset 0 0 0 1px #ffca05; color: #fafafa; text-shadow: 1px 1px 0 rgba(133,53,0,0.43);} | |
.btn_large, .btn_middle { background: -moz-linear-gradient(top, # fca32 0%, #ff7104 90%, #ff9103 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffca32), color-stop(90%,#ff7104), color-stop(100%,#ff9103)); background: -webkit-linear-gradient(top, #ffca32 0%,#ff7104 90%,#ff9103 100%); bac |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.btn_large, .btn_large_grey { height: 35px; font: bold 15px/33px "\5FAE\8F6F\96C5\9ED1";} | |
.btn_middle, .btn_middle_grey { height: 30px; font: bold 14px/28px "\5FAE\8F6F\96C5\9ED1";} | |
.btn_small, .btn_small_grey { height: 24px; font: 12px/22px "\5FAE\8F6F\96C5\9ED1";} | |
a.btn_large, a.btn_large_grey, a.btn_middle, a.btn_middle_grey, a.btn_small, a.btn_small_grey { display: inline-block; text-align: center;} | |
a.btn_large, a.btn_large_grey { height: 33px;} | |
a.btn_middle, a.btn_middle_grey { height: 28px;} | |
a.btn_small, a.btn_small_grey { height: 22px;} | |
.btn_large, .btn_middle { border: 1px solid #af4600; box-shadow: inset 0 0 0 1px #ffca05; color: #fafafa; text-shadow: 1px 1px 0 rgba(133,53,0,0.43);} | |
.btn_large, .btn_middle { background: -moz-linear-gradient(top, # fca32 0%, #ff7104 90%, #ff9103 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffca32), color-stop(90%,#ff7104), color-stop(100%,#ff9103)); background: -webkit-linear-gradient(top, #ffca32 0%,#ff7104 90%,#ff9103 100%); bac |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.btn_large, .btn_large_grey { height: 35px; font: bold 15px/33px "\5FAE\8F6F\96C5\9ED1";} | |
.btn_middle, .btn_middle_grey { height: 30px; font: bold 14px/28px "\5FAE\8F6F\96C5\9ED1"; } | |
.btn_small, .btn_small_grey { height: 24px; font: 12px/22px "\5FAE\8F6F\96C5\9ED1";} | |
a.btn_large, a.btn_large_grey, a.btn_middle, a.btn_middle_grey, a.btn_small, a.btn_small_grey { display: inline-block; text-align: center;} | |
a.btn_large, a.btn_large_grey { height: 33px;} | |
a.btn_middle, a.btn_middle_grey { height: 28px;} | |
a.btn_small, a.btn_small_grey { height: 22px;} | |
.btn_large, .btn_middle { border: 1px solid #af4600; box-shadow: inset 0 0 0 1px #ffca05; color: #fafafa; text-shadow: 1px 1px 0 rgba(133,53,0,0.43);} | |
.btn_large, .btn_middle { background: -moz-linear-gradient(top, #ffca32 0%, #ff7104 90%, #ff9103 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffca32), color-stop(90%,#ff7104), color-stop(100%,#ff9103)); background: -webkit-linear-gradient(top, #ffca32 0%,#ff7104 90%,#ff9103 100%); ba |