Remove pure.css

css/converse.css

@@ -297,756 +297,9 @@
   -moz-osx-font-smoothing: grayscale; }
 
 #conversejs {
-  /*!
-  Pure v0.6.1-pre
-  Copyright 2014 Yahoo! Inc. All rights reserved.
-  Licensed under the BSD License.
-  https://github.com/yahoo/pure/blob/master/LICENSE.md
-  */
-  /*!
-  normalize.css v^3.0 | MIT License | git.io/normalize
-  Copyright (c) Nicolas Gallagher and Jonathan Neal
-  */
-  /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
-  /**
-   * 1. Set default font family to sans-serif.
-   * 2. Prevent iOS and IE text size adjust after device orientation change,
-   *    without disabling user zoom.
-   */
-  /**
-   * Remove default margin.
-   */
-  /* HTML5 display definitions
-     ========================================================================== */
-  /**
-   * Correct `block` display not defined for any HTML5 element in IE 8/9.
-   * Correct `block` display not defined for `details` or `summary` in IE 10/11
-   * and Firefox.
-   * Correct `block` display not defined for `main` in IE 11.
-   */
-  /**
-   * 1. Correct `inline-block` display not defined in IE 8/9.
-   * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
-   */
-  /**
-   * Prevent modern browsers from displaying `audio` without controls.
-   * Remove excess height in iOS 5 devices.
-   */
-  /**
-   * Address `[hidden]` styling not present in IE 8/9/10.
-   * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
-   */
-  /* Links
-     ========================================================================== */
-  /**
-   * Remove the gray background color from active links in IE 10.
-   */
-  /**
-   * Improve readability of focused elements when they are also in an
-   * active/hover state.
-   */
-  /* Text-level semantics
-     ========================================================================== */
-  /**
-   * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
-   */
-  /**
-   * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
-   */
-  /**
-   * Address styling not present in Safari and Chrome.
-   */
-  /**
-   * Address variable `h1` font-size and margin within `section` and `article`
-   * contexts in Firefox 4+, Safari, and Chrome.
-   */
-  /**
-   * Address styling not present in IE 8/9.
-   */
-  /**
-   * Address inconsistent and variable font size in all browsers.
-   */
-  /**
-   * Prevent `sub` and `sup` affecting `line-height` in all browsers.
-   */
-  /* Embedded content
-     ========================================================================== */
-  /**
-   * Remove border when inside `a` element in IE 8/9/10.
-   */
-  /**
-   * Correct overflow not hidden in IE 9/10/11.
-   */
-  /* Grouping content
-     ========================================================================== */
-  /**
-   * Address margin not present in IE 8/9 and Safari.
-   */
-  /**
-   * Address differences between Firefox and other browsers.
-   */
-  /**
-   * Contain overflow in all browsers.
-   */
-  /**
-   * Address odd `em`-unit font size rendering in all browsers.
-   */
-  /* Forms
-     ========================================================================== */
-  /**
-   * Known limitation: by default, Chrome and Safari on OS X allow very limited
-   * styling of `select`, unless a `border` property is set.
-   */
-  /**
-   * 1. Correct color not being inherited.
-   *    Known issue: affects color of disabled elements.
-   * 2. Correct font properties not being inherited.
-   * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
-   */
-  /**
-   * Address `overflow` set to `hidden` in IE 8/9/10/11.
-   */
-  /**
-   * Address inconsistent `text-transform` inheritance for `button` and `select`.
-   * All other form control elements do not inherit `text-transform` values.
-   * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
-   * Correct `select` style inheritance in Firefox.
-   */
-  /**
-   * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
-   *    and `video` controls.
-   * 2. Correct inability to style clickable `input` types in iOS.
-   * 3. Improve usability and consistency of cursor style between image-type
-   *    `input` and others.
-   */
-  /**
-   * Re-set default cursor for disabled elements.
-   */
-  /**
-   * Remove inner padding and border in Firefox 4+.
-   */
-  /**
-   * Address Firefox 4+ setting `line-height` on `input` using `!important` in
-   * the UA stylesheet.
-   */
-  /**
-   * It's recommended that you don't attempt to style these elements.
-   * Firefox's implementation doesn't respect box-sizing, padding, or width.
-   *
-   * 1. Address box sizing set to `content-box` in IE 8/9/10.
-   * 2. Remove excess padding in IE 8/9/10.
-   */
-  /**
-   * Fix the cursor style for Chrome's increment/decrement buttons. For certain
-   * `font-size` values of the `input`, it causes the cursor style of the
-   * decrement button to change from `default` to `text`.
-   */
-  /**
-   * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
-   * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
-   */
-  /**
-   * Remove inner padding and search cancel button in Safari and Chrome on OS X.
-   * Safari (but not Chrome) clips the cancel button when the search input has
-   * padding (and `textfield` appearance).
-   */
-  /**
-   * Define consistent border, margin, and padding.
-   */
-  /**
-   * 1. Correct `color` not being inherited in IE 8/9/10/11.
-   * 2. Remove padding so people aren't caught out if they zero out fieldsets.
-   */
-  /**
-   * Remove default vertical scrollbar in IE 8/9/10/11.
-   */
-  /**
-   * Don't inherit the `font-weight` (applied by a rule above).
-   * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
-   */
-  /* Tables
-     ========================================================================== */
-  /**
-   * Remove most spacing between table cells.
-   */
-  /*csslint important:false*/
-  /* ==========================================================================
-     Pure Base Extras
-     ========================================================================== */
-  /**
-   * Extra rules that Pure adds on top of Normalize.css
-   */
-  /**
-   * Always hide an element when it has the `hidden` HTML attribute.
-   */
-  /**
-   * Add this class to an image to make it fit within it's fluid parent wrapper while maintaining
-   * aspect ratio.
-   */
-  /*!
-  Pure v0.6.1-pre
-  Copyright 2014 Yahoo! Inc. All rights reserved.
-  Licensed under the BSD License.
-  https://github.com/yahoo/pure/blob/master/LICENSE.md
-  */
-  /*csslint box-model:false*/
-  /*
-  Box-model set to false because we're setting a height on select elements, which
-  also have border and padding. This is done because some browsers don't render
-  the padding. We explicitly set the box-model for select elements to border-box,
-  so we can ignore the csslint warning.
-  */
-  /*
-  Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
-  since IE8 won't execute CSS that contains a CSS3 selector.
-  */
-  /* Chrome (as of v.32/34 on OS X) needs additional room for color to display. */
-  /* May be able to remove this tweak as color inputs become more standardized across browsers. */
-  /*
-  Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
-  since IE8 won't execute CSS that contains a CSS3 selector.
-  */
-  /*
-  Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
-  since IE8 won't execute CSS that contains a CSS3 selector.
-  */
-  /*
-  Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
-  since IE8 won't execute CSS that contains a CSS3 selector.
-  */
-  /* Aligned Forms */
-  /* Rounded Inputs */
-  /* Grouped Inputs */
-  /* Inline help for forms */
-  /* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */
-  /* Block help for forms */
-  /*!
-  Pure v0.6.1-pre
-  Copyright 2014 Yahoo! Inc. All rights reserved.
-  Licensed under the BSD License.
-  https://github.com/yahoo/pure/blob/master/LICENSE.md
-  */
-  /* Firefox: Get rid of the inner focus border */
-  /*csslint outline-none:false*/
-  /* Firefox: Get rid of the inner focus border */
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box; }
-  #conversejs html {
-    font-family: sans-serif;
-    /* 1 */
-    -ms-text-size-adjust: 100%;
-    /* 2 */
-    -webkit-text-size-adjust: 100%;
-    /* 2 */ }
-  #conversejs body {
-    margin: 0; }
-  #conversejs article,
-  #conversejs aside,
-  #conversejs details,
-  #conversejs figcaption,
-  #conversejs figure,
-  #conversejs footer,
-  #conversejs header,
-  #conversejs hgroup,
-  #conversejs main,
-  #conversejs menu,
-  #conversejs nav,
-  #conversejs section,
-  #conversejs summary {
-    display: block; }
-  #conversejs audio,
-  #conversejs canvas,
-  #conversejs progress,
-  #conversejs video {
-    display: inline-block;
-    /* 1 */
-    vertical-align: baseline;
-    /* 2 */ }
-  #conversejs audio:not([controls]) {
-    display: none;
-    height: 0; }
-  #conversejs [hidden],
-  #conversejs template {
-    display: none; }
-  #conversejs a {
-    background-color: transparent; }
-  #conversejs a:active,
-  #conversejs a:hover {
-    outline: 0; }
-  #conversejs abbr[title] {
-    border-bottom: 1px dotted; }
-  #conversejs b,
-  #conversejs strong {
-    font-weight: bold; }
-  #conversejs dfn {
-    font-style: italic; }
-  #conversejs h1 {
-    font-size: 2em;
-    margin: 0.67em 0; }
-  #conversejs mark {
-    background: #ff0;
-    color: #000; }
-  #conversejs small {
-    font-size: 80%; }
-  #conversejs sub,
-  #conversejs sup {
-    font-size: 75%;
-    line-height: 0;
-    position: relative;
-    vertical-align: baseline; }
-  #conversejs sup {
-    top: -0.5em; }
-  #conversejs sub {
-    bottom: -0.25em; }
-  #conversejs img {
-    border: 0; }
-  #conversejs svg:not(:root) {
-    overflow: hidden; }
-  #conversejs figure {
-    margin: 1em 40px; }
-  #conversejs hr {
-    box-sizing: content-box;
-    height: 0; }
-  #conversejs pre {
-    overflow: auto; }
-  #conversejs code,
-  #conversejs kbd,
-  #conversejs pre,
-  #conversejs samp {
-    font-family: monospace, monospace;
-    font-size: 1em; }
-  #conversejs button,
-  #conversejs input,
-  #conversejs optgroup,
-  #conversejs select,
-  #conversejs textarea {
-    color: inherit;
-    /* 1 */
-    font: inherit;
-    /* 2 */
-    margin: 0;
-    /* 3 */ }
-  #conversejs button {
-    overflow: visible; }
-  #conversejs button,
-  #conversejs select {
-    text-transform: none; }
-  #conversejs button,
-  #conversejs html input[type="button"],
-  #conversejs input[type="reset"],
-  #conversejs input[type="submit"] {
-    -webkit-appearance: button;
-    /* 2 */
-    cursor: pointer;
-    /* 3 */ }
-  #conversejs button[disabled],
-  #conversejs html input[disabled] {
-    cursor: default; }
-  #conversejs button::-moz-focus-inner,
-  #conversejs input::-moz-focus-inner {
-    border: 0;
-    padding: 0; }
-  #conversejs input {
-    line-height: normal; }
-  #conversejs input[type="checkbox"],
-  #conversejs input[type="radio"] {
-    box-sizing: border-box;
-    /* 1 */
-    padding: 0;
-    /* 2 */ }
-  #conversejs input[type="number"]::-webkit-inner-spin-button,
-  #conversejs input[type="number"]::-webkit-outer-spin-button {
-    height: auto; }
-  #conversejs input[type="search"] {
-    -webkit-appearance: textfield;
-    /* 1 */
-    box-sizing: content-box;
-    /* 2 */ }
-  #conversejs input[type="search"]::-webkit-search-cancel-button,
-  #conversejs input[type="search"]::-webkit-search-decoration {
-    -webkit-appearance: none; }
-  #conversejs fieldset {
-    border: 1px solid #c0c0c0;
-    margin: 0 2px;
-    padding: 0.35em 0.625em 0.75em; }
-  #conversejs legend {
-    border: 0;
-    /* 1 */
-    padding: 0;
-    /* 2 */ }
-  #conversejs textarea {
-    overflow: auto; }
-  #conversejs optgroup {
-    font-weight: bold; }
-  #conversejs table {
-    border-collapse: collapse;
-    border-spacing: 0; }
-  #conversejs td,
-  #conversejs th {
-    padding: 0; }
-  #conversejs .hidden,
-  #conversejs [hidden] {
-    display: none !important; }
-  #conversejs .pure-img {
-    max-width: 100%;
-    height: auto;
-    display: block; }
-  #conversejs .pure-form input[type="text"],
-  #conversejs .pure-form input[type="password"],
-  #conversejs .pure-form input[type="email"],
-  #conversejs .pure-form input[type="url"],
-  #conversejs .pure-form input[type="date"],
-  #conversejs .pure-form input[type="month"],
-  #conversejs .pure-form input[type="time"],
-  #conversejs .pure-form input[type="datetime"],
-  #conversejs .pure-form input[type="datetime-local"],
-  #conversejs .pure-form input[type="week"],
-  #conversejs .pure-form input[type="number"],
-  #conversejs .pure-form input[type="search"],
-  #conversejs .pure-form input[type="tel"],
-  #conversejs .pure-form input[type="color"],
-  #conversejs .pure-form select,
-  #conversejs .pure-form textarea {
-    padding: 0.5em 0.6em;
-    display: inline-block;
-    border: 1px solid #ccc;
-    box-shadow: inset 0 1px 3px #ddd;
-    border-radius: 4px;
-    vertical-align: middle;
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box; }
-  #conversejs .pure-form input:not([type]) {
-    padding: 0.5em 0.6em;
-    display: inline-block;
-    border: 1px solid #ccc;
-    box-shadow: inset 0 1px 3px #ddd;
-    border-radius: 4px;
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box; }
-  #conversejs .pure-form input[type="color"] {
-    padding: 0.2em 0.5em; }
-  #conversejs .pure-form input[type="text"]:focus,
-  #conversejs .pure-form input[type="password"]:focus,
-  #conversejs .pure-form input[type="email"]:focus,
-  #conversejs .pure-form input[type="url"]:focus,
-  #conversejs .pure-form input[type="date"]:focus,
-  #conversejs .pure-form input[type="month"]:focus,
-  #conversejs .pure-form input[type="time"]:focus,
-  #conversejs .pure-form input[type="datetime"]:focus,
-  #conversejs .pure-form input[type="datetime-local"]:focus,
-  #conversejs .pure-form input[type="week"]:focus,
-  #conversejs .pure-form input[type="number"]:focus,
-  #conversejs .pure-form input[type="search"]:focus,
-  #conversejs .pure-form input[type="tel"]:focus,
-  #conversejs .pure-form input[type="color"]:focus,
-  #conversejs .pure-form select:focus,
-  #conversejs .pure-form textarea:focus {
-    outline: 0;
-    border-color: #1A9707; }
-  #conversejs .pure-form input:not([type]):focus {
-    outline: 0;
-    border-color: #1A9707; }
-  #conversejs .pure-form input[type="file"]:focus,
-  #conversejs .pure-form input[type="radio"]:focus,
-  #conversejs .pure-form input[type="checkbox"]:focus {
-    outline: thin solid #1A9707;
-    outline: 1px auto #1A9707; }
-  #conversejs .pure-form .pure-checkbox,
-  #conversejs .pure-form .pure-radio {
-    margin: 0.5em 0;
-    display: block; }
-  #conversejs .pure-form input[type="text"][disabled],
-  #conversejs .pure-form input[type="password"][disabled],
-  #conversejs .pure-form input[type="email"][disabled],
-  #conversejs .pure-form input[type="url"][disabled],
-  #conversejs .pure-form input[type="date"][disabled],
-  #conversejs .pure-form input[type="month"][disabled],
-  #conversejs .pure-form input[type="time"][disabled],
-  #conversejs .pure-form input[type="datetime"][disabled],
-  #conversejs .pure-form input[type="datetime-local"][disabled],
-  #conversejs .pure-form input[type="week"][disabled],
-  #conversejs .pure-form input[type="number"][disabled],
-  #conversejs .pure-form input[type="search"][disabled],
-  #conversejs .pure-form input[type="tel"][disabled],
-  #conversejs .pure-form input[type="color"][disabled],
-  #conversejs .pure-form select[disabled],
-  #conversejs .pure-form textarea[disabled] {
-    cursor: not-allowed;
-    background-color: #eaeded;
-    color: #cad2d3; }
-  #conversejs .pure-form input:not([type])[disabled] {
-    cursor: not-allowed;
-    background-color: #eaeded;
-    color: #cad2d3; }
-  #conversejs .pure-form input[readonly],
-  #conversejs .pure-form select[readonly],
-  #conversejs .pure-form textarea[readonly] {
-    background-color: #eee;
-    /* menu hover bg color */
-    color: #777;
-    /* menu text color */
-    border-color: #ccc; }
-  #conversejs .pure-form input:focus:invalid,
-  #conversejs .pure-form textarea:focus:invalid,
-  #conversejs .pure-form select:focus:invalid {
-    color: #b94a48;
-    border-color: #e9322d; }
-  #conversejs .pure-form input[type="file"]:focus:invalid:focus,
-  #conversejs .pure-form input[type="radio"]:focus:invalid:focus,
-  #conversejs .pure-form input[type="checkbox"]:focus:invalid:focus {
-    outline-color: #e9322d; }
-  #conversejs .pure-form select {
-    /* Normalizes the height; padding is not sufficient. */
-    height: 2.25em;
-    border: 1px solid #ccc;
-    background-color: white; }
-  #conversejs .pure-form select[multiple] {
-    height: auto; }
-  #conversejs .pure-form label {
-    margin: 0.5em 0 0.2em; }
-  #conversejs .pure-form fieldset {
-    margin: 0;
-    padding: 0.35em 0 0.35em;
-    border: 0; }
-  #conversejs .pure-form legend {
-    display: block;
-    width: 100%;
-    padding: 0.3em 0;
-    margin-bottom: 0.3em;
-    color: #333;
-    border-bottom: 1px solid #e5e5e5; }
-  #conversejs .pure-form-stacked input[type="text"],
-  #conversejs .pure-form-stacked input[type="password"],
-  #conversejs .pure-form-stacked input[type="email"],
-  #conversejs .pure-form-stacked input[type="url"],
-  #conversejs .pure-form-stacked input[type="date"],
-  #conversejs .pure-form-stacked input[type="month"],
-  #conversejs .pure-form-stacked input[type="time"],
-  #conversejs .pure-form-stacked input[type="datetime"],
-  #conversejs .pure-form-stacked input[type="datetime-local"],
-  #conversejs .pure-form-stacked input[type="week"],
-  #conversejs .pure-form-stacked input[type="number"],
-  #conversejs .pure-form-stacked input[type="search"],
-  #conversejs .pure-form-stacked input[type="tel"],
-  #conversejs .pure-form-stacked input[type="color"],
-  #conversejs .pure-form-stacked input[type="file"],
-  #conversejs .pure-form-stacked select,
-  #conversejs .pure-form-stacked label,
-  #conversejs .pure-form-stacked textarea {
-    display: block;
-    margin: 0.25em 0; }
-  #conversejs .pure-form-stacked input:not([type]) {
-    display: block;
-    margin: 0.25em 0; }
-  #conversejs .pure-form-aligned input,
-  #conversejs .pure-form-aligned textarea,
-  #conversejs .pure-form-aligned select,
-  #conversejs .pure-form-aligned .pure-help-inline,
-  #conversejs .pure-form-message-inline {
-    display: inline-block;
-    *display: inline;
-    *zoom: 1;
-    vertical-align: middle; }
-  #conversejs .pure-form-aligned textarea {
-    vertical-align: top; }
-  #conversejs .pure-form-aligned .pure-control-group {
-    margin-bottom: 0.5em; }
-  #conversejs .pure-form-aligned .pure-control-group label {
-    text-align: right;
-    display: inline-block;
-    vertical-align: middle;
-    width: 10em;
-    margin: 0 1em 0 0; }
-  #conversejs .pure-form-aligned .pure-controls {
-    margin: 1.5em 0 0 11em; }
-  #conversejs .pure-form input.pure-input-rounded,
-  #conversejs .pure-form .pure-input-rounded {
-    border-radius: 2em;
-    padding: 0.5em 1em; }
-  #conversejs .pure-form .pure-group fieldset {
-    margin-bottom: 10px; }
-  #conversejs .pure-form .pure-group input,
-  #conversejs .pure-form .pure-group textarea {
-    display: block;
-    padding: 10px;
-    margin: 0 0 -1px;
-    border-radius: 0;
-    position: relative;
-    top: -1px; }
-  #conversejs .pure-form .pure-group input:focus,
-  #conversejs .pure-form .pure-group textarea:focus {
-    z-index: 3; }
-  #conversejs .pure-form .pure-group input:first-child,
-  #conversejs .pure-form .pure-group textarea:first-child {
-    top: 1px;
-    border-radius: 4px 4px 0 0;
-    margin: 0; }
-  #conversejs .pure-form .pure-group input:first-child:last-child,
-  #conversejs .pure-form .pure-group textarea:first-child:last-child {
-    top: 1px;
-    border-radius: 4px;
-    margin: 0; }
-  #conversejs .pure-form .pure-group input:last-child,
-  #conversejs .pure-form .pure-group textarea:last-child {
-    top: -2px;
-    border-radius: 0 0 4px 4px;
-    margin: 0; }
-  #conversejs .pure-form .pure-group button {
-    margin: 0.35em 0; }
-  #conversejs .pure-form .pure-input-1 {
-    width: 100%; }
-  #conversejs .pure-form .pure-input-3-4 {
-    width: 75%; }
-  #conversejs .pure-form .pure-input-2-3 {
-    width: 66%; }
-  #conversejs .pure-form .pure-input-1-2 {
-    width: 50%; }
-  #conversejs .pure-form .pure-input-1-3 {
-    width: 33%; }
-  #conversejs .pure-form .pure-input-1-4 {
-    width: 25%; }
-  #conversejs .pure-form .pure-help-inline,
-  #conversejs .pure-form-message-inline {
-    display: inline-block;
-    padding-left: 0.3em;
-    color: #666;
-    vertical-align: middle;
-    font-size: 0.875em; }
-  #conversejs .pure-form-message {
-    display: block;
-    color: #666;
-    font-size: 0.875em; }
-  @media only screen and (max-width: 480px) {
-    #conversejs {
-      /* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */ }
-      #conversejs .pure-form button[type="submit"] {
-        margin: 0.7em 0 0; }
-      #conversejs .pure-form input:not([type]),
-      #conversejs .pure-form input[type="text"],
-      #conversejs .pure-form input[type="password"],
-      #conversejs .pure-form input[type="email"],
-      #conversejs .pure-form input[type="url"],
-      #conversejs .pure-form input[type="date"],
-      #conversejs .pure-form input[type="month"],
-      #conversejs .pure-form input[type="time"],
-      #conversejs .pure-form input[type="datetime"],
-      #conversejs .pure-form input[type="datetime-local"],
-      #conversejs .pure-form input[type="week"],
-      #conversejs .pure-form input[type="number"],
-      #conversejs .pure-form input[type="search"],
-      #conversejs .pure-form input[type="tel"],
-      #conversejs .pure-form input[type="color"],
-      #conversejs .pure-form label {
-        margin-bottom: 0.3em;
-        display: block; }
-      #conversejs .pure-group input:not([type]),
-      #conversejs .pure-group input[type="text"],
-      #conversejs .pure-group input[type="password"],
-      #conversejs .pure-group input[type="email"],
-      #conversejs .pure-group input[type="url"],
-      #conversejs .pure-group input[type="date"],
-      #conversejs .pure-group input[type="month"],
-      #conversejs .pure-group input[type="time"],
-      #conversejs .pure-group input[type="datetime"],
-      #conversejs .pure-group input[type="datetime-local"],
-      #conversejs .pure-group input[type="week"],
-      #conversejs .pure-group input[type="number"],
-      #conversejs .pure-group input[type="search"],
-      #conversejs .pure-group input[type="tel"],
-      #conversejs .pure-group input[type="color"] {
-        margin-bottom: 0; }
-      #conversejs .pure-form-aligned .pure-control-group label {
-        margin-bottom: 0.3em;
-        text-align: left;
-        display: block;
-        width: 100%; }
-      #conversejs .pure-form-aligned .pure-controls {
-        margin: 1.5em 0 0 0; }
-      #conversejs .pure-form .pure-help-inline,
-      #conversejs .pure-form-message-inline,
-      #conversejs .pure-form-message {
-        display: block;
-        font-size: 0.75em;
-        /* Increased bottom padding to make it group with its related input element. */
-        padding: 0.2em 0 0.8em; } }
-  #conversejs .pure-button {
-    /* Structure */
-    display: inline-block;
-    zoom: 1;
-    line-height: normal;
-    white-space: nowrap;
-    vertical-align: middle;
-    text-align: center;
-    cursor: pointer;
-    -webkit-user-drag: none;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box; }
-  #conversejs .pure-button::-moz-focus-inner {
-    padding: 0;
-    border: 0; }
-  #conversejs .pure-button {
-    font-family: inherit;
-    font-size: 100%;
-    padding: 0.5em 1em;
-    color: #444;
-    /* rgba not supported (IE 8) */
-    color: rgba(0, 0, 0, 0.6);
-    /* rgba supported */
-    border: 1px solid #999;
-    /*IE 6/7/8*/
-    border: none transparent;
-    /*IE9 + everything else*/
-    background-color: #E6E6E6;
-    text-decoration: none;
-    border-radius: 2px; }
-  #conversejs .pure-button-hover,
-  #conversejs .pure-button:hover,
-  #conversejs .pure-button:focus {
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000',GradientType=0);
-    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.1)));
-    background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));
-    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.1));
-    background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));
-    background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1)); }
-  #conversejs .pure-button:focus {
-    outline: 0; }
-  #conversejs .pure-button-active,
-  #conversejs .pure-button:active {
-    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 0 6px rgba(0, 0, 0, 0.2) inset;
-    border-color: #000 \9; }
-  #conversejs .pure-button[disabled],
-  #conversejs .pure-button-disabled,
-  #conversejs .pure-button-disabled:hover,
-  #conversejs .pure-button-disabled:focus,
-  #conversejs .pure-button-disabled:active {
-    border: none;
-    background-image: none;
-    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
-    filter: alpha(opacity=40);
-    -khtml-opacity: 0.40;
-    -moz-opacity: 0.40;
-    opacity: 0.40;
-    cursor: not-allowed;
-    box-shadow: none; }
-  #conversejs .pure-button-hidden {
-    display: none; }
-  #conversejs .pure-button::-moz-focus-inner {
-    padding: 0;
-    border: 0; }
-  #conversejs .pure-button-primary,
-  #conversejs .pure-button-selected,
-  #conversejs a.pure-button-primary,
-  #conversejs a.pure-button-selected {
-    background-color: #0078e7;
-    color: #fff; }
   #conversejs *, #conversejs *:before, #conversejs *:after {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;

