🔛 Initial commit

9 years ago · 58e41f8fc9
90 changed files with 57784 additions and 0 deletions
--- a/.gitignore
+++ b/.gitignore
@ -0,0 +1,3 @@
+build/*
+node_modules/*
+music/*
--- a/App.js
+++ b/App.js
@ -0,0 +1,207 @@
+/*jshint node:true, nomen:true */
+
+'use strict';
+
+var app = require('app');
+var BrowserWindow = require('browser-window');
+var ipc = require('ipc');
+var net = require('net');
+var util = require('util');
+var events = require('events');
+
+/**
+ * App
+ *
+ * Controls the app flow
+ */
+function App() {
+    this.windows = [];
+    this.ready = false;
+    this.visible = true;
+    
+    app.on('ready', function () {
+        this.ready = true;
+    }.bind(this));
+    
+    app.on('window-all-closed', function () {
+        app.quit();
+    });
+    
+    events.EventEmitter.call(this);
+}
+
+util.inherits(App, events.EventEmitter);
+module.exports = App;
+App.socket = '\\\\.\\pipe\\piano-sock';
+
+/**
+ * Add a new window
+ *
+ * Open a window and add it to the
+ * window stack. Returns window instance.
+ *
+ * @param {options: Object} Window options (see atom-shell docs)
+ */
+App.prototype.addWindow = function (options) {
+    var window = new BrowserWindow(options),
+        index = this.windows.length;
+    
+    window.on('closed', function () {
+        this.windows.splice(index, 1);
+    }.bind(this));
+    
+    this.windows.push(window);
+    return window;
+};
+
+/**
+ * Fetch options
+ *
+ * Gather options in a litteral from
+ * argv parameters.
+ */
+App.prototype.fetchOptions = function () {
+    var argv, i, arg, options = {};
+    argv = process.argv.slice(1);
+
+    for (i in argv) {
+        if (argv.hasOwnProperty(i)) {
+            arg = argv[i];
+            
+            if (arg[0] !== '-') {
+                options.file = arg;
+            }
+        }
+    }
+    
+    this.emit('options', options);
+    return options;
+};
+
+/**
+ * Chain options
+ *
+ * Pass current options to the instance that
+ * is already opened, if there is one.
+ * Otherwise, code in callback is executed,
+ * and server is launched.
+ *
+ * @param {callback: function}  Function to call if this is the first instance
+ */
+App.prototype.chainOptions = function (callback) {
+    var client;
+    
+    client = net.connect({
+        path: App.socket
+    }, function () {
+        // if the connection is established,
+        // an instance is already running.
+        // Pass on parameters and close app.
+        client.write(
+            JSON.stringify(this.fetchOptions()),
+            function () {
+                client.end();
+                app.terminate();
+            }
+        );
+    }.bind(this));
+
+    client.on('error', function (err) {
+        // if an error occurred, that means no
+        // server was created yet: this is the
+        // first instance
+        this.startServer();
+        
+        if (this.ready) {
+            callback();
+        } else {
+            app.on('ready', callback);
+        }
+    }.bind(this));
+};
+
+/**
+ * Start app server
+ *
+ * Start a server on App.socket path, waiting
+ * for new instances to pass their options.
+ */
+App.prototype.startServer = function () {
+    var server;
+    
+    server = net.createServer(function (connection) {
+        connection.on('data', function (data) {
+            this.windows[0].focus();
+            this.emit('options', JSON.parse(data));
+        }.bind(this));
+    }.bind(this));
+    
+    server.listen(App.socket);
+};
+
+/**
+ * Add a switch
+ *
+ * @param {switch: string}  Switch name
+ * @param {value: mixed}    Switch value
+ */
+App.prototype.addSwitch = function (name, value) {
+    app.commandLine.appendSwitch(name, value);
+};
+
+/**
+ * Start the app
+ *
+ * Check if another instance is already opened,
+ * if so, transmit options and close instantly.
+ * Otherwise, open main window.
+ */
+App.prototype.start = function () {
+    this.chainOptions(function () {
+        // enable MIDI support
+        this.addSwitch('enable-web-midi');
+        
+        // create main window
+        var window = this.addWindow({
+            title: 'Piano',
+            icon: __dirname + '/images/logos/logo32.png',
+
+            'min-width': 750,
+            'min-height': 400,
+            width: 937,
+            height: 500,
+            show: false
+        });
+
+        window.loadUrl('file://' + __dirname + '/index.html');
+        
+        // FIXME: atom-shell currently doesn't have a
+        // minimize/restore event, so we poll
+        //
+        // https://github.com/atom/atom-shell/issues/73
+        setInterval(function () {
+            if (this.visible && window.isMinimized()) {
+                this.visible = false;
+                window.webContents.send('visible', false);
+            }
+            
+            if (!this.visible && !window.isMinimized()) {
+                this.visible = true;
+                window.webContents.send('visible', true);
+            }
+        }.bind(this), 500);
+        
+        // start sending options
+        this.on('options', function (options) {
+            window.webContents.send('options', options);
+        });
+        
+        ipc.on('ready', function () {
+            window.show();
+            window.focus();
+            window.webContents.send('visible', true);
+            
+            this.fetchOptions();
+        }.bind(this));
+    }.bind(this));
+};
--- a/Gruntfile.js
+++ b/Gruntfile.js
@ -0,0 +1,96 @@
+/*jshint node:true */
+
+'use strict';
+
+module.exports = function (grunt) {
+    grunt.initConfig({
+        repo: 'atom/atom-shell',
+        releases: 'https://api.github.com/repos/<%= repo %>/releases',
+        pkg: grunt.file.readJSON('package.json'),
+        
+        meta: {
+            CompanyName: '<%= pkg.author.name %>',
+            FileDescription: '<%= pkg.name %>',
+            FileVersion: '<%= pkg.version %>',
+            InternalName: '<%= pkg.name.toLowerCase() %>.exe',
+            LegalCopyright: 'Copyright (C) <%= grunt.template.' +
+                            'today("yyyy") %> <%= pkg.author.name %>',
+            OriginalFilename: '<%= pkg.name.toLowerCase() %>.exe',
+            ProductName: '<%= pkg.name %>',
+            ProductVersion: '<%= pkg.version %>'
+        },
+        
+        files: [
+            'css/**',
+            'js/**',
+            'images/**',
+            'App.js',
+            'index.html',
+            'LICENSE',
+            'main.js',
+            'package.json'
+        ],
+        
+        paths: {
+            resources: {
+                win: 'win/resources',
+                mac: 'mac/Atom.app/Contents/Resources',
+                linux: 'linux/resources'
+            },
+
+            originalExe: {
+                win: 'win/atom.exe',
+                mac: 'mac/Atom.app',
+                linux: 'linux/atom'
+            },
+
+            exe: {
+                win: 'win/<%= pkg.name.toLowerCase() %>.exe',
+                mac: 'mac/<%= pkg.name %>.app',
+                linux: 'linux/<%= pkg.name.toLowerCase() %>'
+            }
+        },
+        
+        platforms: {
+            win: 'win32-ia32',
+            mac: 'darwin-x64',
+            linux: 'linux-x64'
+        }
+    });
+    
+    // load tasks defined in grunt/
+    grunt.loadTasks('grunt');
+    
+    // create aliases
+    grunt.registerTask(
+        'build',
+        'Fetch last shell release and build application',
+        function (platform) {
+            var tasks = [
+                'clean:clean-build',
+                'mkdir:create-build',
+                'http:find-asset',
+                'curl:fetch-asset',
+                'unzip:extract-asset',
+                'clean:clean-default',
+                'rename:rename-exe',
+                'rebrand:rebrand-exe',
+                'copy:copy-files'
+            ], length = tasks.length, i;
+
+            for (i = 0; i < length; i += 1) {
+                tasks[i] = tasks[i] + ':' + platform;
+            }
+
+            grunt.task.run(tasks);
+        }
+    );
+    
+    grunt.registerTask(
+        'auto-update',
+        'Automatically rebuild application whenever a file changes',
+        function (platform) {
+            grunt.task.run('watch:watch-changes:' + platform);
+        }
+    );
+};
--- a/19
+++ b/19
@ -0,0 +1,19 @@
+Copyright (c) 2014 Mattéo DELABRE
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
--- a/README.md
+++ b/README.md
@ -0,0 +1,17 @@
+# Building
+
+Using Grunt:
+
+```sh
+$ npm install
+$ grunt build:win   # use build:linux or build:mac for other systems
+```
+
+Then run the app in `build/win` folder.
+
+# Credits
+
+Icons made by:
+
+- Freepik (http://freepik.com) from http://flaticon.com (CC BY 3.0);
+- Icons8 (http://icons8.com) from http://flaticon.com (CC BY 3.0).
--- a/css/dialog-theme.css
+++ b/css/dialog-theme.css
@ -0,0 +1,147 @@
+/**
+ * Dialog Theme
+ * Based on top theme
+ */
+
+/**
+ * Animations
+ */
+
+/* drop in */
+@-webkit-keyframes vex-dropin {
+    0% {
+        transform: translateY(0);
+        opacity: 0;
+    }
+
+    1% {
+        transform: translateY(-800px);
+        opacity: 0;
+    }
+
+    2% {
+        transform: translateY(-800px);
+        opacity: 1;
+    }
+
+    100% {
+        transform: translateY(0);
+        opacity: 1;
+    }
+}
+
+/* drop out */
+@-webkit-keyframes vex-dropout {
+    0% {
+        transform: translateY(0);
+    }
+
+    100% {
+        transform: translateY(-800px);
+    }
+}
+
+/**
+ * Content
+ */
+
+.vex.dialog-theme.vex-closing .vex-content {
+    -webkit-animation: vex-dropout 0.5s;
+    backface-visibility: hidden;
+}
+
+.vex.dialog-theme .vex-content {
+    -webkit-animation: vex-dropin 0.5s;
+    backface-visibility: hidden;
+}
+
+.vex.dialog-theme .vex-content {
+    position: relative;
+    padding: 1em 1em 0 1em;
+    background: white;
+    
+    margin: 0 auto;
+    max-width: 100%;
+    width: 450px;
+    max-height: 80%;
+    overflow: auto;
+    
+    font-family: "Helvetica Neue", sans-serif;
+    color: #282828;
+    
+    font-size: 1.1em;
+    line-height: 1.5em;
+}
+
+.vex.dialog-theme .vex-content .main-title {
+    border-bottom: 1px solid currentColor;
+    margin-top: 0;
+    margin-bottom: 0.5em;
+}
+
+/* closing button */
+.vex.dialog-theme .vex-close {
+    position: absolute;
+    top: 0;
+    right: 0;
+    
+    cursor: pointer;
+}
+
+.vex.dialog-theme .vex-close:before {
+    content: "\00D7";
+    
+    position: absolute;
+    top: 3px;
+    right: 3px;
+    background: transparent;
+    
+    text-align: center;
+    height: 30px;
+    width: 30px;
+    
+    color: #bbbbbb;
+    font-size: 26px;
+    font-weight: normal;
+    line-height: 31px;
+}
+
+.vex.dialog-theme .vex-close:hover:before, .vex.dialog-theme .vex-close:active:before {
+    color: #282828;
+    background: #e0e0e0;
+}
+
+/* inputs, forms, buttons */
+.vex.dialog-theme .vex-dialog-form .vex-dialog-message {
+    margin-bottom: 0.5em;
+}
+
+.vex.dialog-theme .vex-dialog-form .vex-dialog-input {
+    margin-bottom: 1em;
+}
+
+.vex.dialog-theme .vex-dialog-form .vex-dialog-buttons:after {
+    content: "";
+    display: table;
+    clear: both;
+}
+
+.vex.dialog-theme .bt {
+    float: right;
+    margin: 0 0 0 0.5em;
+}
+
+.vex.dialog-theme .bt:last-child {
+    margin-left: 0;
+}
+
+.vex-loading-spinner.dialog-theme {
+    box-shadow: 0 0 0 0.5em #f0f0f0, 0 0 1px 0.5em rgba(0, 0, 0, 0.3);
+    border-radius: 100%;
+    
+    background: #f0f0f0;
+    border: 0.2em solid transparent;
+    border-top-color: #bbbbbb;
+    top: -1.1em;
+    bottom: auto;
+}
--- a/css/forms.css
+++ b/css/forms.css
@ -0,0 +1,99 @@
+/**
+ * Forms
+ */
+
+/** inputs **/
+textarea, input[type="date"], input[type="datetime"],
+input[type="datetime-local"], input[type="email"], input[type="month"],
+input[type="number"], input[type="password"], input[type="search"],
+input[type="tel"], input[type="text"], input[type="time"],
+input[type="url"], input[type="week"] {
+    background: white;
+    width: 100%;
+    margin: 0 0 0.25em;
+    padding: 0.25em 0.67em;
+    border: 0;
+
+    font-family: inherit;
+    font-weight: inherit;
+    font-size: inherit;
+    min-height: 2.5em;
+}
+
+textarea:focus, input[type="date"]:focus, input[type="datetime"]:focus,
+input[type="datetime-local"]:focus, input[type="email"]:focus,
+input[type="month"]:focus, input[type="number"]:focus,
+input[type="password"]:focus, input[type="search"]:focus,
+input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus,
+input[type="url"]:focus, input[type="week"]:focus {
+    box-shadow: inset 0 0 0 2px #8dbdf1;
+    outline: none;
+}
+
+/** buttons **/
+.bt {
+    margin: 0 0.5em;
+    
+    font-family: inherit;
+    text-transform: uppercase;
+    letter-spacing: 0.1em;
+    
+    font-size: 0.8em;
+    line-height: 1em;
+    
+    padding: 0.75em 2em;
+}
+
+/* primary button */
+.bt.primary {
+    border: 1px solid #e0e0e0;
+    background: transparent;
+    color: #e0e0e0;
+}
+
+.bt.primary.inverse {
+    border-color: #262626;
+    color: #262626;
+}
+
+.bt.primary:hover {
+    background: rgba(255, 255, 255, 0.1);
+}
+
+.bt.primary.inverse:hover {
+    background: rgba(0, 0, 0, 0.1);
+}
+
+.bt.primary:active, .bt.secondary:active {
+    background: #e0e0e0;
+    color: #262626;
+} 
+
+.bt.primary.inverse:active, .bt.secondary.inverse:active {
+    background: #262626;
+    color: #e0e0e0;
+}
+
+/* secondary button */
+.bt.secondary {
+    border: 1px solid transparent;
+    background: transparent;
+    color: #e0e0e0;
+}
+
+.bt.secondary.inverse {
+    color: #262626;
+}
+
+.bt.secondary:hover, .bt.secondary:active {
+    border: 1px solid #e0e0e0;
+}
+
+.bt.secondary.inverse:hover, .bt.secondary.inverse:active {
+    border-color: #262626;
+}
+
+.bt.secondary:active {
+    background: #e0e0e0;
+    color: #262626;
+}
--- a/css/lib/vex/vex-theme-bottom-right-corner.css
+++ b/css/lib/vex/vex-theme-bottom-right-corner.css
@ -0,0 +1,631 @@
+@keyframes vex-slideup {
+  /* line 83, ../sass/_keyframes.sass */
+  0% {
+    transform: translateY(0);
+    -webkit-transform: translateY(0);
+    -moz-transform: translateY(0);
+    -ms-transform: translateY(0);
+    -o-transform: translateY(0);
+    opacity: 0;
+  }
+
+  /* line 86, ../sass/_keyframes.sass */
+  1% {
+    transform: translateY(800px);
+    -webkit-transform: translateY(800px);
+    -moz-transform: translateY(800px);
+    -ms-transform: translateY(800px);
+    -o-transform: translateY(800px);
+    opacity: 0;
+  }
+
+  /* line 91, ../sass/_keyframes.sass */
+  2% {
+    transform: translateY(800px);
+    -webkit-transform: translateY(800px);
+    -moz-transform: translateY(800px);
+    -ms-transform: translateY(800px);
+    -o-transform: translateY(800px);
+    opacity: 1;
+  }
+
+  /* line 94, ../sass/_keyframes.sass */
+  100% {
+    transform: translateY(0);
+    -webkit-transform: translateY(0);
+    -moz-transform: translateY(0);
+    -ms-transform: translateY(0);
+    -o-transform: translateY(0);
+    opacity: 1;
+  }
+}
+
+@-webkit-keyframes vex-slideup {
+  /* line 83, ../sass/_keyframes.sass */
+  0% {
+    transform: translateY(0);
+    -webkit-transform: translateY(0);
+    -moz-transform: translateY(0);
+    -ms-transform: translateY(0);
+    -o-transform: translateY(0);
+    opacity: 0;
+  }
+
+  /* line 86, ../sass/_keyframes.sass */
+  1% {
+    transform: translateY(800px);
+    -webkit-transform: translateY(800px);
+    -moz-transform: translateY(800px);
+    -ms-transform: translateY(800px);
+    -o-transform: translateY(800px);
+    opacity: 0;
+  }
+
+  /* line 91, ../sass/_keyframes.sass */
+  2% {
+    transform: translateY(800px);
+    -webkit-transform: translateY(800px);
+    -moz-transform: translateY(800px);
+    -ms-transform: translateY(800px);
+    -o-transform: translateY(800px);
+    opacity: 1;
+  }
+
+  /* line 94, ../sass/_keyframes.sass */
+  100% {
+    transform: translateY(0);
+    -webkit-transform: translateY(0);
+    -moz-transform: translateY(0);
+    -ms-transform: translateY(0);
+    -o-transform: translateY(0);
+    opacity: 1;
+  }
+}
+
+@-moz-keyframes vex-slideup {
+  /* line 83, ../sass/_keyframes.sass */
+  0% {
+    transform: translateY(0);
+    -webkit-transform: translateY(0);
+    -moz-transform: translateY(0);
+    -ms-transform: translateY(0);
+    -o-transform: translateY(0);
+    opacity: 0;
+  }
+
+  /* line 86, ../sass/_keyframes.sass */
+  1% {
+    transform: translateY(800px);
+    -webkit-transform: translateY(800px);
+    -moz-transform: translateY(800px);
+    -ms-transform: translateY(800px);
+    -o-transform: translateY(800px);
+    opacity: 0;
+  }
+
+  /* line 91, ../sass/_keyframes.sass */
+  2% {
+    transform: translateY(800px);
+    -webkit-transform: translateY(800px);
+    -moz-transform: translateY(800px);
+    -ms-transform: translateY(800px);
+    -o-transform: translateY(800px);
+    opacity: 1;
+  }
+
+  /* line 94, ../sass/_keyframes.sass */
+  100% {
+    transform: translateY(0);
+    -webkit-transform: translateY(0);
+    -moz-transform: translateY(0);
+    -ms-transform: translateY(0);
+    -o-transform: translateY(0);
+    opacity: 1;
+  }
+}
+
+@-ms-keyframes vex-slideup {
+  /* line 83, ../sass/_keyframes.sass */
+  0% {
+    transform: translateY(0);
+    -webkit-transform: translateY(0);
+    -moz-transform: translateY(0);
+    -ms-transform: translateY(0);
+    -o-transform: translateY(0);
+    opacity: 0;
+  }
+
+  /* line 86, ../sass/_keyframes.sass */
+  1% {
+    transform: translateY(800px);
+    -webkit-transform: translateY(800px);
+    -moz-transform: translateY(800px);
+    -ms-transform: translateY(800px);
+    -o-transform: translateY(800px);
+    opacity: 0;
+  }
+
+  /* line 91, ../sass/_keyframes.sass */
+  2% {
+    transform: translateY(800px);
+    -webkit-transform: translateY(800px);
+    -moz-transform: translateY(800px);
+    -ms-transform: translateY(800px);
+    -o-transform: translateY(800px);
+    opacity: 1;
+  }
+
+  /* line 94, ../sass/_keyframes.sass */
+  100% {
+    transform: translateY(0);
+    -webkit-transform: translateY(0);
+    -moz-transform: translateY(0);
+    -ms-transform: translateY(0);
+    -o-transform: translateY(0);
+    opacity: 1;
+  }
+}
+
+@-o-keyframes vex-slideup {
+  /* line 83, ../sass/_keyframes.sass */
+  0% {
+    transform: translateY(0);
+    -webkit-transform: translateY(0);
+    -moz-transform: translateY(0);
+    -ms-transform: translateY(0);
+    -o-transform: translateY(0);
+    opacity: 0;
+  }
+
+  /* line 86, ../sass/_keyframes.sass */
+  1% {
+    transform: translateY(800px);
+    -webkit-transform: translateY(800px);
+    -moz-transform: translateY(800px);
+    -ms-transform: translateY(800px);
+    -o-transform: translateY(800px);
+    opacity: 0;
+  }
+
+  /* line 91, ../sass/_keyframes.sass */
+  2% {
+    transform: translateY(800px);
+    -webkit-transform: translateY(800px);
+    -moz-transform: translateY(800px);
+    -ms-transform: translateY(800px);
+    -o-transform: translateY(800px);
+    opacity: 1;
+  }
+
+  /* line 94, ../sass/_keyframes.sass */
+  100% {
+    transform: translateY(0);
+    -webkit-transform: translateY(0);
+    -moz-transform: translateY(0);
+    -ms-transform: translateY(0);
+    -o-transform: translateY(0);
+    opacity: 1;
+  }
+}
+
+@keyframes vex-slidedown {
+  /* line 100, ../sass/_keyframes.sass */
+  0% {
+    transform: translateY(0);
+    -webkit-transform: translateY(0);
+    -moz-transform: translateY(0);
+    -ms-transform: translateY(0);
+    -o-transform: translateY(0);
+  }
+
+  /* line 102, ../sass/_keyframes.sass */
+  100% {
+    transform: translateY(800px);
+    -webkit-transform: translateY(800px);
+    -moz-transform: translateY(800px);
+    -ms-transform: translateY(800px);
+    -o-transform: translateY(800px);
+  }
+}
+
+@-webkit-keyframes vex-slidedown {
+  /* line 100, ../sass/_keyframes.sass */
+  0% {
+    transform: translateY(0);
+    -webkit-transform: translateY(0);
+    -moz-transform: translateY(0);
+    -ms-transform: translateY(0);
+    -o-transform: translateY(0);
+  }
+
+  /* line 102, ../sass/_keyframes.sass */
+  100% {
+    transform: translateY(800px);
+    -webkit-transform: translateY(800px);
+    -moz-transform: translateY(800px);
+    -ms-transform: translateY(800px);
+    -o-transform: translateY(800px);
+  }
+}
+
+@-moz-keyframes vex-slidedown {
+  /* line 100, ../sass/_keyframes.sass */
+  0% {
+    transform: translateY(0);
+    -webkit-transform: translateY(0);
+    -moz-transform: translateY(0);
+    -ms-transform: translateY(0);
+    -o-transform: translateY(0);
+  }
+
+  /* line 102, ../sass/_keyframes.sass */
+  100% {
+    transform: translateY(800px);
+    -webkit-transform: translateY(800px);
+    -moz-transform: translateY(800px);
+    -ms-transform: translateY(800px);
+    -o-transform: translateY(800px);
+  }
+}
+
+@-ms-keyframes vex-slidedown {
+  /* line 100, ../sass/_keyframes.sass */
+  0% {
+    transform: translateY(0);
+    -webkit-transform: translateY(0);
+    -moz-transform: translateY(0);
+    -ms-transform: translateY(0);
+    -o-transform: translateY(0);
+  }
+
+  /* line 102, ../sass/_keyframes.sass */
+  100% {
+    transform: translateY(800px);
+    -webkit-transform: translateY(800px);
+    -moz-transform: translateY(800px);
+    -ms-transform: translateY(800px);
+    -o-transform: translateY(800px);
+  }
+}
+
+@-o-keyframes vex-slidedown {
+  /* line 100, ../sass/_keyframes.sass */
+  0% {
+    transform: translateY(0);
+    -webkit-transform: translateY(0);
+    -moz-transform: translateY(0);
+    -ms-transform: translateY(0);
+    -o-transform: translateY(0);
+  }
+
+  /* line 102, ../sass/_keyframes.sass */
+  100% {
+    transform: translateY(800px);
+    -webkit-transform: translateY(800px);
+    -moz-transform: translateY(800px);
+    -ms-transform: translateY(800px);
+    -o-transform: translateY(800px);
+  }
+}
+
+@keyframes vex-pulse {
+  /* line 136, ../sass/_keyframes.sass */
+  0% {
+    -webkit-box-shadow: inset 0 0 0 300px transparent;
+    -moz-box-shadow: inset 0 0 0 300px transparent;
+    box-shadow: inset 0 0 0 300px transparent;
+  }
+
+  /* line 138, ../sass/_keyframes.sass */
+  70% {
+    -webkit-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
+    -moz-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
+    box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
+  }
+
+  /* line 140, ../sass/_keyframes.sass */
+  100% {
+    -webkit-box-shadow: inset 0 0 0 300px transparent;
+    -moz-box-shadow: inset 0 0 0 300px transparent;
+    box-shadow: inset 0 0 0 300px transparent;
+  }
+}
+
+@-webkit-keyframes vex-pulse {
+  /* line 136, ../sass/_keyframes.sass */
+  0% {
+    -webkit-box-shadow: inset 0 0 0 300px transparent;
+    -moz-box-shadow: inset 0 0 0 300px transparent;
+    box-shadow: inset 0 0 0 300px transparent;
+  }
+
+  /* line 138, ../sass/_keyframes.sass */
+  70% {
+    -webkit-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
+    -moz-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
+    box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
+  }
+
+  /* line 140, ../sass/_keyframes.sass */
+  100% {
+    -webkit-box-shadow: inset 0 0 0 300px transparent;
+    -moz-box-shadow: inset 0 0 0 300px transparent;
+    box-shadow: inset 0 0 0 300px transparent;
+  }
+}
+
+@-moz-keyframes vex-pulse {
+  /* line 136, ../sass/_keyframes.sass */
+  0% {
+    -webkit-box-shadow: inset 0 0 0 300px transparent;
+    -moz-box-shadow: inset 0 0 0 300px transparent;
+    box-shadow: inset 0 0 0 300px transparent;
+  }
+
+  /* line 138, ../sass/_keyframes.sass */
+  70% {
+    -webkit-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
+    -moz-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
+    box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
+  }
+
+  /* line 140, ../sass/_keyframes.sass */
+  100% {
+    -webkit-box-shadow: inset 0 0 0 300px transparent;
+    -moz-box-shadow: inset 0 0 0 300px transparent;
+    box-shadow: inset 0 0 0 300px transparent;
+  }
+}
+
+@-ms-keyframes vex-pulse {
+  /* line 136, ../sass/_keyframes.sass */
+  0% {
+    -webkit-box-shadow: inset 0 0 0 300px transparent;
+    -moz-box-shadow: inset 0 0 0 300px transparent;
+    box-shadow: inset 0 0 0 300px transparent;
+  }
+
+  /* line 138, ../sass/_keyframes.sass */
+  70% {
+    -webkit-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
+    -moz-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
+    box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
+  }
+
+  /* line 140, ../sass/_keyframes.sass */
+  100% {
+    -webkit-box-shadow: inset 0 0 0 300px transparent;
+    -moz-box-shadow: inset 0 0 0 300px transparent;
+    box-shadow: inset 0 0 0 300px transparent;
+  }
+}
+
+@-o-keyframes vex-pulse {
+  /* line 136, ../sass/_keyframes.sass */
+  0% {
+    -webkit-box-shadow: inset 0 0 0 300px transparent;
+    -moz-box-shadow: inset 0 0 0 300px transparent;
+    box-shadow: inset 0 0 0 300px transparent;
+  }
+
+  /* line 138, ../sass/_keyframes.sass */
+  70% {
+    -webkit-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
+    -moz-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
+    box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
+  }
+
+  /* line 140, ../sass/_keyframes.sass */
+  100% {
+    -webkit-box-shadow: inset 0 0 0 300px transparent;
+    -moz-box-shadow: inset 0 0 0 300px transparent;
+    box-shadow: inset 0 0 0 300px transparent;
+  }
+}
+
+/* line 13, ../sass/vex-theme-bottom-right-corner.sass */
+.vex.vex-theme-bottom-right-corner {
+  top: auto;
+  bottom: 0;
+  right: 0;
+  overflow: visible;
+}
+/* line 19, ../sass/vex-theme-bottom-right-corner.sass */
+.vex.vex-theme-bottom-right-corner .vex-overlay {
+  display: none;
+}
+/* line 22, ../sass/vex-theme-bottom-right-corner.sass */
+.vex.vex-theme-bottom-right-corner.vex-closing .vex-content {
+  animation: vex-slidedown 0.5s;
+  -webkit-animation: vex-slidedown 0.5s;
+  -moz-animation: vex-slidedown 0.5s;
+  -ms-animation: vex-slidedown 0.5s;
+  -o-animation: vex-slidedown 0.5s;
+  -webkit-backface-visibility: hidden;
+}
+/* line 25, ../sass/vex-theme-bottom-right-corner.sass */
+.vex.vex-theme-bottom-right-corner .vex-content {
+  animation: vex-slideup 0.5s;
+  -webkit-animation: vex-slideup 0.5s;
+  -moz-animation: vex-slideup 0.5s;
+  -ms-animation: vex-slideup 0.5s;
+  -o-animation: vex-slideup 0.5s;
+  -webkit-backface-visibility: hidden;
+}
+/* line 28, ../sass/vex-theme-bottom-right-corner.sass */
+.vex.vex-theme-bottom-right-corner .vex-content {
+  -webkit-border-radius: 5px 0 0 0;
+  -moz-border-radius: 5px 0 0 0;
+  -ms-border-radius: 5px 0 0 0;
+  -o-border-radius: 5px 0 0 0;
+  border-radius: 5px 0 0 0;
+  font-family: "Helvetica Neue", sans-serif;
+  background: #f0f0f0;
+  color: #444444;
+  padding: 1em;
+  max-width: 100%;
+  width: 450px;
+  font-size: 1.1em;
+  line-height: 1.5em;
+  position: fixed;
+  bottom: 0;
+  right: 0;
+  left: auto;
+}
+/* line 43, ../sass/vex-theme-bottom-right-corner.sass */
+.vex.vex-theme-bottom-right-corner .vex-content h1, .vex.vex-theme-bottom-right-corner .vex-content h2, .vex.vex-theme-bottom-right-corner .vex-content h3, .vex.vex-theme-bottom-right-corner .vex-content h4, .vex.vex-theme-bottom-right-corner .vex-content h5, .vex.vex-theme-bottom-right-corner .vex-content h6, .vex.vex-theme-bottom-right-corner .vex-content p, .vex.vex-theme-bottom-right-corner .vex-content ul, .vex.vex-theme-bottom-right-corner .vex-content li {
+  color: inherit;
+}
+/* line 46, ../sass/vex-theme-bottom-right-corner.sass */
+.vex.vex-theme-bottom-right-corner .vex-close {
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+  -ms-border-radius: 5px;
+  -o-border-radius: 5px;
+  border-radius: 5px;
+  position: absolute;
+  top: 0;
+  right: 0;
+  cursor: pointer;
+}
+/* line 53, ../sass/vex-theme-bottom-right-corner.sass */
+.vex.vex-theme-bottom-right-corner .vex-close:before {
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -ms-border-radius: 3px;
+  -o-border-radius: 3px;
+  border-radius: 3px;
+  position: absolute;
+  content: "\00D7";
+  font-size: 26px;
+  font-weight: normal;
+  line-height: 31px;
+  height: 30px;
+  width: 30px;
+  text-align: center;
+  top: 3px;
+  right: 3px;
+  color: #bbbbbb;
+  background: transparent;
+}
+/* line 68, ../sass/vex-theme-bottom-right-corner.sass */
+.vex.vex-theme-bottom-right-corner .vex-close:hover:before, .vex.vex-theme-bottom-right-corner .vex-close:active:before {
+  color: #777777;
+  background: #e0e0e0;
+}
+/* line 74, ../sass/vex-theme-bottom-right-corner.sass */
+.vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-message {
+  margin-bottom: 0.5em;
+}
+/* line 77, ../sass/vex-theme-bottom-right-corner.sass */
+.vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input {
+  margin-bottom: 1em;
+}
+/* line 80, ../sass/vex-theme-bottom-right-corner.sass */
+.vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input textarea, .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="date"], .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="datetime"], .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="datetime-local"], .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="email"], .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="month"], .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="number"], .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="password"], .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="search"], .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="tel"], .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="text"], .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="time"], .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="url"], .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="week"] {
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -ms-border-radius: 3px;
+  -o-border-radius: 3px;
+  border-radius: 3px;
+  background: white;
+  width: 100%;
+  padding: 0.25em 0.67em;
+  border: 0;
+  font-family: inherit;
+  font-weight: inherit;
+  font-size: inherit;
+  min-height: 2.5em;
+  margin: 0 0 0.25em;
+}
+/* line 92, ../sass/vex-theme-bottom-right-corner.sass */
+.vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input textarea:focus, .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="date"]:focus, .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="datetime"]:focus, .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="datetime-local"]:focus, .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="email"]:focus, .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="month"]:focus, .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="number"]:focus, .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="password"]:focus, .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="search"]:focus, .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="tel"]:focus, .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="text"]:focus, .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="time"]:focus, .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="url"]:focus, .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="week"]:focus {
+  -webkit-box-shadow: inset 0 0 0 2px #8dbdf1;
+  -moz-box-shadow: inset 0 0 0 2px #8dbdf1;
+  box-shadow: inset 0 0 0 2px #8dbdf1;
+  outline: none;
+}
+/* line 96, ../sass/vex-theme-bottom-right-corner.sass */
+.vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-buttons {
+  *zoom: 1;
+}
+/* line 38, ../../../../../.rvm/gems/ruby-1.9.3-p194/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
+.vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-buttons:after {
+  content: "";
+  display: table;
+  clear: both;
+}
+/* line 99, ../sass/vex-theme-bottom-right-corner.sass */
+.vex.vex-theme-bottom-right-corner .vex-dialog-button {
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -ms-border-radius: 3px;
+  -o-border-radius: 3px;
+  border-radius: 3px;
+  border: 0;
+  float: right;
+  margin: 0 0 0 0.5em;
+  font-family: inherit;
+  text-transform: uppercase;
+  letter-spacing: 0.1em;
+  font-size: 0.8em;
+  line-height: 1em;
+  padding: 0.75em 2em;
+}
+/* line 111, ../sass/vex-theme-bottom-right-corner.sass */
+.vex.vex-theme-bottom-right-corner .vex-dialog-button.vex-last {
+  margin-left: 0;
+}
+/* line 114, ../sass/vex-theme-bottom-right-corner.sass */
+.vex.vex-theme-bottom-right-corner .vex-dialog-button:focus {
+  animation: vex-pulse 1.1s infinite;
+  -webkit-animation: vex-pulse 1.1s infinite;
+  -moz-animation: vex-pulse 1.1s infinite;
+  -ms-animation: vex-pulse 1.1s infinite;
+  -o-animation: vex-pulse 1.1s infinite;
+  -webkit-backface-visibility: hidden;
+  outline: none;
+}
+@media (max-width: 568px) {
+  /* line 114, ../sass/vex-theme-bottom-right-corner.sass */
+  .vex.vex-theme-bottom-right-corner .vex-dialog-button:focus {
+    animation: none;
+    -webkit-animation: none;
+    -moz-animation: none;
+    -ms-animation: none;
+    -o-animation: none;
+    -webkit-backface-visibility: hidden;
+  }
+}
+/* line 123, ../sass/vex-theme-bottom-right-corner.sass */
+.vex.vex-theme-bottom-right-corner .vex-dialog-button.vex-dialog-button-primary {
+  background: #3288e6;
+  color: white;
+}
+/* line 127, ../sass/vex-theme-bottom-right-corner.sass */
+.vex.vex-theme-bottom-right-corner .vex-dialog-button.vex-dialog-button-secondary {
+  background: #e0e0e0;
+  color: #777777;
+}
+
+/* line 131, ../sass/vex-theme-bottom-right-corner.sass */
+.vex-loading-spinner.vex-theme-bottom-right-corner {
+  -webkit-box-shadow: 0 0 0 0.5em #f0f0f0, 0 0 1px 0.5em rgba(0, 0, 0, 0.3);
+  -moz-box-shadow: 0 0 0 0.5em #f0f0f0, 0 0 1px 0.5em rgba(0, 0, 0, 0.3);
+  box-shadow: 0 0 0 0.5em #f0f0f0, 0 0 1px 0.5em rgba(0, 0, 0, 0.3);
+  -webkit-border-radius: 100%;
+  -moz-border-radius: 100%;
+  -ms-border-radius: 100%;
+  -o-border-radius: 100%;
+  border-radius: 100%;
+  background: #f0f0f0;
+  border: 0.2em solid transparent;
+  border-top-color: #bbbbbb;
+  top: -1.1em;
+  bottom: auto;
+}
+
+/* line 140, ../sass/vex-theme-bottom-right-corner.sass */
+body.vex-open {
+  overflow: initial;
+}
--- a/css/lib/vex/vex-theme-default.css
+++ b/css/lib/vex/vex-theme-default.css
@ -0,0 +1,528 @@
+@keyframes vex-flyin {
+  /* line 25, ../sass/_keyframes.sass */
+  0% {
+    opacity: 0;
+    transform: translateY(-40px);
+    -webkit-transform: translateY(-40px);
+    -moz-transform: translateY(-40px);
+    -ms-transform: translateY(-40px);
+    -o-transform: translateY(-40px);
+  }
+
+  /* line 28, ../sass/_keyframes.sass */
+  100% {
+    opacity: 1;
+    transform: translateY(0);
+    -webkit-transform: translateY(0);
+    -moz-transform: translateY(0);
+    -ms-transform: translateY(0);
+    -o-transform: translateY(0);
+  }
+}
+
+@-webkit-keyframes vex-flyin {
+  /* line 25, ../sass/_keyframes.sass */
+  0% {
+    opacity: 0;
+    transform: translateY(-40px);
+    -webkit-transform: translateY(-40px);
+    -moz-transform: translateY(-40px);
+    -ms-transform: translateY(-40px);
+    -o-transform: translateY(-40px);
+  }
+
+  /* line 28, ../sass/_keyframes.sass */
+  100% {
+    opacity: 1;
+    transform: translateY(0);
+    -webkit-transform: translateY(0);
+    -moz-transform: translateY(0);
+    -ms-transform: translateY(0);
+    -o-transform: translateY(0);
+  }
+}
+
+@-moz-keyframes vex-flyin {
+  /* line 25, ../sass/_keyframes.sass */
+  0% {
+    opacity: 0;
+    transform: translateY(-40px);
+    -webkit-transform: translateY(-40px);
+    -moz-transform: translateY(-40px);
+    -ms-transform: translateY(-40px);
+    -o-transform: translateY(-40px);
+  }
+
+  /* line 28, ../sass/_keyframes.sass */
+  100% {
+    opacity: 1;
+    transform: translateY(0);
+    -webkit-transform: translateY(0);
+    -moz-transform: translateY(0);
+    -ms-transform: translateY(0);
+    -o-transform: translateY(0);
+  }
+}
+
+@-ms-keyframes vex-flyin {
+  /* line 25, ../sass/_keyframes.sass */
+  0% {
+    opacity: 0;
+    transform: translateY(-40px);
+    -webkit-transform: translateY(-40px);
+    -moz-transform: translateY(-40px);
+    -ms-transform: translateY(-40px);
+    -o-transform: translateY(-40px);
+  }
+
+  /* line 28, ../sass/_keyframes.sass */
+  100% {
+    opacity: 1;
+    transform: translateY(0);
+    -webkit-transform: translateY(0);
+    -moz-transform: translateY(0);
+    -ms-transform: translateY(0);
+    -o-transform: translateY(0);
+  }
+}
+
+@-o-keyframes vex-flyin {
+  /* line 25, ../sass/_keyframes.sass */
+  0% {
+    opacity: 0;
+    transform: translateY(-40px);
+    -webkit-transform: translateY(-40px);
+    -moz-transform: translateY(-40px);
+    -ms-transform: translateY(-40px);
+    -o-transform: translateY(-40px);
+  }
+
+  /* line 28, ../sass/_keyframes.sass */
+  100% {
+    opacity: 1;
+    transform: translateY(0);
+    -webkit-transform: translateY(0);
+    -moz-transform: translateY(0);
+    -ms-transform: translateY(0);
+    -o-transform: translateY(0);
+  }
+}
+
+@keyframes vex-flyout {
+  /* line 34, ../sass/_keyframes.sass */
+  0% {
+    opacity: 1;
+    transform: translateY(0);
+    -webkit-transform: translateY(0);
+    -moz-transform: translateY(0);
+    -ms-transform: translateY(0);
+    -o-transform: translateY(0);
+  }
+
+  /* line 37, ../sass/_keyframes.sass */
+  100% {
+    opacity: 0;
+    transform: translateY(-40px);
+    -webkit-transform: translateY(-40px);
+    -moz-transform: translateY(-40px);
+    -ms-transform: translateY(-40px);
+    -o-transform: translateY(-40px);
+  }
+}
+
+@-webkit-keyframes vex-flyout {
+  /* line 34, ../sass/_keyframes.sass */
+  0% {
+    opacity: 1;
+    transform: translateY(0);
+    -webkit-transform: translateY(0);
+    -moz-transform: translateY(0);
+    -ms-transform: translateY(0);
+    -o-transform: translateY(0);
+  }
+
+  /* line 37, ../sass/_keyframes.sass */
+  100% {
+    opacity: 0;
+    transform: translateY(-40px);
+    -webkit-transform: translateY(-40px);
+    -moz-transform: translateY(-40px);
+    -ms-transform: translateY(-40px);
+    -o-transform: translateY(-40px);
+  }
+}
+
+@-moz-keyframes vex-flyout {
+  /* line 34, ../sass/_keyframes.sass */
+  0% {
+    opacity: 1;
+    transform: translateY(0);
+    -webkit-transform: translateY(0);
+    -moz-transform: translateY(0);
+    -ms-transform: translateY(0);
+    -o-transform: translateY(0);
+  }
+
+  /* line 37, ../sass/_keyframes.sass */
+  100% {
+    opacity: 0;
+    transform: translateY(-40px);
+    -webkit-transform: translateY(-40px);
+    -moz-transform: translateY(-40px);
+    -ms-transform: translateY(-40px);
+    -o-transform: translateY(-40px);
+  }
+}
+
+@-ms-keyframes vex-flyout {
+  /* line 34, ../sass/_keyframes.sass */
+  0% {
+    opacity: 1;
+    transform: translateY(0);
+    -webkit-transform: translateY(0);
+    -moz-transform: translateY(0);
+    -ms-transform: translateY(0);
+    -o-transform: translateY(0);
+  }
+
+  /* line 37, ../sass/_keyframes.sass */
+  100% {
+    opacity: 0;
+    transform: translateY(-40px);
+    -webkit-transform: translateY(-40px);
+    -moz-transform: translateY(-40px);
+    -ms-transform: translateY(-40px);
+    -o-transform: translateY(-40px);
+  }
+}
+
+@-o-keyframes vex-flyout {
+  /* line 34, ../sass/_keyframes.sass */
+  0% {
+    opacity: 1;
+    transform: translateY(0);
+    -webkit-transform: translateY(0);
+    -moz-transform: translateY(0);
+    -ms-transform: translateY(0);
+    -o-transform: translateY(0);
+  }
+
+  /* line 37, ../sass/_keyframes.sass */
+  100% {
+    opacity: 0;
+    transform: translateY(-40px);
+    -webkit-transform: translateY(-40px);
+    -moz-transform: translateY(-40px);
+    -ms-transform: translateY(-40px);
+    -o-transform: translateY(-40px);
+  }
+}
+
+@keyframes vex-pulse {
+  /* line 136, ../sass/_keyframes.sass */
+  0% {
+    -webkit-box-shadow: inset 0 0 0 300px transparent;
+    -moz-box-shadow: inset 0 0 0 300px transparent;
+    box-shadow: inset 0 0 0 300px transparent;
+  }
+
+  /* line 138, ../sass/_keyframes.sass */
+  70% {
+    -webkit-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
+    -moz-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
+    box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
+  }
+
+  /* line 140, ../sass/_keyframes.sass */
+  100% {
+    -webkit-box-shadow: inset 0 0 0 300px transparent;
+    -moz-box-shadow: inset 0 0 0 300px transparent;
+    box-shadow: inset 0 0 0 300px transparent;
+  }
+}
+
+@-webkit-keyframes vex-pulse {
+  /* line 136, ../sass/_keyframes.sass */
+  0% {
+    -webkit-box-shadow: inset 0 0 0 300px transparent;
+    -moz-box-shadow: inset 0 0 0 300px transparent;
+    box-shadow: inset 0 0 0 300px transparent;
+  }
+
+  /* line 138, ../sass/_keyframes.sass */
+  70% {
+    -webkit-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
+    -moz-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
+    box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
+  }
+
+  /* line 140, ../sass/_keyframes.sass */
+  100% {
+    -webkit-box-shadow: inset 0 0 0 300px transparent;
+    -moz-box-shadow: inset 0 0 0 300px transparent;
+    box-shadow: inset 0 0 0 300px transparent;
+  }
+}
+
+@-moz-keyframes vex-pulse {
+  /* line 136, ../sass/_keyframes.sass */
+  0% {
+    -webkit-box-shadow: inset 0 0 0 300px transparent;
+    -moz-box-shadow: inset 0 0 0 300px transparent;
+    box-shadow: inset 0 0 0 300px transparent;
+  }
+
+  /* line 138, ../sass/_keyframes.sass */
+  70% {
+    -webkit-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
+    -moz-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
+    box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
+  }
+
+  /* line 140, ../sass/_keyframes.sass */
+  100% {
+    -webkit-box-shadow: inset 0 0 0 300px transparent;
+    -moz-box-shadow: inset 0 0 0 300px transparent;
+    box-shadow: inset 0 0 0 300px transparent;
+  }
+}
+
+@-ms-keyframes vex-pulse {
+  /* line 136, ../sass/_keyframes.sass */
+  0% {
+    -webkit-box-shadow: inset 0 0 0 300px transparent;
+    -moz-box-shadow: inset 0 0 0 300px transparent;
+    box-shadow: inset 0 0 0 300px transparent;
+  }
+
+  /* line 138, ../sass/_keyframes.sass */
+  70% {
+    -webkit-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
+    -moz-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
+    box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
+  }
+
+  /* line 140, ../sass/_keyframes.sass */
+  100% {
+    -webkit-box-shadow: inset 0 0 0 300px transparent;
+    -moz-box-shadow: inset 0 0 0 300px transparent;
+    box-shadow: inset 0 0 0 300px transparent;
+  }
+}
+
+@-o-keyframes vex-pulse {
+  /* line 136, ../sass/_keyframes.sass */
+  0% {
+    -webkit-box-shadow: inset 0 0 0 300px transparent;
+    -moz-box-shadow: inset 0 0 0 300px transparent;
+    box-shadow: inset 0 0 0 300px transparent;
+  }
+
+  /* line 138, ../sass/_keyframes.sass */
+  70% {
+    -webkit-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
+    -moz-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
+    box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
+  }
+
+  /* line 140, ../sass/_keyframes.sass */
+  100% {
+    -webkit-box-shadow: inset 0 0 0 300px transparent;
+    -moz-box-shadow: inset 0 0 0 300px transparent;
+    box-shadow: inset 0 0 0 300px transparent;
+  }
+}
+
+/* line 13, ../sass/vex-theme-default.sass */
+.vex.vex-theme-default {
+  padding-top: 160px;
+  padding-bottom: 160px;
+}
+/* line 17, ../sass/vex-theme-default.sass */