css/inverse.css

@@ -296,803 +296,56 @@
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale; }
 
-#conversejs.fullscreen {
-  /*!
-  Pure v0.6.1-pre
-  Copyright 2014 Yahoo! Inc. All rights reserved.
-  Licensed under the BSD License.
-  https://github.com/yahoo/pure/blob/master/LICENSE.md
-  */
-  /*!
-  normalize.css v^3.0 | MIT License | git.io/normalize
-  Copyright (c) Nicolas Gallagher and Jonathan Neal
-  */
-  /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
-  /**
-   * 1. Set default font family to sans-serif.
-   * 2. Prevent iOS and IE text size adjust after device orientation change,
-   *    without disabling user zoom.
-   */
-  /**
-   * Remove default margin.
-   */
-  /* HTML5 display definitions
-     ========================================================================== */
-  /**
-   * Correct `block` display not defined for any HTML5 element in IE 8/9.
-   * Correct `block` display not defined for `details` or `summary` in IE 10/11
-   * and Firefox.
-   * Correct `block` display not defined for `main` in IE 11.
-   */
-  /**
-   * 1. Correct `inline-block` display not defined in IE 8/9.
-   * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
-   */
-  /**
-   * Prevent modern browsers from displaying `audio` without controls.
-   * Remove excess height in iOS 5 devices.
-   */
-  /**
-   * Address `[hidden]` styling not present in IE 8/9/10.
-   * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
-   */
-  /* Links
-     ========================================================================== */
-  /**
-   * Remove the gray background color from active links in IE 10.
-   */
-  /**
-   * Improve readability of focused elements when they are also in an
-   * active/hover state.
-   */
-  /* Text-level semantics
-     ========================================================================== */
-  /**
-   * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
-   */
-  /**
-   * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
-   */
-  /**
-   * Address styling not present in Safari and Chrome.
-   */
-  /**
-   * Address variable `h1` font-size and margin within `section` and `article`
-   * contexts in Firefox 4+, Safari, and Chrome.
-   */
-  /**
-   * Address styling not present in IE 8/9.
-   */
-  /**
-   * Address inconsistent and variable font size in all browsers.
-   */
-  /**
-   * Prevent `sub` and `sup` affecting `line-height` in all browsers.
-   */
-  /* Embedded content
-     ========================================================================== */
-  /**
-   * Remove border when inside `a` element in IE 8/9/10.
-   */
-  /**
-   * Correct overflow not hidden in IE 9/10/11.
-   */
-  /* Grouping content
-     ========================================================================== */
-  /**
-   * Address margin not present in IE 8/9 and Safari.
-   */
-  /**
-   * Address differences between Firefox and other browsers.
-   */
-  /**
-   * Contain overflow in all browsers.
-   */
-  /**
-   * Address odd `em`-unit font size rendering in all browsers.
-   */
-  /* Forms
-     ========================================================================== */
-  /**
-   * Known limitation: by default, Chrome and Safari on OS X allow very limited
-   * styling of `select`, unless a `border` property is set.
-   */
-  /**
-   * 1. Correct color not being inherited.
-   *    Known issue: affects color of disabled elements.
-   * 2. Correct font properties not being inherited.
-   * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
-   */
-  /**
-   * Address `overflow` set to `hidden` in IE 8/9/10/11.
-   */
-  /**
-   * Address inconsistent `text-transform` inheritance for `button` and `select`.
-   * All other form control elements do not inherit `text-transform` values.
-   * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
-   * Correct `select` style inheritance in Firefox.
-   */
-  /**
-   * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
-   *    and `video` controls.
-   * 2. Correct inability to style clickable `input` types in iOS.
-   * 3. Improve usability and consistency of cursor style between image-type
-   *    `input` and others.
-   */
-  /**
-   * Re-set default cursor for disabled elements.
-   */
-  /**
-   * Remove inner padding and border in Firefox 4+.
-   */
-  /**
-   * Address Firefox 4+ setting `line-height` on `input` using `!important` in
-   * the UA stylesheet.
-   */
-  /**
-   * It's recommended that you don't attempt to style these elements.
-   * Firefox's implementation doesn't respect box-sizing, padding, or width.
-   *
-   * 1. Address box sizing set to `content-box` in IE 8/9/10.
-   * 2. Remove excess padding in IE 8/9/10.
-   */
-  /**
-   * Fix the cursor style for Chrome's increment/decrement buttons. For certain
-   * `font-size` values of the `input`, it causes the cursor style of the
-   * decrement button to change from `default` to `text`.
-   */
-  /**
-   * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
-   * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
-   */
-  /**
-   * Remove inner padding and search cancel button in Safari and Chrome on OS X.
-   * Safari (but not Chrome) clips the cancel button when the search input has
-   * padding (and `textfield` appearance).
-   */
-  /**
-   * Define consistent border, margin, and padding.
-   */
-  /**
-   * 1. Correct `color` not being inherited in IE 8/9/10/11.
-   * 2. Remove padding so people aren't caught out if they zero out fieldsets.
-   */
-  /**
-   * Remove default vertical scrollbar in IE 8/9/10/11.
-   */
-  /**
-   * Don't inherit the `font-weight` (applied by a rule above).
-   * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
-   */
-  /* Tables
-     ========================================================================== */
-  /**
-   * Remove most spacing between table cells.
-   */
-  /*csslint important:false*/
-  /* ==========================================================================
-     Pure Base Extras
-     ========================================================================== */
-  /**
-   * Extra rules that Pure adds on top of Normalize.css
-   */
-  /**
-   * Always hide an element when it has the `hidden` HTML attribute.
-   */
-  /**
-   * Add this class to an image to make it fit within it's fluid parent wrapper while maintaining
-   * aspect ratio.
-   */
-  /*!
-  Pure v0.6.1-pre
-  Copyright 2014 Yahoo! Inc. All rights reserved.
-  Licensed under the BSD License.
-  https://github.com/yahoo/pure/blob/master/LICENSE.md
-  */
-  /*csslint box-model:false*/
-  /*
-  Box-model set to false because we're setting a height on select elements, which
-  also have border and padding. This is done because some browsers don't render
-  the padding. We explicitly set the box-model for select elements to border-box,
-  so we can ignore the csslint warning.
-  */
-  /*
-  Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
-  since IE8 won't execute CSS that contains a CSS3 selector.
-  */
-  /* Chrome (as of v.32/34 on OS X) needs additional room for color to display. */
-  /* May be able to remove this tweak as color inputs become more standardized across browsers. */
-  /*
-  Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
-  since IE8 won't execute CSS that contains a CSS3 selector.
-  */
-  /*
-  Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
-  since IE8 won't execute CSS that contains a CSS3 selector.
-  */
-  /*
-  Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
-  since IE8 won't execute CSS that contains a CSS3 selector.
-  */
-  /* Aligned Forms */
-  /* Rounded Inputs */
-  /* Grouped Inputs */
-  /* Inline help for forms */
-  /* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */
-  /* Block help for forms */
-  /*!
-  Pure v0.6.1-pre
-  Copyright 2014 Yahoo! Inc. All rights reserved.
-  Licensed under the BSD License.
-  https://github.com/yahoo/pure/blob/master/LICENSE.md
-  */
-  /* Firefox: Get rid of the inner focus border */
-  /*csslint outline-none:false*/
-  /* Firefox: Get rid of the inner focus border */
+#conversejs {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box; }
-  #conversejs.fullscreen html {
-    font-family: sans-serif;
-    /* 1 */
-    -ms-text-size-adjust: 100%;
-    /* 2 */
-    -webkit-text-size-adjust: 100%;
-    /* 2 */ }
-  #conversejs.fullscreen body {
-    margin: 0; }
-  #conversejs.fullscreen article,
-  #conversejs.fullscreen aside,
-  #conversejs.fullscreen details,
-  #conversejs.fullscreen figcaption,
-  #conversejs.fullscreen figure,
-  #conversejs.fullscreen footer,
-  #conversejs.fullscreen header,
-  #conversejs.fullscreen hgroup,
-  #conversejs.fullscreen main,
-  #conversejs.fullscreen menu,
-  #conversejs.fullscreen nav,
-  #conversejs.fullscreen section,
-  #conversejs.fullscreen summary {
-    display: block; }
-  #conversejs.fullscreen audio,
-  #conversejs.fullscreen canvas,
-  #conversejs.fullscreen progress,
-  #conversejs.fullscreen video {
-    display: inline-block;
-    /* 1 */
-    vertical-align: baseline;
-    /* 2 */ }
-  #conversejs.fullscreen audio:not([controls]) {
-    display: none;
-    height: 0; }
-  #conversejs.fullscreen [hidden],
-  #conversejs.fullscreen template {
-    display: none; }
-  #conversejs.fullscreen a {
-    background-color: transparent; }
-  #conversejs.fullscreen a:active,
-  #conversejs.fullscreen a:hover {
-    outline: 0; }
-  #conversejs.fullscreen abbr[title] {
-    border-bottom: 1px dotted; }
-  #conversejs.fullscreen b,
-  #conversejs.fullscreen strong {
-    font-weight: bold; }
-  #conversejs.fullscreen dfn {
-    font-style: italic; }
-  #conversejs.fullscreen h1 {
-    font-size: 2em;
-    margin: 0.67em 0; }
-  #conversejs.fullscreen mark {
-    background: #ff0;
-    color: #000; }
-  #conversejs.fullscreen small {
-    font-size: 80%; }
-  #conversejs.fullscreen sub,
-  #conversejs.fullscreen sup {
-    font-size: 75%;
-    line-height: 0;
-    position: relative;
-    vertical-align: baseline; }
-  #conversejs.fullscreen sup {
-    top: -0.5em; }
-  #conversejs.fullscreen sub {
-    bottom: -0.25em; }
-  #conversejs.fullscreen img {
-    border: 0; }
-  #conversejs.fullscreen svg:not(:root) {
-    overflow: hidden; }
-  #conversejs.fullscreen figure {
-    margin: 1em 40px; }
-  #conversejs.fullscreen hr {
-    box-sizing: content-box;
-    height: 0; }
-  #conversejs.fullscreen pre {
-    overflow: auto; }
-  #conversejs.fullscreen code,
-  #conversejs.fullscreen kbd,
-  #conversejs.fullscreen pre,
-  #conversejs.fullscreen samp {
-    font-family: monospace, monospace;
-    font-size: 1em; }
-  #conversejs.fullscreen button,
-  #conversejs.fullscreen input,
-  #conversejs.fullscreen optgroup,
-  #conversejs.fullscreen select,
-  #conversejs.fullscreen textarea {
-    color: inherit;
-    /* 1 */
-    font: inherit;
-    /* 2 */
-    margin: 0;
-    /* 3 */ }
-  #conversejs.fullscreen button {
-    overflow: visible; }
-  #conversejs.fullscreen button,
-  #conversejs.fullscreen select {
-    text-transform: none; }
-  #conversejs.fullscreen button,
-  #conversejs.fullscreen html input[type="button"],
-  #conversejs.fullscreen input[type="reset"],
-  #conversejs.fullscreen input[type="submit"] {
-    -webkit-appearance: button;
-    /* 2 */
-    cursor: pointer;
-    /* 3 */ }
-  #conversejs.fullscreen button[disabled],
-  #conversejs.fullscreen html input[disabled] {
-    cursor: default; }
-  #conversejs.fullscreen button::-moz-focus-inner,
-  #conversejs.fullscreen input::-moz-focus-inner {
-    border: 0;
-    padding: 0; }
-  #conversejs.fullscreen input {
-    line-height: normal; }
-  #conversejs.fullscreen input[type="checkbox"],
-  #conversejs.fullscreen input[type="radio"] {
-    box-sizing: border-box;
-    /* 1 */
-    padding: 0;
-    /* 2 */ }
-  #conversejs.fullscreen input[type="number"]::-webkit-inner-spin-button,
-  #conversejs.fullscreen input[type="number"]::-webkit-outer-spin-button {
-    height: auto; }
-  #conversejs.fullscreen input[type="search"] {
-    -webkit-appearance: textfield;
-    /* 1 */
-    box-sizing: content-box;
-    /* 2 */ }
-  #conversejs.fullscreen input[type="search"]::-webkit-search-cancel-button,
-  #conversejs.fullscreen input[type="search"]::-webkit-search-decoration {
-    -webkit-appearance: none; }
-  #conversejs.fullscreen fieldset {
-    border: 1px solid #c0c0c0;
-    margin: 0 2px;
-    padding: 0.35em 0.625em 0.75em; }
-  #conversejs.fullscreen legend {
-    border: 0;
-    /* 1 */
-    padding: 0;
-    /* 2 */ }
-  #conversejs.fullscreen textarea {
-    overflow: auto; }
-  #conversejs.fullscreen optgroup {
-    font-weight: bold; }
-  #conversejs.fullscreen table {
-    border-collapse: collapse;
-    border-spacing: 0; }
-  #conversejs.fullscreen td,
-  #conversejs.fullscreen th {
-    padding: 0; }
-  #conversejs.fullscreen .hidden,
-  #conversejs.fullscreen [hidden] {
-    display: none !important; }
-  #conversejs.fullscreen .pure-img {
-    max-width: 100%;
-    height: auto;
-    display: block; }
-  #conversejs.fullscreen .pure-form input[type="text"],
-  #conversejs.fullscreen .pure-form input[type="password"],
-  #conversejs.fullscreen .pure-form input[type="email"],
-  #conversejs.fullscreen .pure-form input[type="url"],
-  #conversejs.fullscreen .pure-form input[type="date"],
-  #conversejs.fullscreen .pure-form input[type="month"],
-  #conversejs.fullscreen .pure-form input[type="time"],
-  #conversejs.fullscreen .pure-form input[type="datetime"],
-  #conversejs.fullscreen .pure-form input[type="datetime-local"],
-  #conversejs.fullscreen .pure-form input[type="week"],
-  #conversejs.fullscreen .pure-form input[type="number"],
-  #conversejs.fullscreen .pure-form input[type="search"],
-  #conversejs.fullscreen .pure-form input[type="tel"],
-  #conversejs.fullscreen .pure-form input[type="color"],
-  #conversejs.fullscreen .pure-form select,
-  #conversejs.fullscreen .pure-form textarea {
-    padding: 0.5em 0.6em;
-    display: inline-block;
-    border: 1px solid #ccc;
-    box-shadow: inset 0 1px 3px #ddd;
-    border-radius: 4px;
-    vertical-align: middle;
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box; }
-  #conversejs.fullscreen .pure-form input:not([type]) {
-    padding: 0.5em 0.6em;
-    display: inline-block;
-    border: 1px solid #ccc;
-    box-shadow: inset 0 1px 3px #ddd;
-    border-radius: 4px;
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box; }
-  #conversejs.fullscreen .pure-form input[type="color"] {
-    padding: 0.2em 0.5em; }
-  #conversejs.fullscreen .pure-form input[type="text"]:focus,
-  #conversejs.fullscreen .pure-form input[type="password"]:focus,
-  #conversejs.fullscreen .pure-form input[type="email"]:focus,
-  #conversejs.fullscreen .pure-form input[type="url"]:focus,
-  #conversejs.fullscreen .pure-form input[type="date"]:focus,
-  #conversejs.fullscreen .pure-form input[type="month"]:focus,
-  #conversejs.fullscreen .pure-form input[type="time"]:focus,
-  #conversejs.fullscreen .pure-form input[type="datetime"]:focus,
-  #conversejs.fullscreen .pure-form input[type="datetime-local"]:focus,
-  #conversejs.fullscreen .pure-form input[type="week"]:focus,
-  #conversejs.fullscreen .pure-form input[type="number"]:focus,
-  #conversejs.fullscreen .pure-form input[type="search"]:focus,
-  #conversejs.fullscreen .pure-form input[type="tel"]:focus,
-  #conversejs.fullscreen .pure-form input[type="color"]:focus,
-  #conversejs.fullscreen .pure-form select:focus,
-  #conversejs.fullscreen .pure-form textarea:focus {
-    outline: 0;
-    border-color: #1A9707; }
-  #conversejs.fullscreen .pure-form input:not([type]):focus {
-    outline: 0;
-    border-color: #1A9707; }
-  #conversejs.fullscreen .pure-form input[type="file"]:focus,
-  #conversejs.fullscreen .pure-form input[type="radio"]:focus,
-  #conversejs.fullscreen .pure-form input[type="checkbox"]:focus {
-    outline: thin solid #1A9707;
-    outline: 1px auto #1A9707; }
-  #conversejs.fullscreen .pure-form .pure-checkbox,
-  #conversejs.fullscreen .pure-form .pure-radio {
-    margin: 0.5em 0;
-    display: block; }
-  #conversejs.fullscreen .pure-form input[type="text"][disabled],
-  #conversejs.fullscreen .pure-form input[type="password"][disabled],
-  #conversejs.fullscreen .pure-form input[type="email"][disabled],
-  #conversejs.fullscreen .pure-form input[type="url"][disabled],
-  #conversejs.fullscreen .pure-form input[type="date"][disabled],
-  #conversejs.fullscreen .pure-form input[type="month"][disabled],
-  #conversejs.fullscreen .pure-form input[type="time"][disabled],
-  #conversejs.fullscreen .pure-form input[type="datetime"][disabled],
-  #conversejs.fullscreen .pure-form input[type="datetime-local"][disabled],
-  #conversejs.fullscreen .pure-form input[type="week"][disabled],
-  #conversejs.fullscreen .pure-form input[type="number"][disabled],
-  #conversejs.fullscreen .pure-form input[type="search"][disabled],
-  #conversejs.fullscreen .pure-form input[type="tel"][disabled],
-  #conversejs.fullscreen .pure-form input[type="color"][disabled],
-  #conversejs.fullscreen .pure-form select[disabled],
-  #conversejs.fullscreen .pure-form textarea[disabled] {
-    cursor: not-allowed;
-    background-color: #eaeded;
-    color: #cad2d3; }
-  #conversejs.fullscreen .pure-form input:not([type])[disabled] {
-    cursor: not-allowed;
-    background-color: #eaeded;
-    color: #cad2d3; }
-  #conversejs.fullscreen .pure-form input[readonly],
-  #conversejs.fullscreen .pure-form select[readonly],
-  #conversejs.fullscreen .pure-form textarea[readonly] {
-    background-color: #eee;
-    /* menu hover bg color */
-    color: #777;
-    /* menu text color */
-    border-color: #ccc; }
-  #conversejs.fullscreen .pure-form input:focus:invalid,
-  #conversejs.fullscreen .pure-form textarea:focus:invalid,
-  #conversejs.fullscreen .pure-form select:focus:invalid {
-    color: #b94a48;
-    border-color: #e9322d; }
-  #conversejs.fullscreen .pure-form input[type="file"]:focus:invalid:focus,
-  #conversejs.fullscreen .pure-form input[type="radio"]:focus:invalid:focus,
-  #conversejs.fullscreen .pure-form input[type="checkbox"]:focus:invalid:focus {
-    outline-color: #e9322d; }
-  #conversejs.fullscreen .pure-form select {
-    /* Normalizes the height; padding is not sufficient. */
-    height: 2.25em;
-    border: 1px solid #ccc;
-    background-color: white; }
-  #conversejs.fullscreen .pure-form select[multiple] {
-    height: auto; }
-  #conversejs.fullscreen .pure-form label {
-    margin: 0.5em 0 0.2em; }
-  #conversejs.fullscreen .pure-form fieldset {
-    margin: 0;
-    padding: 0.35em 0 0.35em;
-    border: 0; }
-  #conversejs.fullscreen .pure-form legend {
-    display: block;
-    width: 100%;
-    padding: 0.3em 0;
-    margin-bottom: 0.3em;
-    color: #333;
-    border-bottom: 1px solid #e5e5e5; }
-  #conversejs.fullscreen .pure-form-stacked input[type="text"],
-  #conversejs.fullscreen .pure-form-stacked input[type="password"],
-  #conversejs.fullscreen .pure-form-stacked input[type="email"],
-  #conversejs.fullscreen .pure-form-stacked input[type="url"],
-  #conversejs.fullscreen .pure-form-stacked input[type="date"],
-  #conversejs.fullscreen .pure-form-stacked input[type="month"],
-  #conversejs.fullscreen .pure-form-stacked input[type="time"],
-  #conversejs.fullscreen .pure-form-stacked input[type="datetime"],
-  #conversejs.fullscreen .pure-form-stacked input[type="datetime-local"],
-  #conversejs.fullscreen .pure-form-stacked input[type="week"],
-  #conversejs.fullscreen .pure-form-stacked input[type="number"],
-  #conversejs.fullscreen .pure-form-stacked input[type="search"],
-  #conversejs.fullscreen .pure-form-stacked input[type="tel"],
-  #conversejs.fullscreen .pure-form-stacked input[type="color"],
-  #conversejs.fullscreen .pure-form-stacked input[type="file"],
-  #conversejs.fullscreen .pure-form-stacked select,
-  #conversejs.fullscreen .pure-form-stacked label,
-  #conversejs.fullscreen .pure-form-stacked textarea {
-    display: block;
-    margin: 0.25em 0; }
-  #conversejs.fullscreen .pure-form-stacked input:not([type]) {
-    display: block;
-    margin: 0.25em 0; }
-  #conversejs.fullscreen .pure-form-aligned input,
-  #conversejs.fullscreen .pure-form-aligned textarea,
-  #conversejs.fullscreen .pure-form-aligned select,
-  #conversejs.fullscreen .pure-form-aligned .pure-help-inline,
-  #conversejs.fullscreen .pure-form-message-inline {
-    display: inline-block;
-    *display: inline;
-    *zoom: 1;
-    vertical-align: middle; }
-  #conversejs.fullscreen .pure-form-aligned textarea {
-    vertical-align: top; }
-  #conversejs.fullscreen .pure-form-aligned .pure-control-group {
-    margin-bottom: 0.5em; }
-  #conversejs.fullscreen .pure-form-aligned .pure-control-group label {
-    text-align: right;
-    display: inline-block;
-    vertical-align: middle;
-    width: 10em;
-    margin: 0 1em 0 0; }
-  #conversejs.fullscreen .pure-form-aligned .pure-controls {
-    margin: 1.5em 0 0 11em; }
-  #conversejs.fullscreen .pure-form input.pure-input-rounded,
-  #conversejs.fullscreen .pure-form .pure-input-rounded {
-    border-radius: 2em;
-    padding: 0.5em 1em; }
-  #conversejs.fullscreen .pure-form .pure-group fieldset {
-    margin-bottom: 10px; }
-  #conversejs.fullscreen .pure-form .pure-group input,
-  #conversejs.fullscreen .pure-form .pure-group textarea {
-    display: block;
-    padding: 10px;
-    margin: 0 0 -1px;
-    border-radius: 0;
-    position: relative;
-    top: -1px; }
-  #conversejs.fullscreen .pure-form .pure-group input:focus,
-  #conversejs.fullscreen .pure-form .pure-group textarea:focus {
-    z-index: 3; }
-  #conversejs.fullscreen .pure-form .pure-group input:first-child,
-  #conversejs.fullscreen .pure-form .pure-group textarea:first-child {
-    top: 1px;
-    border-radius: 4px 4px 0 0;
-    margin: 0; }
-  #conversejs.fullscreen .pure-form .pure-group input:first-child:last-child,
-  #conversejs.fullscreen .pure-form .pure-group textarea:first-child:last-child {
-    top: 1px;
-    border-radius: 4px;
-    margin: 0; }
-  #conversejs.fullscreen .pure-form .pure-group input:last-child,
-  #conversejs.fullscreen .pure-form .pure-group textarea:last-child {
-    top: -2px;
-    border-radius: 0 0 4px 4px;
-    margin: 0; }
-  #conversejs.fullscreen .pure-form .pure-group button {
-    margin: 0.35em 0; }
-  #conversejs.fullscreen .pure-form .pure-input-1 {
-    width: 100%; }
-  #conversejs.fullscreen .pure-form .pure-input-3-4 {
-    width: 75%; }
-  #conversejs.fullscreen .pure-form .pure-input-2-3 {
-    width: 66%; }
-  #conversejs.fullscreen .pure-form .pure-input-1-2 {
-    width: 50%; }
-  #conversejs.fullscreen .pure-form .pure-input-1-3 {
-    width: 33%; }
-  #conversejs.fullscreen .pure-form .pure-input-1-4 {
-    width: 25%; }
-  #conversejs.fullscreen .pure-form .pure-help-inline,
-  #conversejs.fullscreen .pure-form-message-inline {
-    display: inline-block;
-    padding-left: 0.3em;
-    color: #666;
-    vertical-align: middle;
-    font-size: 0.875em; }
-  #conversejs.fullscreen .pure-form-message {
-    display: block;
-    color: #666;
-    font-size: 0.875em; }
-  @media only screen and (max-width: 480px) {
-    #conversejs.fullscreen {
-      /* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */ }
-      #conversejs.fullscreen .pure-form button[type="submit"] {
-        margin: 0.7em 0 0; }
-      #conversejs.fullscreen .pure-form input:not([type]),
-      #conversejs.fullscreen .pure-form input[type="text"],
-      #conversejs.fullscreen .pure-form input[type="password"],
-      #conversejs.fullscreen .pure-form input[type="email"],
-      #conversejs.fullscreen .pure-form input[type="url"],
-      #conversejs.fullscreen .pure-form input[type="date"],
-      #conversejs.fullscreen .pure-form input[type="month"],
-      #conversejs.fullscreen .pure-form input[type="time"],
-      #conversejs.fullscreen .pure-form input[type="datetime"],
-      #conversejs.fullscreen .pure-form input[type="datetime-local"],
-      #conversejs.fullscreen .pure-form input[type="week"],
-      #conversejs.fullscreen .pure-form input[type="number"],
-      #conversejs.fullscreen .pure-form input[type="search"],
-      #conversejs.fullscreen .pure-form input[type="tel"],
-      #conversejs.fullscreen .pure-form input[type="color"],
-      #conversejs.fullscreen .pure-form label {
-        margin-bottom: 0.3em;
-        display: block; }
-      #conversejs.fullscreen .pure-group input:not([type]),
-      #conversejs.fullscreen .pure-group input[type="text"],
-      #conversejs.fullscreen .pure-group input[type="password"],
-      #conversejs.fullscreen .pure-group input[type="email"],
-      #conversejs.fullscreen .pure-group input[type="url"],
-      #conversejs.fullscreen .pure-group input[type="date"],
-      #conversejs.fullscreen .pure-group input[type="month"],
-      #conversejs.fullscreen .pure-group input[type="time"],
-      #conversejs.fullscreen .pure-group input[type="datetime"],
-      #conversejs.fullscreen .pure-group input[type="datetime-local"],
-      #conversejs.fullscreen .pure-group input[type="week"],
-      #conversejs.fullscreen .pure-group input[type="number"],
-      #conversejs.fullscreen .pure-group input[type="search"],
-      #conversejs.fullscreen .pure-group input[type="tel"],
-      #conversejs.fullscreen .pure-group input[type="color"] {
-        margin-bottom: 0; }
-      #conversejs.fullscreen .pure-form-aligned .pure-control-group label {
-        margin-bottom: 0.3em;
-        text-align: left;
-        display: block;
-        width: 100%; }
-      #conversejs.fullscreen .pure-form-aligned .pure-controls {
-        margin: 1.5em 0 0 0; }
-      #conversejs.fullscreen .pure-form .pure-help-inline,
-      #conversejs.fullscreen .pure-form-message-inline,
-      #conversejs.fullscreen .pure-form-message {
-        display: block;
-        font-size: 0.75em;
-        /* Increased bottom padding to make it group with its related input element. */
-        padding: 0.2em 0 0.8em; } }
-  #conversejs.fullscreen .pure-button {
-    /* Structure */
-    display: inline-block;
-    zoom: 1;
-    line-height: normal;
-    white-space: nowrap;
-    vertical-align: middle;
-    text-align: center;
-    cursor: pointer;
-    -webkit-user-drag: none;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box; }
-  #conversejs.fullscreen .pure-button::-moz-focus-inner {
-    padding: 0;
-    border: 0; }
-  #conversejs.fullscreen .pure-button {
-    font-family: inherit;
-    font-size: 100%;
-    padding: 0.5em 1em;
-    color: #444;
-    /* rgba not supported (IE 8) */
-    color: rgba(0, 0, 0, 0.6);
-    /* rgba supported */
-    border: 1px solid #999;
-    /*IE 6/7/8*/
-    border: none transparent;
-    /*IE9 + everything else*/
-    background-color: #E6E6E6;
-    text-decoration: none;
-    border-radius: 2px; }
-  #conversejs.fullscreen .pure-button-hover,
-  #conversejs.fullscreen .pure-button:hover,
-  #conversejs.fullscreen .pure-button:focus {
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000',GradientType=0);
-    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.1)));
-    background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));
-    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.1));
-    background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));
-    background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1)); }
-  #conversejs.fullscreen .pure-button:focus {
-    outline: 0; }
-  #conversejs.fullscreen .pure-button-active,
-  #conversejs.fullscreen .pure-button:active {
-    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 0 6px rgba(0, 0, 0, 0.2) inset;
-    border-color: #000 \9; }
-  #conversejs.fullscreen .pure-button[disabled],
-  #conversejs.fullscreen .pure-button-disabled,
-  #conversejs.fullscreen .pure-button-disabled:hover,
-  #conversejs.fullscreen .pure-button-disabled:focus,
-  #conversejs.fullscreen .pure-button-disabled:active {
-    border: none;
-    background-image: none;
-    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
-    filter: alpha(opacity=40);
-    -khtml-opacity: 0.40;
-    -moz-opacity: 0.40;
-    opacity: 0.40;
-    cursor: not-allowed;
-    box-shadow: none; }
-  #conversejs.fullscreen .pure-button-hidden {
-    display: none; }
-  #conversejs.fullscreen .pure-button::-moz-focus-inner {
-    padding: 0;
-    border: 0; }
-  #conversejs.fullscreen .pure-button-primary,
-  #conversejs.fullscreen .pure-button-selected,
-  #conversejs.fullscreen a.pure-button-primary,
-  #conversejs.fullscreen a.pure-button-selected {
-    background-color: #0078e7;
-    color: #fff; }
-  #conversejs.fullscreen *, #conversejs.fullscreen *:before, #conversejs.fullscreen *:after {
+  #conversejs *, #conversejs *:before, #conversejs *:after {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box; }
   @media screen and (max-width: 480px) {
-    #conversejs.fullscreen {
+    #conversejs {
       margin: 0;
       right: 10px;
       left: 10px;
       bottom: 5px; } }
   @media screen and (max-height: 450px) {
-    #conversejs.fullscreen {
+    #conversejs {
       margin: 0;
       right: 10px;
       left: 10px;
       bottom: 5px; } }
-  #conversejs.fullscreen ul li {
+  #conversejs ul li {
     height: auto; }
-  #conversejs.fullscreen div, #conversejs.fullscreen span, #conversejs.fullscreen h1, #conversejs.fullscreen h2, #conversejs.fullscreen h3, #conversejs.fullscreen h4, #conversejs.fullscreen h5, #conversejs.fullscreen h6, #conversejs.fullscreen p, #conversejs.fullscreen blockquote,
-  #conversejs.fullscreen pre, #conversejs.fullscreen a, #conversejs.fullscreen em, #conversejs.fullscreen img, #conversejs.fullscreen strong, #conversejs.fullscreen dl, #conversejs.fullscreen dt, #conversejs.fullscreen dd, #conversejs.fullscreen ol, #conversejs.fullscreen ul, #conversejs.fullscreen li,
-  #conversejs.fullscreen fieldset, #conversejs.fullscreen form, #conversejs.fullscreen label, #conversejs.fullscreen legend, #conversejs.fullscreen table, #conversejs.fullscreen caption, #conversejs.fullscreen tbody,
-  #conversejs.fullscreen tfoot, #conversejs.fullscreen thead, #conversejs.fullscreen tr, #conversejs.fullscreen th, #conversejs.fullscreen td, #conversejs.fullscreen article, #conversejs.fullscreen aside, #conversejs.fullscreen canvas, #conversejs.fullscreen details,
-  #conversejs.fullscreen embed, #conversejs.fullscreen figure, #conversejs.fullscreen figcaption, #conversejs.fullscreen footer, #conversejs.fullscreen header, #conversejs.fullscreen hgroup, #conversejs.fullscreen menu,
-  #conversejs.fullscreen nav, #conversejs.fullscreen output, #conversejs.fullscreen ruby, #conversejs.fullscreen section, #conversejs.fullscreen summary, #conversejs.fullscreen time, #conversejs.fullscreen mark, #conversejs.fullscreen audio, #conversejs.fullscreen video {
+  #conversejs div, #conversejs span, #conversejs h1, #conversejs h2, #conversejs h3, #conversejs h4, #conversejs h5, #conversejs h6, #conversejs p, #conversejs blockquote,
+  #conversejs pre, #conversejs a, #conversejs em, #conversejs img, #conversejs strong, #conversejs dl, #conversejs dt, #conversejs dd, #conversejs ol, #conversejs ul, #conversejs li,
+  #conversejs fieldset, #conversejs form, #conversejs label, #conversejs legend, #conversejs table, #conversejs caption, #conversejs tbody,
+  #conversejs tfoot, #conversejs thead, #conversejs tr, #conversejs th, #conversejs td, #conversejs article, #conversejs aside, #conversejs canvas, #conversejs details,
+  #conversejs embed, #conversejs figure, #conversejs figcaption, #conversejs footer, #conversejs header, #conversejs hgroup, #conversejs menu,
+  #conversejs nav, #conversejs output, #conversejs ruby, #conversejs section, #conversejs summary, #conversejs time, #conversejs mark, #conversejs audio, #conversejs video {
     margin: 0;
     padding: 0;
     border: 0;
     font: inherit;
     vertical-align: baseline; }
-  #conversejs.fullscreen textarea,
-  #conversejs.fullscreen input[type=submit], #conversejs.fullscreen input[type=button],
-  #conversejs.fullscreen input[type=text], #conversejs.fullscreen input[type=password],
-  #conversejs.fullscreen button {
+  #conversejs textarea,
+  #conversejs input[type=submit], #conversejs input[type=button],
+  #conversejs input[type=text], #conversejs input[type=password],
+  #conversejs button {
     font-size: 16px;
     padding: 0.25em;
     min-height: 0; }
-  #conversejs.fullscreen strong {
+  #conversejs strong {
     font-weight: 700; }
-  #conversejs.fullscreen ol, #conversejs.fullscreen ul {
+  #conversejs ol, #conversejs ul {
     list-style: none; }
-  #conversejs.fullscreen li {
+  #conversejs li {
     height: 10px; }
-  #conversejs.fullscreen ul, #conversejs.fullscreen ol, #conversejs.fullscreen dl {
+  #conversejs ul, #conversejs ol, #conversejs dl {
     font: inherit;
     margin: 0; }
-  #conversejs.fullscreen a, #conversejs.fullscreen a:visited {
+  #conversejs a, #conversejs a:visited {
     text-decoration: none;
     color: #578EA9;
     text-shadow: none; }

sass/_normalize.scss

@@ -1,8 +1,4 @@
 #conversejs {
-    @import "pure/base";
-    @import "pure/forms";
-    @import "pure/buttons";
-
     @include box-sizing(border-box);
     *, *:before, *:after {
         @include box-sizing(border-box);

sass/inverse/_normalize.scss

@@ -1,69 +0,0 @@
-#conversejs.fullscreen {
-    @import "../pure/base";
-    @import "../pure/forms";
-    @import "../pure/buttons";
-
-    @include box-sizing(border-box);
-    *, *:before, *:after {
-        @include box-sizing(border-box);
-    }
-
-    @media screen and (max-width: $mobile-portrait-length) {
-        margin: 0;
-        right: 10px;
-        left: 10px;
-        bottom: 5px;
-    }
-    @media screen and (max-height: $mobile-landscape-height) {
-        margin: 0;
-        right: 10px;
-        left: 10px;
-        bottom: 5px;
-    }
-
-    ul li { height: auto; }
-    div, span, h1, h2, h3, h4, h5, h6, p, blockquote,
-    pre, a, em, img, strong, dl, dt, dd, ol, ul, li,
-    fieldset, form, label, legend, table, caption, tbody,
-    tfoot, thead, tr, th, td, article, aside, canvas, details,
-    embed, figure, figcaption, footer, header, hgroup, menu,
-    nav, output, ruby, section, summary, time, mark, audio, video {
-        margin: 0;
-        padding: 0;
-        border: 0;
-        font: inherit;
-        vertical-align: baseline;
-    }
-
-    textarea,
-    input[type=submit], input[type=button],
-    input[type=text], input[type=password],
-    button {
-        font-size: $font-size;
-        padding: 0.25em;
-        min-height: 0;
-    }
-
-    strong {
-        font-weight: 700;
-    }
-
-    ol, ul {
-        list-style: none;
-    }
-
-    li {
-        height: 10px;
-    }
-
-    ul, ol, dl {
-        font: inherit;
-        margin: 0;
-    }
-
-    a, a:visited {
-        text-decoration: none;
-        color: $link-color;
-        text-shadow: none;
-    }
-}

sass/inverse/inverse.scss

@@ -9,7 +9,7 @@
 @import "bourbon";
 @import "variables";
 @import "../fonts";
-@import "normalize";
+@import "../normalize";
 @import "../core";
 @import "core";
 @import "../chatbox";

sass/pure/_base.scss

@@ -1,463 +0,0 @@
-/*!
-Pure v0.6.1-pre
-Copyright 2014 Yahoo! Inc. All rights reserved.
-Licensed under the BSD License.
-https://github.com/yahoo/pure/blob/master/LICENSE.md
-*/
-/*!
-normalize.css v^3.0 | MIT License | git.io/normalize
-Copyright (c) Nicolas Gallagher and Jonathan Neal
-*/
-/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
-
-/**
- * 1. Set default font family to sans-serif.
- * 2. Prevent iOS and IE text size adjust after device orientation change,
- *    without disabling user zoom.
- */
-
-html {
-  font-family: sans-serif; /* 1 */
-  -ms-text-size-adjust: 100%; /* 2 */
-  -webkit-text-size-adjust: 100%; /* 2 */
-}
-
-/**
- * Remove default margin.
- */
-
-body {
-  margin: 0;
-}
-
-/* HTML5 display definitions
-   ========================================================================== */
-
-/**
- * Correct `block` display not defined for any HTML5 element in IE 8/9.
- * Correct `block` display not defined for `details` or `summary` in IE 10/11
- * and Firefox.
- * Correct `block` display not defined for `main` in IE 11.
- */
-
-article,
-aside,
-details,
-figcaption,
-figure,
-footer,
-header,
-hgroup,
-main,
-menu,
-nav,
-section,
-summary {
-  display: block;
-}
-
-/**
- * 1. Correct `inline-block` display not defined in IE 8/9.
- * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
- */
-
-audio,
-canvas,
-progress,
-video {
-  display: inline-block; /* 1 */
-  vertical-align: baseline; /* 2 */
-}
-
-/**
- * Prevent modern browsers from displaying `audio` without controls.
- * Remove excess height in iOS 5 devices.
- */
-
-audio:not([controls]) {
-  display: none;
-  height: 0;
-}
-
-/**
- * Address `[hidden]` styling not present in IE 8/9/10.
- * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
- */
-
-[hidden],
-template {
-  display: none;
-}
-
-/* Links
-   ========================================================================== */
-
-/**
- * Remove the gray background color from active links in IE 10.
- */
-
-a {
-  background-color: transparent;
-}
-
-/**
- * Improve readability of focused elements when they are also in an
- * active/hover state.
- */
-
-a:active,
-a:hover {
-  outline: 0;
-}
-
-/* Text-level semantics
-   ========================================================================== */
-
-/**
- * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
- */
-
-abbr[title] {
-  border-bottom: 1px dotted;
-}
-
-/**
- * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
- */
-
-b,
-strong {
-  font-weight: bold;
-}
-
-/**
- * Address styling not present in Safari and Chrome.
- */
-
-dfn {
-  font-style: italic;
-}
-
-/**
- * Address variable `h1` font-size and margin within `section` and `article`
- * contexts in Firefox 4+, Safari, and Chrome.
- */
-
-h1 {
-  font-size: 2em;
-  margin: 0.67em 0;
-}
-
-/**
- * Address styling not present in IE 8/9.
- */
-
-mark {
-  background: #ff0;
-  color: #000;
-}
-
-/**
- * Address inconsistent and variable font size in all browsers.
- */
-
-small {
-  font-size: 80%;
-}
-
-/**
- * Prevent `sub` and `sup` affecting `line-height` in all browsers.
- */
-
-sub,
-sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
-}
-
-sup {
-  top: -0.5em;
-}
-
-sub {
-  bottom: -0.25em;
-}
-
-/* Embedded content
-   ========================================================================== */
-
-/**
- * Remove border when inside `a` element in IE 8/9/10.
- */
-
-img {
-  border: 0;
-}
-
-/**
- * Correct overflow not hidden in IE 9/10/11.
- */
-
-svg:not(:root) {
-  overflow: hidden;
-}
-
-/* Grouping content
-   ========================================================================== */
-
-/**
- * Address margin not present in IE 8/9 and Safari.
- */
-
-figure {
-  margin: 1em 40px;
-}
-
-/**
- * Address differences between Firefox and other browsers.
- */
-
-hr {
-  box-sizing: content-box;
-  height: 0;
-}
-
-/**
- * Contain overflow in all browsers.
- */
-
-pre {
-  overflow: auto;
-}
-
-/**
- * Address odd `em`-unit font size rendering in all browsers.
- */
-
-code,
-kbd,
-pre,
-samp {
-  font-family: monospace, monospace;
-  font-size: 1em;
-}
-
-/* Forms
-   ========================================================================== */
-
-/**
- * Known limitation: by default, Chrome and Safari on OS X allow very limited
- * styling of `select`, unless a `border` property is set.
- */
-
-/**
- * 1. Correct color not being inherited.
- *    Known issue: affects color of disabled elements.
- * 2. Correct font properties not being inherited.
- * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
- */
-
-button,
-input,
-optgroup,
-select,
-textarea {
-  color: inherit; /* 1 */
-  font: inherit; /* 2 */
-  margin: 0; /* 3 */
-}
-
-/**
- * Address `overflow` set to `hidden` in IE 8/9/10/11.
- */
-
-button {
-  overflow: visible;
-}
-
-/**
- * Address inconsistent `text-transform` inheritance for `button` and `select`.
- * All other form control elements do not inherit `text-transform` values.
- * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
- * Correct `select` style inheritance in Firefox.
- */
-
-button,
-select {
-  text-transform: none;
-}
-
-/**
- * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
- *    and `video` controls.
- * 2. Correct inability to style clickable `input` types in iOS.
- * 3. Improve usability and consistency of cursor style between image-type
- *    `input` and others.
- */
-
-button,
-html input[type="button"], /* 1 */
-input[type="reset"],
-input[type="submit"] {
-  -webkit-appearance: button; /* 2 */
-  cursor: pointer; /* 3 */
-}
-
-/**
- * Re-set default cursor for disabled elements.
- */
-
-button[disabled],
-html input[disabled] {
-  cursor: default;
-}
-
-/**
- * Remove inner padding and border in Firefox 4+.
- */
-
-button::-moz-focus-inner,
-input::-moz-focus-inner {
-  border: 0;
-  padding: 0;
-}
-
-/**
- * Address Firefox 4+ setting `line-height` on `input` using `!important` in
- * the UA stylesheet.
- */
-
-input {
-  line-height: normal;
-}
-
-/**
- * It's recommended that you don't attempt to style these elements.
- * Firefox's implementation doesn't respect box-sizing, padding, or width.
- *
- * 1. Address box sizing set to `content-box` in IE 8/9/10.
- * 2. Remove excess padding in IE 8/9/10.
- */
-
-input[type="checkbox"],
-input[type="radio"] {
-  box-sizing: border-box; /* 1 */
-  padding: 0; /* 2 */
-}
-
-/**
- * Fix the cursor style for Chrome's increment/decrement buttons. For certain
- * `font-size` values of the `input`, it causes the cursor style of the
- * decrement button to change from `default` to `text`.
- */
-
-input[type="number"]::-webkit-inner-spin-button,
-input[type="number"]::-webkit-outer-spin-button {
-  height: auto;
-}
-
-/**
- * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
- * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
- */
-
-input[type="search"] {
-  -webkit-appearance: textfield; /* 1 */
-  box-sizing: content-box; /* 2 */
-}
-
-/**
- * Remove inner padding and search cancel button in Safari and Chrome on OS X.
- * Safari (but not Chrome) clips the cancel button when the search input has
- * padding (and `textfield` appearance).
- */
-
-input[type="search"]::-webkit-search-cancel-button,
-input[type="search"]::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-
-/**
- * Define consistent border, margin, and padding.
- */
-
-fieldset {
-  border: 1px solid #c0c0c0;
-  margin: 0 2px;
-  padding: 0.35em 0.625em 0.75em;
-}
-
-/**
- * 1. Correct `color` not being inherited in IE 8/9/10/11.
- * 2. Remove padding so people aren't caught out if they zero out fieldsets.
- */
-
-legend {
-  border: 0; /* 1 */
-  padding: 0; /* 2 */
-}
-
-/**
- * Remove default vertical scrollbar in IE 8/9/10/11.
- */
-
-textarea {
-  overflow: auto;
-}
-
-/**
- * Don't inherit the `font-weight` (applied by a rule above).
- * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
- */
-
-optgroup {
-  font-weight: bold;
-}
-
-/* Tables
-   ========================================================================== */
-
-/**
- * Remove most spacing between table cells.
- */
-
-table {
-  border-collapse: collapse;
-  border-spacing: 0;
-}
-
-td,
-th {
-  padding: 0;
-}
-
-/*csslint important:false*/
-
-/* ==========================================================================
-   Pure Base Extras
-   ========================================================================== */
-
-/**
- * Extra rules that Pure adds on top of Normalize.css
- */
-
-/**
- * Always hide an element when it has the `hidden` HTML attribute.
- */
-
-.hidden,
-[hidden] {
-    display: none !important;
-}
-
-/**
- * Add this class to an image to make it fit within it's fluid parent wrapper while maintaining
- * aspect ratio.
- */
-.pure-img {
-    max-width: 100%;
-    height: auto;
-    display: block;
-}

sass/pure/_buttons.scss

@@ -1,98 +0,0 @@
-/*!
-Pure v0.6.1-pre
-Copyright 2014 Yahoo! Inc. All rights reserved.
-Licensed under the BSD License.
-https://github.com/yahoo/pure/blob/master/LICENSE.md
-*/
-.pure-button {
-    /* Structure */
-    display: inline-block;
-    zoom: 1;
-    line-height: normal;
-    white-space: nowrap;
-    vertical-align: middle;
-    text-align: center;
-    cursor: pointer;
-    -webkit-user-drag: none;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
-}
-
-/* Firefox: Get rid of the inner focus border */
-.pure-button::-moz-focus-inner {
-    padding: 0;
-    border: 0;
-}
-
-/*csslint outline-none:false*/
-
-.pure-button {
-    font-family: inherit;
-    font-size: 100%;
-    padding: 0.5em 1em;
-    color: #444; /* rgba not supported (IE 8) */
-    color: rgba(0, 0, 0, 0.60); /* rgba supported */
-    border: 1px solid #999;  /*IE 6/7/8*/
-    border: none rgba(0, 0, 0, 0);  /*IE9 + everything else*/
-    background-color: #E6E6E6;
-    text-decoration: none;
-    border-radius: 2px;
-}
-
-.pure-button-hover,
-.pure-button:hover,
-.pure-button:focus {
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000',GradientType=0);
-    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0,0,0, 0.05)), to(rgba(0,0,0, 0.10)));
-    background-image: -webkit-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
-    background-image: -moz-linear-gradient(top, rgba(0,0,0, 0.05) 0%, rgba(0,0,0, 0.10));
-    background-image: -o-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
-    background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
-}
-.pure-button:focus {
-    outline: 0;
-}
-.pure-button-active,
-.pure-button:active {
-    box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 0 6px rgba(0,0,0, 0.20) inset;
-    border-color: #000\9;
-}
-
-.pure-button[disabled],
-.pure-button-disabled,
-.pure-button-disabled:hover,
-.pure-button-disabled:focus,
-.pure-button-disabled:active {
-    border: none;
-    background-image: none;
-    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
-    filter: alpha(opacity=40);
-    -khtml-opacity: 0.40;
-    -moz-opacity: 0.40;
-    opacity: 0.40;
-    cursor: not-allowed;
-    box-shadow: none;
-}
-
-.pure-button-hidden {
-    display: none;
-}
-
-/* Firefox: Get rid of the inner focus border */
-.pure-button::-moz-focus-inner{
-    padding: 0;
-    border: 0;
-}
-
-.pure-button-primary,
-.pure-button-selected,
-a.pure-button-primary,
-a.pure-button-selected {
-    background-color: rgb(0, 120, 231);
-    color: #fff;
-}

sass/pure/_forms.scss

@@ -1,387 +0,0 @@
-/*!
-Pure v0.6.1-pre
-Copyright 2014 Yahoo! Inc. All rights reserved.
-Licensed under the BSD License.
-https://github.com/yahoo/pure/blob/master/LICENSE.md
-*/
-/*csslint box-model:false*/
-/*
-Box-model set to false because we're setting a height on select elements, which
-also have border and padding. This is done because some browsers don't render
-the padding. We explicitly set the box-model for select elements to border-box,
-so we can ignore the csslint warning.
-*/
-
-.pure-form input[type="text"],
-.pure-form input[type="password"],
-.pure-form input[type="email"],
-.pure-form input[type="url"],
-.pure-form input[type="date"],
-.pure-form input[type="month"],
-.pure-form input[type="time"],
-.pure-form input[type="datetime"],
-.pure-form input[type="datetime-local"],
-.pure-form input[type="week"],
-.pure-form input[type="number"],
-.pure-form input[type="search"],
-.pure-form input[type="tel"],
-.pure-form input[type="color"],
-.pure-form select,
-.pure-form textarea {
-    padding: 0.5em 0.6em;
-    display: inline-block;
-    border: 1px solid #ccc;
-    box-shadow: inset 0 1px 3px #ddd;
-    border-radius: 4px;
-    vertical-align: middle;
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
-}
-
-/*
-Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
-since IE8 won't execute CSS that contains a CSS3 selector.
-*/
-.pure-form input:not([type]) {
-    padding: 0.5em 0.6em;
-    display: inline-block;
-    border: 1px solid #ccc;
-    box-shadow: inset 0 1px 3px #ddd;
-    border-radius: 4px;
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
-}
-
-
-/* Chrome (as of v.32/34 on OS X) needs additional room for color to display. */
-/* May be able to remove this tweak as color inputs become more standardized across browsers. */
-.pure-form input[type="color"] {
-    padding: 0.2em 0.5em;
-}
-
-
-.pure-form input[type="text"]:focus,
-.pure-form input[type="password"]:focus,
-.pure-form input[type="email"]:focus,
-.pure-form input[type="url"]:focus,
-.pure-form input[type="date"]:focus,
-.pure-form input[type="month"]:focus,
-.pure-form input[type="time"]:focus,
-.pure-form input[type="datetime"]:focus,
-.pure-form input[type="datetime-local"]:focus,
-.pure-form input[type="week"]:focus,
-.pure-form input[type="number"]:focus,
-.pure-form input[type="search"]:focus,
-.pure-form input[type="tel"]:focus,
-.pure-form input[type="color"]:focus,
-.pure-form select:focus,
-.pure-form textarea:focus {
-    outline: 0;
-    border-color: $input-focus-color;
-}
-
-/*
-Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
-since IE8 won't execute CSS that contains a CSS3 selector.
-*/
-.pure-form input:not([type]):focus {
-    outline: 0;
-    border-color: $input-focus-color;
-}
-
-.pure-form input[type="file"]:focus,
-.pure-form input[type="radio"]:focus,
-.pure-form input[type="checkbox"]:focus {
-    outline: thin solid $input-focus-color;
-    outline: 1px auto $input-focus-color;
-}
-.pure-form .pure-checkbox,
-.pure-form .pure-radio {
-    margin: 0.5em 0;
-    display: block;
-}
-
-.pure-form input[type="text"][disabled],
-.pure-form input[type="password"][disabled],
-.pure-form input[type="email"][disabled],
-.pure-form input[type="url"][disabled],
-.pure-form input[type="date"][disabled],
-.pure-form input[type="month"][disabled],
-.pure-form input[type="time"][disabled],
-.pure-form input[type="datetime"][disabled],
-.pure-form input[type="datetime-local"][disabled],
-.pure-form input[type="week"][disabled],
-.pure-form input[type="number"][disabled],
-.pure-form input[type="search"][disabled],
-.pure-form input[type="tel"][disabled],
-.pure-form input[type="color"][disabled],
-.pure-form select[disabled],
-.pure-form textarea[disabled] {
-    cursor: not-allowed;
-    background-color: #eaeded;
-    color: #cad2d3;
-}
-
-/*
-Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
-since IE8 won't execute CSS that contains a CSS3 selector.
-*/
-.pure-form input:not([type])[disabled] {
-    cursor: not-allowed;
-    background-color: #eaeded;
-    color: #cad2d3;
-}
-.pure-form input[readonly],
-.pure-form select[readonly],
-.pure-form textarea[readonly] {
-    background-color: #eee; /* menu hover bg color */
-    color: #777; /* menu text color */
-    border-color: #ccc;
-}
-
-.pure-form input:focus:invalid,
-.pure-form textarea:focus:invalid,
-.pure-form select:focus:invalid {
-    color: #b94a48;
-    border-color: #e9322d;
-}
-.pure-form input[type="file"]:focus:invalid:focus,
-.pure-form input[type="radio"]:focus:invalid:focus,
-.pure-form input[type="checkbox"]:focus:invalid:focus {
-    outline-color: #e9322d;
-}
-.pure-form select {
-    /* Normalizes the height; padding is not sufficient. */
-    height: 2.25em;
-    border: 1px solid #ccc;
-    background-color: white;
-}
-.pure-form select[multiple] {
-    height: auto;
-}
-.pure-form label {
-    margin: 0.5em 0 0.2em;
-}
-.pure-form fieldset {
-    margin: 0;
-    padding: 0.35em 0 0.35em;
-    border: 0;
-}
-.pure-form legend {
-    display: block;
-    width: 100%;
-    padding: 0.3em 0;
-    margin-bottom: 0.3em;
-    color: #333;
-    border-bottom: 1px solid #e5e5e5;
-}
-
-.pure-form-stacked input[type="text"],
-.pure-form-stacked input[type="password"],
-.pure-form-stacked input[type="email"],
-.pure-form-stacked input[type="url"],
-.pure-form-stacked input[type="date"],
-.pure-form-stacked input[type="month"],
-.pure-form-stacked input[type="time"],
-.pure-form-stacked input[type="datetime"],
-.pure-form-stacked input[type="datetime-local"],
-.pure-form-stacked input[type="week"],
-.pure-form-stacked input[type="number"],
-.pure-form-stacked input[type="search"],
-.pure-form-stacked input[type="tel"],
-.pure-form-stacked input[type="color"],
-.pure-form-stacked input[type="file"],
-.pure-form-stacked select,
-.pure-form-stacked label,
-.pure-form-stacked textarea {
-    display: block;
-    margin: 0.25em 0;
-}
-
-/*
-Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
-since IE8 won't execute CSS that contains a CSS3 selector.
-*/
-.pure-form-stacked input:not([type]) {
-    display: block;
-    margin: 0.25em 0;
-}
-.pure-form-aligned input,
-.pure-form-aligned textarea,
-.pure-form-aligned select,
-/* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */
-.pure-form-aligned .pure-help-inline,
-.pure-form-message-inline {
-    display: inline-block;
-    *display: inline;
-    *zoom: 1;
-    vertical-align: middle;
-}
-.pure-form-aligned textarea {
-    vertical-align: top;
-}
-
-/* Aligned Forms */
-.pure-form-aligned .pure-control-group {
-    margin-bottom: 0.5em;
-}
-.pure-form-aligned .pure-control-group label {
-    text-align: right;
-    display: inline-block;
-    vertical-align: middle;
-    width: 10em;
-    margin: 0 1em 0 0;
-}
-.pure-form-aligned .pure-controls {
-    margin: 1.5em 0 0 11em;
-}
-
-/* Rounded Inputs */
-.pure-form input.pure-input-rounded,
-.pure-form .pure-input-rounded {
-    border-radius: 2em;
-    padding: 0.5em 1em;
-}
-
-/* Grouped Inputs */
-.pure-form .pure-group fieldset {
-    margin-bottom: 10px;
-}
-.pure-form .pure-group input,
-.pure-form .pure-group textarea {
-    display: block;
-    padding: 10px;
-    margin: 0 0 -1px;
-    border-radius: 0;
-    position: relative;
-    top: -1px;
-}
-.pure-form .pure-group input:focus,
-.pure-form .pure-group textarea:focus {
-    z-index: 3;
-}
-.pure-form .pure-group input:first-child,
-.pure-form .pure-group textarea:first-child {
-    top: 1px;
-    border-radius: 4px 4px 0 0;
-    margin: 0;
-}
-.pure-form .pure-group input:first-child:last-child,
-.pure-form .pure-group textarea:first-child:last-child {
-    top: 1px;
-    border-radius: 4px;
-    margin: 0;
-}
-.pure-form .pure-group input:last-child,
-.pure-form .pure-group textarea:last-child {
-    top: -2px;
-    border-radius: 0 0 4px 4px;
-    margin: 0;
-}
-.pure-form .pure-group button {
-    margin: 0.35em 0;
-}
-
-.pure-form .pure-input-1 {
-    width: 100%;
-}
-.pure-form .pure-input-3-4 {
-    width: 75%;
-}
-.pure-form .pure-input-2-3 {
-    width: 66%;
-}
-.pure-form .pure-input-1-2 {
-    width: 50%;
-}
-.pure-form .pure-input-1-3 {
-    width: 33%;
-}
-.pure-form .pure-input-1-4 {
-    width: 25%;
-}
-
-/* Inline help for forms */
-/* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */
-.pure-form .pure-help-inline,
-.pure-form-message-inline {
-    display: inline-block;
-    padding-left: 0.3em;
-    color: #666;
-    vertical-align: middle;
-    font-size: 0.875em;
-}
-
-/* Block help for forms */
-.pure-form-message {
-    display: block;
-    color: #666;
-    font-size: 0.875em;
-}
-
-@media only screen and (max-width : 480px) {
-    .pure-form button[type="submit"] {
-        margin: 0.7em 0 0;
-    }
-
-    .pure-form input:not([type]),
-    .pure-form input[type="text"],
-    .pure-form input[type="password"],
-    .pure-form input[type="email"],
-    .pure-form input[type="url"],
-    .pure-form input[type="date"],
-    .pure-form input[type="month"],
-    .pure-form input[type="time"],
-    .pure-form input[type="datetime"],
-    .pure-form input[type="datetime-local"],
-    .pure-form input[type="week"],
-    .pure-form input[type="number"],
-    .pure-form input[type="search"],
-    .pure-form input[type="tel"],
-    .pure-form input[type="color"],
-    .pure-form label {
-        margin-bottom: 0.3em;
-        display: block;
-    }
-
-    .pure-group input:not([type]),
-    .pure-group input[type="text"],
-    .pure-group input[type="password"],
-    .pure-group input[type="email"],
-    .pure-group input[type="url"],
-    .pure-group input[type="date"],
-    .pure-group input[type="month"],
-    .pure-group input[type="time"],
-    .pure-group input[type="datetime"],
-    .pure-group input[type="datetime-local"],
-    .pure-group input[type="week"],
-    .pure-group input[type="number"],
-    .pure-group input[type="search"],
-    .pure-group input[type="tel"],
-    .pure-group input[type="color"] {
-        margin-bottom: 0;
-    }
-
-    .pure-form-aligned .pure-control-group label {
-        margin-bottom: 0.3em;
-        text-align: left;
-        display: block;
-        width: 100%;
-    }
-
-    .pure-form-aligned .pure-controls {
-        margin: 1.5em 0 0 0;
-    }
-
-    /* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */
-    .pure-form .pure-help-inline,
-    .pure-form-message-inline,
-    .pure-form-message {
-        display: block;
-        font-size: 0.75em;
-        /* Increased bottom padding to make it group with its related input element. */
-        padding: 0.2em 0 0.8em;
-    }
-}

sass/pure/_grids.scss

@@ -1,861 +0,0 @@
-/*!
-Pure v0.6.1-pre
-Copyright 2014 Yahoo! Inc. All rights reserved.
-Licensed under the BSD License.
-https://github.com/yahoo/pure/blob/master/LICENSE.md
-*/
-@media screen and (min-width: 35.5em) {
-    .pure-u-sm-1,
-    .pure-u-sm-1-1,
-    .pure-u-sm-1-2,
-    .pure-u-sm-1-3,
-    .pure-u-sm-2-3,
-    .pure-u-sm-1-4,
-    .pure-u-sm-3-4,
-    .pure-u-sm-1-5,
-    .pure-u-sm-2-5,
-    .pure-u-sm-3-5,
-    .pure-u-sm-4-5,
-    .pure-u-sm-5-5,
-    .pure-u-sm-1-6,
-    .pure-u-sm-5-6,
-    .pure-u-sm-1-8,
-    .pure-u-sm-3-8,
-    .pure-u-sm-5-8,
-    .pure-u-sm-7-8,
-    .pure-u-sm-1-12,
-    .pure-u-sm-5-12,
-    .pure-u-sm-7-12,
-    .pure-u-sm-11-12,
-    .pure-u-sm-1-24,
-    .pure-u-sm-2-24,
-    .pure-u-sm-3-24,
-    .pure-u-sm-4-24,
-    .pure-u-sm-5-24,
-    .pure-u-sm-6-24,
-    .pure-u-sm-7-24,
-    .pure-u-sm-8-24,
-    .pure-u-sm-9-24,
-    .pure-u-sm-10-24,
-    .pure-u-sm-11-24,
-    .pure-u-sm-12-24,
-    .pure-u-sm-13-24,
-    .pure-u-sm-14-24,
-    .pure-u-sm-15-24,
-    .pure-u-sm-16-24,
-    .pure-u-sm-17-24,
-    .pure-u-sm-18-24,
-    .pure-u-sm-19-24,
-    .pure-u-sm-20-24,
-    .pure-u-sm-21-24,
-    .pure-u-sm-22-24,
-    .pure-u-sm-23-24,
-    .pure-u-sm-24-24 {
-        display: inline-block;
-        *display: inline;
-        zoom: 1;
-        letter-spacing: normal;
-        word-spacing: normal;
-        vertical-align: top;
-        text-rendering: auto;
-    }
-
-    .pure-u-sm-1-24 {
-        width: 4.1667%;
-        *width: 4.1357%;
-    }
-
-    .pure-u-sm-1-12,
-    .pure-u-sm-2-24 {
-        width: 8.3333%;
-        *width: 8.3023%;
-    }
-
-    .pure-u-sm-1-8,
-    .pure-u-sm-3-24 {
-        width: 12.5000%;
-        *width: 12.4690%;
-    }
-
-    .pure-u-sm-1-6,
-    .pure-u-sm-4-24 {
-        width: 16.6667%;
-        *width: 16.6357%;
-    }
-
-    .pure-u-sm-1-5 {
-        width: 20%;
-        *width: 19.9690%;
-    }
-
-    .pure-u-sm-5-24 {
-        width: 20.8333%;
-        *width: 20.8023%;
-    }
-
-    .pure-u-sm-1-4,
-    .pure-u-sm-6-24 {
-        width: 25%;
-        *width: 24.9690%;
-    }
-
-    .pure-u-sm-7-24 {
-        width: 29.1667%;
-        *width: 29.1357%;
-    }
-
-    .pure-u-sm-1-3,
-    .pure-u-sm-8-24 {
-        width: 33.3333%;
-        *width: 33.3023%;
-    }
-
-    .pure-u-sm-3-8,
-    .pure-u-sm-9-24 {
-        width: 37.5000%;
-        *width: 37.4690%;
-    }
-
-    .pure-u-sm-2-5 {
-        width: 40%;
-        *width: 39.9690%;
-    }
-
-    .pure-u-sm-5-12,
-    .pure-u-sm-10-24 {
-        width: 41.6667%;
-        *width: 41.6357%;
-    }
-
-    .pure-u-sm-11-24 {
-        width: 45.8333%;
-        *width: 45.8023%;
-    }
-
-    .pure-u-sm-1-2,
-    .pure-u-sm-12-24 {
-        width: 50%;
-        *width: 49.9690%;
-    }
-
-    .pure-u-sm-13-24 {
-        width: 54.1667%;
-        *width: 54.1357%;
-    }
-
-    .pure-u-sm-7-12,
-    .pure-u-sm-14-24 {
-        width: 58.3333%;
-        *width: 58.3023%;
-    }
-
-    .pure-u-sm-3-5 {
-        width: 60%;
-        *width: 59.9690%;
-    }
-
-    .pure-u-sm-5-8,
-    .pure-u-sm-15-24 {
-        width: 62.5000%;
-        *width: 62.4690%;
-    }
-
-    .pure-u-sm-2-3,
-    .pure-u-sm-16-24 {
-        width: 66.6667%;
-        *width: 66.6357%;
-    }
-
-    .pure-u-sm-17-24 {
-        width: 70.8333%;
-        *width: 70.8023%;
-    }
-
-    .pure-u-sm-3-4,
-    .pure-u-sm-18-24 {
-        width: 75%;
-        *width: 74.9690%;
-    }
-
-    .pure-u-sm-19-24 {
-        width: 79.1667%;
-        *width: 79.1357%;
-    }
-
-    .pure-u-sm-4-5 {
-        width: 80%;
-        *width: 79.9690%;
-    }
-
-    .pure-u-sm-5-6,
-    .pure-u-sm-20-24 {
-        width: 83.3333%;
-        *width: 83.3023%;
-    }
-
-    .pure-u-sm-7-8,
-    .pure-u-sm-21-24 {
-        width: 87.5000%;
-        *width: 87.4690%;
-    }
-
-    .pure-u-sm-11-12,
-    .pure-u-sm-22-24 {
-        width: 91.6667%;
-        *width: 91.6357%;
-    }
-
-    .pure-u-sm-23-24 {
-        width: 95.8333%;
-        *width: 95.8023%;
-    }
-
-    .pure-u-sm-1,
-    .pure-u-sm-1-1,
-    .pure-u-sm-5-5,
-    .pure-u-sm-24-24 {
-        width: 100%;
-    }
-}
-
-@media screen and (min-width: 48em) {
-    .pure-u-md-1,
-    .pure-u-md-1-1,
-    .pure-u-md-1-2,
-    .pure-u-md-1-3,
-    .pure-u-md-2-3,
-    .pure-u-md-1-4,
-    .pure-u-md-3-4,
-    .pure-u-md-1-5,
-    .pure-u-md-2-5,
-    .pure-u-md-3-5,
-    .pure-u-md-4-5,
-    .pure-u-md-5-5,
-    .pure-u-md-1-6,
-    .pure-u-md-5-6,
-    .pure-u-md-1-8,
-    .pure-u-md-3-8,
-    .pure-u-md-5-8,
-    .pure-u-md-7-8,
-    .pure-u-md-1-12,
-    .pure-u-md-5-12,
-    .pure-u-md-7-12,
-    .pure-u-md-11-12,
-    .pure-u-md-1-24,
-    .pure-u-md-2-24,
-    .pure-u-md-3-24,
-    .pure-u-md-4-24,
-    .pure-u-md-5-24,
-    .pure-u-md-6-24,
-    .pure-u-md-7-24,
-    .pure-u-md-8-24,
-    .pure-u-md-9-24,
-    .pure-u-md-10-24,
-    .pure-u-md-11-24,
-    .pure-u-md-12-24,
-    .pure-u-md-13-24,
-    .pure-u-md-14-24,
-    .pure-u-md-15-24,
-    .pure-u-md-16-24,
-    .pure-u-md-17-24,
-    .pure-u-md-18-24,
-    .pure-u-md-19-24,
-    .pure-u-md-20-24,
-    .pure-u-md-21-24,
-    .pure-u-md-22-24,
-    .pure-u-md-23-24,
-    .pure-u-md-24-24 {
-        display: inline-block;
-        *display: inline;
-        zoom: 1;
-        letter-spacing: normal;
-        word-spacing: normal;
-        vertical-align: top;
-        text-rendering: auto;
-    }
-
-    .pure-u-md-1-24 {
-        width: 4.1667%;
-        *width: 4.1357%;
-    }
-
-    .pure-u-md-1-12,
-    .pure-u-md-2-24 {
-        width: 8.3333%;
-        *width: 8.3023%;
-    }
-
-    .pure-u-md-1-8,
-    .pure-u-md-3-24 {
-        width: 12.5000%;
-        *width: 12.4690%;
-    }
-
-    .pure-u-md-1-6,
-    .pure-u-md-4-24 {
-        width: 16.6667%;
-        *width: 16.6357%;
-    }
-
-    .pure-u-md-1-5 {
-        width: 20%;
-        *width: 19.9690%;
-    }
-
-    .pure-u-md-5-24 {
-        width: 20.8333%;
-        *width: 20.8023%;
-    }
-
-    .pure-u-md-1-4,
-    .pure-u-md-6-24 {
-        width: 25%;
-        *width: 24.9690%;
-    }
-
-    .pure-u-md-7-24 {
-        width: 29.1667%;
-        *width: 29.1357%;
-    }
-
-    .pure-u-md-1-3,
-    .pure-u-md-8-24 {
-        width: 33.3333%;
-        *width: 33.3023%;
-    }
-
-    .pure-u-md-3-8,
-    .pure-u-md-9-24 {
-        width: 37.5000%;
-        *width: 37.4690%;
-    }
-
-    .pure-u-md-2-5 {
-        width: 40%;
-        *width: 39.9690%;
-    }
-
-    .pure-u-md-5-12,
-    .pure-u-md-10-24 {
-        width: 41.6667%;
-        *width: 41.6357%;
-    }
-
-    .pure-u-md-11-24 {
-        width: 45.8333%;
-        *width: 45.8023%;
-    }
-
-    .pure-u-md-1-2,
-    .pure-u-md-12-24 {
-        width: 50%;
-        *width: 49.9690%;
-    }
-
-    .pure-u-md-13-24 {
-        width: 54.1667%;
-        *width: 54.1357%;
-    }
-
-    .pure-u-md-7-12,
-    .pure-u-md-14-24 {
-        width: 58.3333%;
-        *width: 58.3023%;
-    }
-
-    .pure-u-md-3-5 {
-        width: 60%;
-        *width: 59.9690%;
-    }
-
-    .pure-u-md-5-8,
-    .pure-u-md-15-24 {
-        width: 62.5000%;
-        *width: 62.4690%;
-    }
-
-    .pure-u-md-2-3,
-    .pure-u-md-16-24 {
-        width: 66.6667%;
-        *width: 66.6357%;
-    }
-
-    .pure-u-md-17-24 {
-        width: 70.8333%;
-        *width: 70.8023%;
-    }
-
-    .pure-u-md-3-4,
-    .pure-u-md-18-24 {
-        width: 75%;
-        *width: 74.9690%;
-    }
-
-    .pure-u-md-19-24 {
-        width: 79.1667%;
-        *width: 79.1357%;
-    }
-
-    .pure-u-md-4-5 {
-        width: 80%;
-        *width: 79.9690%;
-    }
-
-    .pure-u-md-5-6,
-    .pure-u-md-20-24 {
-        width: 83.3333%;
-        *width: 83.3023%;
-    }
-
-    .pure-u-md-7-8,
-    .pure-u-md-21-24 {
-        width: 87.5000%;
-        *width: 87.4690%;
-    }
-
-    .pure-u-md-11-12,
-    .pure-u-md-22-24 {
-        width: 91.6667%;
-        *width: 91.6357%;
-    }
-
-    .pure-u-md-23-24 {
-        width: 95.8333%;
-        *width: 95.8023%;
-    }
-
-    .pure-u-md-1,
-    .pure-u-md-1-1,
-    .pure-u-md-5-5,
-    .pure-u-md-24-24 {
-        width: 100%;
-    }
-}
-
-@media screen and (min-width: 64em) {
-    .pure-u-lg-1,
-    .pure-u-lg-1-1,
-    .pure-u-lg-1-2,
-    .pure-u-lg-1-3,
-    .pure-u-lg-2-3,
-    .pure-u-lg-1-4,
-    .pure-u-lg-3-4,
-    .pure-u-lg-1-5,
-    .pure-u-lg-2-5,
-    .pure-u-lg-3-5,
-    .pure-u-lg-4-5,
-    .pure-u-lg-5-5,
-    .pure-u-lg-1-6,
-    .pure-u-lg-5-6,
-    .pure-u-lg-1-8,
-    .pure-u-lg-3-8,
-    .pure-u-lg-5-8,
-    .pure-u-lg-7-8,
-    .pure-u-lg-1-12,
-    .pure-u-lg-5-12,
-    .pure-u-lg-7-12,
-    .pure-u-lg-11-12,
-    .pure-u-lg-1-24,
-    .pure-u-lg-2-24,
-    .pure-u-lg-3-24,
-    .pure-u-lg-4-24,
-    .pure-u-lg-5-24,
-    .pure-u-lg-6-24,
-    .pure-u-lg-7-24,
-    .pure-u-lg-8-24,
-    .pure-u-lg-9-24,
-    .pure-u-lg-10-24,
-    .pure-u-lg-11-24,
-    .pure-u-lg-12-24,
-    .pure-u-lg-13-24,
-    .pure-u-lg-14-24,
-    .pure-u-lg-15-24,
-    .pure-u-lg-16-24,
-    .pure-u-lg-17-24,
-    .pure-u-lg-18-24,
-    .pure-u-lg-19-24,
-    .pure-u-lg-20-24,
-    .pure-u-lg-21-24,
-    .pure-u-lg-22-24,
-    .pure-u-lg-23-24,
-    .pure-u-lg-24-24 {
-        display: inline-block;
-        *display: inline;
-        zoom: 1;
-        letter-spacing: normal;
-        word-spacing: normal;
-        vertical-align: top;
-        text-rendering: auto;
-    }
-
-    .pure-u-lg-1-24 {
-        width: 4.1667%;
-        *width: 4.1357%;
-    }
-
-    .pure-u-lg-1-12,
-    .pure-u-lg-2-24 {
-        width: 8.3333%;
-        *width: 8.3023%;
-    }
-
-    .pure-u-lg-1-8,
-    .pure-u-lg-3-24 {
-        width: 12.5000%;
-        *width: 12.4690%;
-    }
-
-    .pure-u-lg-1-6,
-    .pure-u-lg-4-24 {
-        width: 16.6667%;
-        *width: 16.6357%;
-    }
-
-    .pure-u-lg-1-5 {
-        width: 20%;
-        *width: 19.9690%;
-    }
-
-    .pure-u-lg-5-24 {
-        width: 20.8333%;
-        *width: 20.8023%;
-    }
-
-    .pure-u-lg-1-4,
-    .pure-u-lg-6-24 {
-        width: 25%;
-        *width: 24.9690%;
-    }
-
-    .pure-u-lg-7-24 {
-        width: 29.1667%;
-        *width: 29.1357%;
-    }
-
-    .pure-u-lg-1-3,
-    .pure-u-lg-8-24 {
-        width: 33.3333%;
-        *width: 33.3023%;
-    }
-
-    .pure-u-lg-3-8,
-    .pure-u-lg-9-24 {
-        width: 37.5000%;
-        *width: 37.4690%;
-    }
-
-    .pure-u-lg-2-5 {
-        width: 40%;
-        *width: 39.9690%;
-    }
-
-    .pure-u-lg-5-12,
-    .pure-u-lg-10-24 {
-        width: 41.6667%;
-        *width: 41.6357%;
-    }
-
-    .pure-u-lg-11-24 {
-        width: 45.8333%;
-        *width: 45.8023%;
-    }
-
-    .pure-u-lg-1-2,
-    .pure-u-lg-12-24 {
-        width: 50%;
-        *width: 49.9690%;
-    }
-
-    .pure-u-lg-13-24 {
-        width: 54.1667%;
-        *width: 54.1357%;
-    }
-
-    .pure-u-lg-7-12,
-    .pure-u-lg-14-24 {
-        width: 58.3333%;
-        *width: 58.3023%;
-    }
-
-    .pure-u-lg-3-5 {
-        width: 60%;
-        *width: 59.9690%;
-    }
-
-    .pure-u-lg-5-8,
-    .pure-u-lg-15-24 {
-        width: 62.5000%;
-        *width: 62.4690%;
-    }
-
-    .pure-u-lg-2-3,
-    .pure-u-lg-16-24 {
-        width: 66.6667%;
-        *width: 66.6357%;
-    }
-
-    .pure-u-lg-17-24 {
-        width: 70.8333%;
-        *width: 70.8023%;
-    }
-
-    .pure-u-lg-3-4,
-    .pure-u-lg-18-24 {
-        width: 75%;
-        *width: 74.9690%;
-    }
-
-    .pure-u-lg-19-24 {
-        width: 79.1667%;
-        *width: 79.1357%;
-    }
-
-    .pure-u-lg-4-5 {
-        width: 80%;
-        *width: 79.9690%;
-    }
-
-    .pure-u-lg-5-6,
-    .pure-u-lg-20-24 {
-        width: 83.3333%;
-        *width: 83.3023%;
-    }
-
-    .pure-u-lg-7-8,
-    .pure-u-lg-21-24 {
-        width: 87.5000%;
-        *width: 87.4690%;
-    }
-
-    .pure-u-lg-11-12,
-    .pure-u-lg-22-24 {
-        width: 91.6667%;
-        *width: 91.6357%;
-    }
-
-    .pure-u-lg-23-24 {
-        width: 95.8333%;
-        *width: 95.8023%;
-    }
-
-    .pure-u-lg-1,
-    .pure-u-lg-1-1,
-    .pure-u-lg-5-5,
-    .pure-u-lg-24-24 {
-        width: 100%;
-    }
-}
-
-@media screen and (min-width: 80em) {
-    .pure-u-xl-1,
-    .pure-u-xl-1-1,
-    .pure-u-xl-1-2,
-    .pure-u-xl-1-3,
-    .pure-u-xl-2-3,
-    .pure-u-xl-1-4,
-    .pure-u-xl-3-4,
-    .pure-u-xl-1-5,
-    .pure-u-xl-2-5,
-    .pure-u-xl-3-5,
-    .pure-u-xl-4-5,
-    .pure-u-xl-5-5,
-    .pure-u-xl-1-6,
-    .pure-u-xl-5-6,
-    .pure-u-xl-1-8,
-    .pure-u-xl-3-8,
-    .pure-u-xl-5-8,
-    .pure-u-xl-7-8,
-    .pure-u-xl-1-12,
-    .pure-u-xl-5-12,
-    .pure-u-xl-7-12,
-    .pure-u-xl-11-12,
-    .pure-u-xl-1-24,
-    .pure-u-xl-2-24,
-    .pure-u-xl-3-24,
-    .pure-u-xl-4-24,
-    .pure-u-xl-5-24,
-    .pure-u-xl-6-24,
-    .pure-u-xl-7-24,
-    .pure-u-xl-8-24,
-    .pure-u-xl-9-24,
-    .pure-u-xl-10-24,
-    .pure-u-xl-11-24,
-    .pure-u-xl-12-24,
-    .pure-u-xl-13-24,
-    .pure-u-xl-14-24,
-    .pure-u-xl-15-24,
-    .pure-u-xl-16-24,
-    .pure-u-xl-17-24,
-    .pure-u-xl-18-24,
-    .pure-u-xl-19-24,
-    .pure-u-xl-20-24,
-    .pure-u-xl-21-24,
-    .pure-u-xl-22-24,
-    .pure-u-xl-23-24,
-    .pure-u-xl-24-24 {
-        display: inline-block;
-        *display: inline;
-        zoom: 1;
-        letter-spacing: normal;
-        word-spacing: normal;
-        vertical-align: top;
-        text-rendering: auto;
-    }
-
-    .pure-u-xl-1-24 {
-        width: 4.1667%;
-        *width: 4.1357%;
-    }
-
-    .pure-u-xl-1-12,
-    .pure-u-xl-2-24 {
-        width: 8.3333%;
-        *width: 8.3023%;
-    }
-
-    .pure-u-xl-1-8,
-    .pure-u-xl-3-24 {
-        width: 12.5000%;
-        *width: 12.4690%;
-    }
-
-    .pure-u-xl-1-6,
-    .pure-u-xl-4-24 {
-        width: 16.6667%;
-        *width: 16.6357%;
-    }
-
-    .pure-u-xl-1-5 {
-        width: 20%;
-        *width: 19.9690%;
-    }
-
-    .pure-u-xl-5-24 {
-        width: 20.8333%;
-        *width: 20.8023%;
-    }
-
-    .pure-u-xl-1-4,
-    .pure-u-xl-6-24 {
-        width: 25%;
-        *width: 24.9690%;
-    }
-
-    .pure-u-xl-7-24 {
-        width: 29.1667%;
-        *width: 29.1357%;
-    }
-
-    .pure-u-xl-1-3,
-    .pure-u-xl-8-24 {
-        width: 33.3333%;
-        *width: 33.3023%;
-    }
-
-    .pure-u-xl-3-8,
-    .pure-u-xl-9-24 {
-        width: 37.5000%;
-        *width: 37.4690%;
-    }
-
-    .pure-u-xl-2-5 {
-        width: 40%;
-        *width: 39.9690%;
-    }
-
-    .pure-u-xl-5-12,
-    .pure-u-xl-10-24 {
-        width: 41.6667%;
-        *width: 41.6357%;
-    }
-
-    .pure-u-xl-11-24 {
-        width: 45.8333%;
-        *width: 45.8023%;
-    }
-
-    .pure-u-xl-1-2,
-    .pure-u-xl-12-24 {
-        width: 50%;
-        *width: 49.9690%;
-    }
-
-    .pure-u-xl-13-24 {
-        width: 54.1667%;
-        *width: 54.1357%;
-    }
-
-    .pure-u-xl-7-12,
-    .pure-u-xl-14-24 {
-        width: 58.3333%;
-        *width: 58.3023%;
-    }
-
-    .pure-u-xl-3-5 {
-        width: 60%;
-        *width: 59.9690%;
-    }
-
-    .pure-u-xl-5-8,
-    .pure-u-xl-15-24 {
-        width: 62.5000%;
-        *width: 62.4690%;
-    }
-
-    .pure-u-xl-2-3,
-    .pure-u-xl-16-24 {
-        width: 66.6667%;
-        *width: 66.6357%;
-    }
-
-    .pure-u-xl-17-24 {
-        width: 70.8333%;
-        *width: 70.8023%;
-    }
-
-    .pure-u-xl-3-4,
-    .pure-u-xl-18-24 {
-        width: 75%;
-        *width: 74.9690%;
-    }
-
-    .pure-u-xl-19-24 {
-        width: 79.1667%;
-        *width: 79.1357%;
-    }
-
-    .pure-u-xl-4-5 {
-        width: 80%;
-        *width: 79.9690%;
-    }
-
-    .pure-u-xl-5-6,
-    .pure-u-xl-20-24 {
-        width: 83.3333%;
-        *width: 83.3023%;
-    }
-
-    .pure-u-xl-7-8,
-    .pure-u-xl-21-24 {
-        width: 87.5000%;
-        *width: 87.4690%;
-    }
-
-    .pure-u-xl-11-12,
-    .pure-u-xl-22-24 {
-        width: 91.6667%;
-        *width: 91.6357%;
-    }
-
-    .pure-u-xl-23-24 {
-        width: 95.8333%;
-        *width: 95.8023%;
-    }
-
-    .pure-u-xl-1,
-    .pure-u-xl-1-1,
-    .pure-u-xl-5-5,
-    .pure-u-xl-24-24 {
-        width: 100%;
-    }
-}

sass/pure/_menus.scss

@@ -1,182 +0,0 @@
-/*!
-Pure v0.6.1-pre
-Copyright 2014 Yahoo! Inc. All rights reserved.
-Licensed under the BSD License.
-https://github.com/yahoo/pure/blob/master/LICENSE.md
-*/
-/*csslint adjoining-classes: false, box-model:false*/
-.pure-menu {
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
-}
-
-.pure-menu-fixed {
-    position: fixed;
-    left: 0;
-    top: 0;
-    z-index: 3;
-}
-
-.pure-menu-list,
-.pure-menu-item {
-    position: relative;
-}
-
-.pure-menu-list {
-    list-style: none;
-    margin: 0;
-    padding: 0;
-}
-
-.pure-menu-item {
-    padding: 0;
-    margin: 0;
-    height: 100%;
-}
-
-.pure-menu-link,
-.pure-menu-heading {
-    display: block;
-    text-decoration: none;
-    white-space: nowrap;
-}
-
-/* HORIZONTAL MENU */
-.pure-menu-horizontal {
-    width: 100%;
-    white-space: nowrap;
-}
-
-.pure-menu-horizontal .pure-menu-list {
-    display: inline-block;
-}
-
-/* Initial menus should be inline-block so that they are horizontal */
-.pure-menu-horizontal .pure-menu-item,
-.pure-menu-horizontal .pure-menu-heading,
-.pure-menu-horizontal .pure-menu-separator {
-    display: inline-block;
-    *display: inline;
-    zoom: 1;
-    vertical-align: middle;
-}
-
-/* Submenus should still be display: block; */
-.pure-menu-item .pure-menu-item {
-    display: block;
-}
-
-.pure-menu-children {
-    display: none;
-    position: absolute;
-    left: 100%;
-    top: 0;
-    margin: 0;
-    padding: 0;
-    z-index: 3;
-}
-
-.pure-menu-horizontal .pure-menu-children {
-    left: 0;
-    top: auto;
-    width: inherit;
-}
-
-.pure-menu-allow-hover:hover > .pure-menu-children,
-.pure-menu-active > .pure-menu-children {
-    display: block;
-    position: absolute;
-}
-
-/* Vertical Menus - show the dropdown arrow */
-.pure-menu-has-children > .pure-menu-link:after {
-    padding-left: 0.5em;
-    content: "\25B8";
-    font-size: small;
-}
-
-/* Horizontal Menus - show the dropdown arrow */
-.pure-menu-horizontal .pure-menu-has-children > .pure-menu-link:after {
-    content: "\25BE";
-}
-
-/* scrollable menus */
-.pure-menu-scrollable {
-    overflow-y: scroll;
-    overflow-x: hidden;
-}
-
-.pure-menu-scrollable .pure-menu-list {
-    display: block;
-}
-
-.pure-menu-horizontal.pure-menu-scrollable .pure-menu-list {
-    display: inline-block;
-}
-
-.pure-menu-horizontal.pure-menu-scrollable {
-    white-space: nowrap;
-    overflow-y: hidden;
-    overflow-x: auto;
-    -ms-overflow-style: none;
-    -webkit-overflow-scrolling: touch;
-    /* a little extra padding for this style to allow for scrollbars */
-    padding: .5em 0;
-}
-
-.pure-menu-horizontal.pure-menu-scrollable::-webkit-scrollbar {
-    display: none;
-}
-
-/* misc default styling */
-
-.pure-menu-separator {
-    background-color: #ccc;
-    height: 1px;
-    margin: .3em 0;
-}
-
-.pure-menu-horizontal .pure-menu-separator {
-    width: 1px;
-    height: 1.3em;
-    margin: 0 .3em ;
-}
-
-.pure-menu-heading {
-    text-transform: uppercase;
-    color: #565d64;
-}
-
-.pure-menu-link {
-    color: #777;
-}
-
-.pure-menu-children {
-    background-color: #fff;
-}
-
-.pure-menu-link,
-.pure-menu-disabled,
-.pure-menu-heading {
-    padding: .5em 1em;
-}
-
-.pure-menu-disabled {
-    opacity: .5;
-}
-
-.pure-menu-disabled .pure-menu-link:hover {
-    background-color: transparent;
-}
-
-.pure-menu-active > .pure-menu-link,
-.pure-menu-link:hover,
-.pure-menu-link:focus {
-    background-color: #eee;
-}
-
-.pure-menu-selected .pure-menu-link,
-.pure-menu-selected .pure-menu-link:visited {
-    color: #000;
-}