first commit

img/facebox/README.txt

@@ -0,0 +1,4 @@
+Please visit http://famspam.com/facebox/ or open index.html in your favorite browser.
+
+Need help?  Join our Google Groups mailing list:
+  http://groups.google.com/group/facebox/

img/facebox/facebox.js

@@ -0,0 +1,319 @@
+/*
+ * Facebox (for jQuery)
+ * version: 1.2 (05/05/2008)
+ * @requires jQuery v1.2 or later
+ *
+ * Examples at http://famspam.com/facebox/
+ *
+ * Licensed under the MIT:
+ *   http://www.opensource.org/licenses/mit-license.php
+ *
+ * Copyright 2007, 2008 Chris Wanstrath [ chris@ozmm.org ]
+ *
+ * Usage:
+ *  
+ *  jQuery(document).ready(function() {
+ *    jQuery('a[rel*=facebox]').facebox() 
+ *  })
+ *
+ *  <a href="#terms" rel="facebox">Terms</a>
+ *    Loads the #terms div in the box
+ *
+ *  <a href="terms.html" rel="facebox">Terms</a>
+ *    Loads the terms.html page in the box
+ *
+ *  <a href="terms.png" rel="facebox">Terms</a>
+ *    Loads the terms.png image in the box
+ *
+ *
+ *  You can also use it programmatically:
+ * 
+ *    jQuery.facebox('some html')
+ *
+ *  The above will open a facebox with "some html" as the content.
+ *    
+ *    jQuery.facebox(function($) { 
+ *      $.get('blah.html', function(data) { $.facebox(data) })
+ *    })
+ *
+ *  The above will show a loading screen before the passed function is called,
+ *  allowing for a better ajaxy experience.
+ *
+ *  The facebox function can also display an ajax page or image:
+ *  
+ *    jQuery.facebox({ ajax: 'remote.html' })
+ *    jQuery.facebox({ image: 'dude.jpg' })
+ *
+ *  Want to close the facebox?  Trigger the 'close.facebox' document event:
+ *
+ *    jQuery(document).trigger('close.facebox')
+ *
+ *  Facebox also has a bunch of other hooks:
+ *
+ *    loading.facebox
+ *    beforeReveal.facebox
+ *    reveal.facebox (aliased as 'afterReveal.facebox')
+ *    init.facebox
+ *
+ *  Simply bind a function to any of these hooks:
+ *
+ *   $(document).bind('reveal.facebox', function() { ...stuff to do after the facebox and contents are revealed... })
+ *
+ */
+(function($) {
+  $.facebox = function(data, klass) {
+    $.facebox.loading()
+
+    if (data.ajax) fillFaceboxFromAjax(data.ajax)
+    else if (data.image) fillFaceboxFromImage(data.image)
+    else if (data.div) fillFaceboxFromHref(data.div)
+    else if ($.isFunction(data)) data.call($)
+    else $.facebox.reveal(data, klass)
+  }
+
+  /*
+   * Public, $.facebox methods
+   */
+
+  $.extend($.facebox, {
+    settings: {
+      opacity      : 0,
+      overlay      : true,
+      loadingImage : '/facebox/loading.gif',
+      closeImage   : '/facebox/closelabel.gif',
+      imageTypes   : [ 'png', 'jpg', 'jpeg', 'gif' ],
+      faceboxHtml  : '\
+    <div id="facebox" style="display:none;"> \
+      <div class="popup"> \
+        <table> \
+          <tbody> \
+            <tr> \
+              <td class="tl"/><td class="b"/><td class="tr"/> \
+            </tr> \
+            <tr> \
+              <td class="b"/> \
+              <td class="body"> \
+                <div class="content"> \
+                </div> \
+                <div class="footer"> \
+                  <a href="#" class="close"> \
+                    <img src="/facebox/closelabel.gif" title="close" class="close_image" /> \
+                  </a> \
+                </div> \
+              </td> \
+              <td class="b"/> \
+            </tr> \
+            <tr> \
+              <td class="bl"/><td class="b"/><td class="br"/> \
+            </tr> \
+          </tbody> \
+        </table> \
+      </div> \
+    </div>'
+    },
+
+    loading: function() {
+      init()
+      if ($('#facebox .loading').length == 1) return true
+      showOverlay()
+
+      $('#facebox .content').empty()
+      $('#facebox .body').children().hide().end().
+        append('<div class="loading"><img src="'+$.facebox.settings.loadingImage+'"/></div>')
+
+      $('#facebox').css({
+        top:	getPageScroll()[1] + (getPageHeight() / 10),
+        left:	385.5
+      }).show()
+
+      $(document).bind('keydown.facebox', function(e) {
+        if (e.keyCode == 27) $.facebox.close()
+        return true
+      })
+      $(document).trigger('loading.facebox')
+    },
+
+    reveal: function(data, klass) {
+      $(document).trigger('beforeReveal.facebox')
+      if (klass) $('#facebox .content').addClass(klass)
+      $('#facebox .content').append(data)
+      $('#facebox .loading').remove()
+      $('#facebox .body').children().fadeIn('normal')
+      $('#facebox').css('left', $(window).width() / 2 - ($('#facebox table').width() / 2))
+      $(document).trigger('reveal.facebox').trigger('afterReveal.facebox')
+    },
+
+    close: function() {
+      $(document).trigger('close.facebox')
+      return false
+    }
+  })
+
+  /*
+   * Public, $.fn methods
+   */
+
+  $.fn.facebox = function(settings) {
+    init(settings)
+
+    function clickHandler() {
+      $.facebox.loading(true)
+
+      // support for rel="facebox.inline_popup" syntax, to add a class
+      // also supports deprecated "facebox[.inline_popup]" syntax
+      var klass = this.rel.match(/facebox\[?\.(\w+)\]?/)
+      if (klass) klass = klass[1]
+
+      fillFaceboxFromHref(this.href, klass)
+      return false
+    }
+
+    return this.click(clickHandler)
+  }
+
+  /*
+   * Private methods
+   */
+
+  // called one time to setup facebox on this page
+  function init(settings) {
+    if ($.facebox.settings.inited) return true
+    else $.facebox.settings.inited = true
+
+    $(document).trigger('init.facebox')
+    makeCompatible()
+
+    var imageTypes = $.facebox.settings.imageTypes.join('|')
+    $.facebox.settings.imageTypesRegexp = new RegExp('\.' + imageTypes + '$', 'i')
+
+    if (settings) $.extend($.facebox.settings, settings)
+    $('body').append($.facebox.settings.faceboxHtml)
+
+    var preload = [ new Image(), new Image() ]
+    preload[0].src = $.facebox.settings.closeImage
+    preload[1].src = $.facebox.settings.loadingImage
+
+    $('#facebox').find('.b:first, .bl, .br, .tl, .tr').each(function() {
+      preload.push(new Image())
+      preload.slice(-1).src = $(this).css('background-image').replace(/url\((.+)\)/, '$1')
+    })
+
+    $('#facebox .close').click($.facebox.close)
+    $('#facebox .close_image').attr('src', $.facebox.settings.closeImage)
+  }
+  
+  // getPageScroll() by quirksmode.com
+  function getPageScroll() {
+    var xScroll, yScroll;
+    if (self.pageYOffset) {
+      yScroll = self.pageYOffset;
+      xScroll = self.pageXOffset;
+    } else if (document.documentElement && document.documentElement.scrollTop) {	 // Explorer 6 Strict
+      yScroll = document.documentElement.scrollTop;
+      xScroll = document.documentElement.scrollLeft;
+    } else if (document.body) {// all other Explorers
+      yScroll = document.body.scrollTop;
+      xScroll = document.body.scrollLeft;	
+    }
+    return new Array(xScroll,yScroll) 
+  }
+
+  // Adapted from getPageSize() by quirksmode.com
+  function getPageHeight() {
+    var windowHeight
+    if (self.innerHeight) {	// all except Explorer
+      windowHeight = self.innerHeight;
+    } else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
+      windowHeight = document.documentElement.clientHeight;
+    } else if (document.body) { // other Explorers
+      windowHeight = document.body.clientHeight;
+    }	
+    return windowHeight
+  }
+
+  // Backwards compatibility
+  function makeCompatible() {
+    var $s = $.facebox.settings
+
+    $s.loadingImage = $s.loading_image || $s.loadingImage
+    $s.closeImage = $s.close_image || $s.closeImage
+    $s.imageTypes = $s.image_types || $s.imageTypes
+    $s.faceboxHtml = $s.facebox_html || $s.faceboxHtml
+  }
+
+  // Figures out what you want to display and displays it
+  // formats are:
+  //     div: #id
+  //   image: blah.extension
+  //    ajax: anything else
+  function fillFaceboxFromHref(href, klass) {
+    // div
+    if (href.match(/#/)) {
+      var url    = window.location.href.split('#')[0]
+      var target = href.replace(url,'')
+      $.facebox.reveal($(target).clone().show(), klass)
+
+    // image
+    } else if (href.match($.facebox.settings.imageTypesRegexp)) {
+      fillFaceboxFromImage(href, klass)
+    // ajax
+    } else {
+      fillFaceboxFromAjax(href, klass)
+    }
+  }
+
+  function fillFaceboxFromImage(href, klass) {
+    var image = new Image()
+    image.onload = function() {
+      $.facebox.reveal('<div class="image"><img src="' + image.src + '" /></div>', klass)
+    }
+    image.src = href
+  }
+
+  function fillFaceboxFromAjax(href, klass) {
+    $.get(href, function(data) { $.facebox.reveal(data, klass) })
+  }
+
+  function skipOverlay() {
+    return $.facebox.settings.overlay == false || $.facebox.settings.opacity === null 
+  }
+
+  function showOverlay() {
+    if (skipOverlay()) return
+
+    if ($('facebox_overlay').length == 0) 
+      $("body").append('<div id="facebox_overlay" class="facebox_hide"></div>')
+
+    $('#facebox_overlay').hide().addClass("facebox_overlayBG")
+      .css('opacity', $.facebox.settings.opacity)
+      .click(function() { $(document).trigger('close.facebox') })
+      .fadeIn(200)
+    return false
+  }
+
+  function hideOverlay() {
+    if (skipOverlay()) return
+
+    $('#facebox_overlay').fadeOut(200, function(){
+      $("#facebox_overlay").removeClass("facebox_overlayBG")
+      $("#facebox_overlay").addClass("facebox_hide") 
+      $("#facebox_overlay").remove()
+    })
+    
+    return false
+  }
+
+  /*
+   * Bindings
+   */
+
+  $(document).bind('close.facebox', function() {
+    $(document).unbind('keydown.facebox')
+    $('#facebox').fadeOut(function() {
+      $('#facebox .content').removeClass().addClass('content')
+      hideOverlay()
+      $('#facebox .loading').remove()
+    })
+  })
+
+})(jQuery);

img/facebox/index.html

@@ -0,0 +1,416 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8">
+        <title>Page not found</title>
+        <style>
+            html {font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
+            body {margin:0}
+            article,
+            aside,
+            details,
+            figcaption,
+            figure,
+            footer,
+            header,
+            hgroup,
+            main,
+            nav,
+            section,
+            summary {display:block}
+            audio,
+            canvas,
+            progress,
+            video {display:inline-block;vertical-align:baseline}
+            audio:not([controls]) {display:none;height:0}
+            [hidden],
+            template {display:none}
+            a {background:transparent}
+            a:active,
+            a:hover {outline:0}
+            abbr[title] {border-bottom:1px dotted}
+            b,
+            strong {font-weight:bold}
+            dfn {font-style:italic}
+            h1 {font-size:2em;margin:0.67em 0}
+            mark {background:#ff0;color:#000}
+            small {font-size:80%}
+            sub,
+            sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline}
+            sup {top:-0.5em}
+            sub {bottom:-0.25em}
+            img {border:0}
+            svg:not(:root) {overflow:hidden}
+            figure {margin:1em 40px}
+            hr {-moz-box-sizing:content-box;box-sizing:content-box;height:0}
+            pre {overflow:auto}
+            code,
+            kbd,
+            pre,
+            samp {font-family:monospace,monospace;font-size:1em}
+            button,
+            input,
+            optgroup,
+            select,
+            textarea {color:inherit;font:inherit;margin:0}
+            button {overflow:visible}
+            button,
+            select {text-transform:none}
+            button,
+            html input[type="button"],
+            input[type="reset"],
+            input[type="submit"] {-webkit-appearance:button;cursor:pointer}
+            button[disabled],
+            html input[disabled] {cursor:default}
+            button::-moz-focus-inner,
+            input::-moz-focus-inner {border:0;padding:0}
+            input {line-height:normal}
+            input[type="checkbox"],
+            input[type="radio"] {box-sizing:border-box;padding:0}
+            input[type="number"]::-webkit-inner-spin-button,
+            input[type="number"]::-webkit-outer-spin-button {height:auto}
+            input[type="search"] {-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
+            input[type="search"]::-webkit-search-cancel-button,
+            input[type="search"]::-webkit-search-decoration {-webkit-appearance:none}
+            fieldset {border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}
+            legend {border:0;padding:0}
+            textarea {overflow:auto}
+            optgroup {font-weight:bold}
+            table {border-collapse:collapse;border-spacing:0;table-layout:auto;word-wrap:break-word;word-break:break-all}
+            td,
+            th {padding:0}
+            *,
+            *:before,
+            *:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
+            html {font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}
+            body {font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:14px;line-height:1.42857143;color:#333;background-color:#f9f9f9}
+            input,
+            button,
+            select,
+            textarea {font-family:inherit;font-size:inherit;line-height:inherit}
+            button,
+            input,
+            select[multiple],
+            textarea {background-image:none}
+            a {color:#0181b9;text-decoration:none}
+            a:hover,
+            a:focus {color:#001721;text-decoration:underline}
+            a:focus {outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
+            img {vertical-align:middle}
+            .img-responsive {display:block;max-width:100%;height:auto}
+            .img-rounded {-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}
+            .img-circle {border-radius:50%}
+            hr {margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}
+            .sr-only {position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}
+            @media print {* {text-shadow:none !important;color:#000 !important;background:transparent !important;box-shadow:none !important }a,a:visited {text-decoration:underline }a[href]:after {content:" (" attr(href) ")" }abbr[title]:after {content:" (" attr(title) ")" }a[href^="javascript:"]:after,a[href^="#"]:after {content:"" }pre,blockquote {border:1px solid #999;page-break-inside:avoid }thead {display:table-header-group }tr,img {page-break-inside:avoid }img {max-width:100% !important }p,h2,h3 {orphans:3;widows:3 }h2,h3 {page-break-after:avoid }select {background:#fff !important }.navbar {display:none }.table td,.table th {background-color:#fff !important }.btn >.caret,.dropup >.btn >.caret {border-top-color:#000 !important }.label {border:1px solid #000 }.table {border-collapse:collapse !important }.table-bordered th,.table-bordered td {border:1px solid #ddd !important }}
+            .container {margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}
+            @media (min-width:768px) {.container {width:750px }}
+            @media (min-width:992px) {.container {width:970px }}
+            @media (min-width:1200px) {.container {width:1170px }}
+            .container-fluid {margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}
+            .row {margin-left:-15px;margin-right:-15px}
+            .row-flush {margin-left:0;margin-right:0}
+            .row-flush [class*="col-"] {padding-left:0 !important;padding-right:0 !important}
+            .col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12 {position:relative;min-height:1px;padding-left:15px;padding-right:15px}
+            .col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12 {float:left}
+            .col-xs-12 {width:100%}
+            .col-xs-11 {width:91.66666667%}
+            .col-xs-10 {width:83.33333333%}
+            .col-xs-9 {width:75%}
+            .col-xs-8 {width:66.66666667%}
+            .col-xs-7 {width:58.33333333%}
+            .col-xs-6 {width:50%}
+            .col-xs-5 {width:41.66666667%}
+            .col-xs-4 {width:33.33333333%}
+            .col-xs-3 {width:25%}
+            .col-xs-2 {width:16.66666667%}
+            .col-xs-1 {width:8.33333333%}
+            .col-xs-pull-12 {right:100%}
+            .col-xs-pull-11 {right:91.66666667%}
+            .col-xs-pull-10 {right:83.33333333%}
+            .col-xs-pull-9 {right:75%}
+            .col-xs-pull-8 {right:66.66666667%}
+            .col-xs-pull-7 {right:58.33333333%}
+            .col-xs-pull-6 {right:50%}
+            .col-xs-pull-5 {right:41.66666667%}
+            .col-xs-pull-4 {right:33.33333333%}
+            .col-xs-pull-3 {right:25%}
+            .col-xs-pull-2 {right:16.66666667%}
+            .col-xs-pull-1 {right:8.33333333%}
+            .col-xs-pull-0 {right:0%}
+            .col-xs-push-12 {left:100%}
+            .col-xs-push-11 {left:91.66666667%}
+            .col-xs-push-10 {left:83.33333333%}
+            .col-xs-push-9 {left:75%}
+            .col-xs-push-8 {left:66.66666667%}
+            .col-xs-push-7 {left:58.33333333%}
+            .col-xs-push-6 {left:50%}
+            .col-xs-push-5 {left:41.66666667%}
+            .col-xs-push-4 {left:33.33333333%}
+            .col-xs-push-3 {left:25%}
+            .col-xs-push-2 {left:16.66666667%}
+            .col-xs-push-1 {left:8.33333333%}
+            .col-xs-push-0 {left:0%}
+            .col-xs-offset-12 {margin-left:100%}
+            .col-xs-offset-11 {margin-left:91.66666667%}
+            .col-xs-offset-10 {margin-left:83.33333333%}
+            .col-xs-offset-9 {margin-left:75%}
+            .col-xs-offset-8 {margin-left:66.66666667%}
+            .col-xs-offset-7 {margin-left:58.33333333%}
+            .col-xs-offset-6 {margin-left:50%}
+            .col-xs-offset-5 {margin-left:41.66666667%}
+            .col-xs-offset-4 {margin-left:33.33333333%}
+            .col-xs-offset-3 {margin-left:25%}
+            .col-xs-offset-2 {margin-left:16.66666667%}
+            .col-xs-offset-1 {margin-left:8.33333333%}
+            .col-xs-offset-0 {margin-left:0%}
+            @media (min-width:768px) {.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12 {float:left }.col-sm-12 {width:100% }.col-sm-11 {width:91.66666667% }.col-sm-10 {width:83.33333333% }.col-sm-9 {width:75% }.col-sm-8 {width:66.66666667% }.col-sm-7 {width:58.33333333% }.col-sm-6 {width:50% }.col-sm-5 {width:41.66666667% }.col-sm-4 {width:33.33333333% }.col-sm-3 {width:25% }.col-sm-2 {width:16.66666667% }.col-sm-1 {width:8.33333333% }.col-sm-pull-12 {right:100% }.col-sm-pull-11 {right:91.66666667% }.col-sm-pull-10 {right:83.33333333% }.col-sm-pull-9 {right:75% }.col-sm-pull-8 {right:66.66666667% }.col-sm-pull-7 {right:58.33333333% }.col-sm-pull-6 {right:50% }.col-sm-pull-5 {right:41.66666667% }.col-sm-pull-4 {right:33.33333333% }.col-sm-pull-3 {right:25% }.col-sm-pull-2 {right:16.66666667% }.col-sm-pull-1 {right:8.33333333% }.col-sm-pull-0 {right:0% }.col-sm-push-12 {left:100% }.col-sm-push-11 {left:91.66666667% }.col-sm-push-10 {left:83.33333333% }.col-sm-push-9 {left:75% }.col-sm-push-8 {left:66.66666667% }.col-sm-push-7 {left:58.33333333% }.col-sm-push-6 {left:50% }.col-sm-push-5 {left:41.66666667% }.col-sm-push-4 {left:33.33333333% }.col-sm-push-3 {left:25% }.col-sm-push-2 {left:16.66666667% }.col-sm-push-1 {left:8.33333333% }.col-sm-push-0 {left:0% }.col-sm-offset-12 {margin-left:100% }.col-sm-offset-11 {margin-left:91.66666667% }.col-sm-offset-10 {margin-left:83.33333333% }.col-sm-offset-9 {margin-left:75% }.col-sm-offset-8 {margin-left:66.66666667% }.col-sm-offset-7 {margin-left:58.33333333% }.col-sm-offset-6 {margin-left:50% }.col-sm-offset-5 {margin-left:41.66666667% }.col-sm-offset-4 {margin-left:33.33333333% }.col-sm-offset-3 {margin-left:25% }.col-sm-offset-2 {margin-left:16.66666667% }.col-sm-offset-1 {margin-left:8.33333333% }.col-sm-offset-0 {margin-left:0% }}
+            @media (min-width:992px) {.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12 {float:left }.col-md-12 {width:100% }.col-md-11 {width:91.66666667% }.col-md-10 {width:83.33333333% }.col-md-9 {width:75% }.col-md-8 {width:66.66666667% }.col-md-7 {width:58.33333333% }.col-md-6 {width:50% }.col-md-5 {width:41.66666667% }.col-md-4 {width:33.33333333% }.col-md-3 {width:25% }.col-md-2 {width:16.66666667% }.col-md-1 {width:8.33333333% }.col-md-pull-12 {right:100% }.col-md-pull-11 {right:91.66666667% }.col-md-pull-10 {right:83.33333333% }.col-md-pull-9 {right:75% }.col-md-pull-8 {right:66.66666667% }.col-md-pull-7 {right:58.33333333% }.col-md-pull-6 {right:50% }.col-md-pull-5 {right:41.66666667% }.col-md-pull-4 {right:33.33333333% }.col-md-pull-3 {right:25% }.col-md-pull-2 {right:16.66666667% }.col-md-pull-1 {right:8.33333333% }.col-md-pull-0 {right:0% }.col-md-push-12 {left:100% }.col-md-push-11 {left:91.66666667% }.col-md-push-10 {left:83.33333333% }.col-md-push-9 {left:75% }.col-md-push-8 {left:66.66666667% }.col-md-push-7 {left:58.33333333% }.col-md-push-6 {left:50% }.col-md-push-5 {left:41.66666667% }.col-md-push-4 {left:33.33333333% }.col-md-push-3 {left:25% }.col-md-push-2 {left:16.66666667% }.col-md-push-1 {left:8.33333333% }.col-md-push-0 {left:0% }.col-md-offset-12 {margin-left:100% }.col-md-offset-11 {margin-left:91.66666667% }.col-md-offset-10 {margin-left:83.33333333% }.col-md-offset-9 {margin-left:75% }.col-md-offset-8 {margin-left:66.66666667% }.col-md-offset-7 {margin-left:58.33333333% }.col-md-offset-6 {margin-left:50% }.col-md-offset-5 {margin-left:41.66666667% }.col-md-offset-4 {margin-left:33.33333333% }.col-md-offset-3 {margin-left:25% }.col-md-offset-2 {margin-left:16.66666667% }.col-md-offset-1 {margin-left:8.33333333% }.col-md-offset-0 {margin-left:0% }}
+            @media (min-width:1200px) {.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12 {float:left }.col-lg-12 {width:100% }.col-lg-11 {width:91.66666667% }.col-lg-10 {width:83.33333333% }.col-lg-9 {width:75% }.col-lg-8 {width:66.66666667% }.col-lg-7 {width:58.33333333% }.col-lg-6 {width:50% }.col-lg-5 {width:41.66666667% }.col-lg-4 {width:33.33333333% }.col-lg-3 {width:25% }.col-lg-2 {width:16.66666667% }.col-lg-1 {width:8.33333333% }.col-lg-pull-12 {right:100% }.col-lg-pull-11 {right:91.66666667% }.col-lg-pull-10 {right:83.33333333% }.col-lg-pull-9 {right:75% }.col-lg-pull-8 {right:66.66666667% }.col-lg-pull-7 {right:58.33333333% }.col-lg-pull-6 {right:50% }.col-lg-pull-5 {right:41.66666667% }.col-lg-pull-4 {right:33.33333333% }.col-lg-pull-3 {right:25% }.col-lg-pull-2 {right:16.66666667% }.col-lg-pull-1 {right:8.33333333% }.col-lg-pull-0 {right:0% }.col-lg-push-12 {left:100% }.col-lg-push-11 {left:91.66666667% }.col-lg-push-10 {left:83.33333333% }.col-lg-push-9 {left:75% }.col-lg-push-8 {left:66.66666667% }.col-lg-push-7 {left:58.33333333% }.col-lg-push-6 {left:50% }.col-lg-push-5 {left:41.66666667% }.col-lg-push-4 {left:33.33333333% }.col-lg-push-3 {left:25% }.col-lg-push-2 {left:16.66666667% }.col-lg-push-1 {left:8.33333333% }.col-lg-push-0 {left:0% }.col-lg-offset-12 {margin-left:100% }.col-lg-offset-11 {margin-left:91.66666667% }.col-lg-offset-10 {margin-left:83.33333333% }.col-lg-offset-9 {margin-left:75% }.col-lg-offset-8 {margin-left:66.66666667% }.col-lg-offset-7 {margin-left:58.33333333% }.col-lg-offset-6 {margin-left:50% }.col-lg-offset-5 {margin-left:41.66666667% }.col-lg-offset-4 {margin-left:33.33333333% }.col-lg-offset-3 {margin-left:25% }.col-lg-offset-2 {margin-left:16.66666667% }.col-lg-offset-1 {margin-left:8.33333333% }.col-lg-offset-0 {margin-left:0% }}
+            .clearfix:before,
+            .clearfix:after,
+            .container:before,
+            .container:after,
+            .container-fluid:before,
+            .container-fluid:after,
+            .row:before,
+            .row:after {content:" ";display:table}
+            .clearfix:after,
+            .container:after,
+            .container-fluid:after,
+            .row:after {clear:both}
+            .center-block {display:block;margin-left:auto;margin-right:auto}
+            .pull-right {float:right !important}
+            .pull-left {float:left !important}
+            .hide {display:none !important}
+            .show {display:block !important}
+            .invisible {visibility:hidden}
+            .text-hide {font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}
+            .hidden {display:none !important;visibility:hidden !important}
+            .affix {position:fixed}
+            @-ms-viewport {width:device-width}
+            .visible-xs,
+            .visible-sm,
+            .visible-md,
+            .visible-lg {display:none !important}
+            @media (max-width:767px) {.visible-xs {display:block !important }table.visible-xs {display:table }tr.visible-xs {display:table-row !important }th.visible-xs,td.visible-xs {display:table-cell !important }}
+            @media (min-width:768px) and (max-width:991px) {.visible-sm {display:block !important }table.visible-sm {display:table }tr.visible-sm {display:table-row !important }th.visible-sm,td.visible-sm {display:table-cell !important }}
+            @media (min-width:992px) and (max-width:1199px) {.visible-md {display:block !important }table.visible-md {display:table }tr.visible-md {display:table-row !important }th.visible-md,td.visible-md {display:table-cell !important }}
+            @media (min-width:1200px) {.visible-lg {display:block !important }table.visible-lg {display:table }tr.visible-lg {display:table-row !important }th.visible-lg,td.visible-lg {display:table-cell !important }}
+            @media (max-width:767px) {.hidden-xs {display:none !important }}
+            @media (min-width:768px) and (max-width:991px) {.hidden-sm {display:none !important }}
+            @media (min-width:992px) and (max-width:1199px) {.hidden-md {display:none !important }}
+            @media (min-width:1200px) {.hidden-lg {display:none !important }}
+            .visible-print {display:none !important}
+            @media print {.visible-print {display:block !important }table.visible-print {display:table }tr.visible-print {display:table-row !important }th.visible-print,td.visible-print {display:table-cell !important }}
+            @media print {.hidden-print {display:none !important }}
+            h1,
+            h2,
+            h3,
+            h4,
+            h5,
+            h6,
+            .h1,
+            .h2,
+            .h3,
+            .h4,
+            .h5,
+            .h6 {font-family:inherit;font-weight:400;line-height:1.1;color:inherit}
+            h1 small,
+            h2 small,
+            h3 small,
+            h4 small,
+            h5 small,
+            h6 small,
+            .h1 small,
+            .h2 small,
+            .h3 small,
+            .h4 small,
+            .h5 small,
+            .h6 small,
+            h1 .small,
+            h2 .small,
+            h3 .small,
+            h4 .small,
+            h5 .small,
+            h6 .small,
+            .h1 .small,
+            .h2 .small,
+            .h3 .small,
+            .h4 .small,
+            .h5 .small,
+            .h6 .small {font-weight:normal;line-height:1;color:#999}
+            h1,
+            .h1,
+            h2,
+            .h2,
+            h3,
+            .h3 {margin-top:20px;margin-bottom:10px}
+            h1 small,
+            .h1 small,
+            h2 small,
+            .h2 small,
+            h3 small,
+            .h3 small,
+            h1 .small,
+            .h1 .small,
+            h2 .small,
+            .h2 .small,
+            h3 .small,
+            .h3 .small {font-size:65%}
+            h4,
+            .h4,
+            h5,
+            .h5,
+            h6,
+            .h6 {margin-top:10px;margin-bottom:10px}
+            h4 small,
+            .h4 small,
+            h5 small,
+            .h5 small,
+            h6 small,
+            .h6 small,
+            h4 .small,
+            .h4 .small,
+            h5 .small,
+            .h5 .small,
+            h6 .small,
+            .h6 .small {font-size:75%}
+            h1,
+            .h1 {font-size:36px}
+            h2,
+            .h2 {font-size:30px}
+            h3,
+            .h3 {font-size:24px}
+            h4,
+            .h4 {font-size:18px}
+            h5,
+            .h5 {font-size:14px}
+            h6,
+            .h6 {font-size:12px}
+            p {margin:0 0 10px}
+            .lead {margin-bottom:20px;font-size:16px;font-weight:200;line-height:1.4}
+            @media (min-width:768px) {.lead {font-size:21px }}
+            small,
+            .small {font-size:85%}
+            cite {font-style:normal}
+            .text-left {text-align:left}
+            .text-right {text-align:right}
+            .text-center {text-align:center}
+            .text-justify {text-align:justify}
+            .text-muted {color:#999}
+            .text-primary {color:#34495e}
+            a.text-primary:hover {color:#222f3d}
+            .text-success {color:#3c763d}
+            a.text-success:hover {color:#2b542c}
+            .text-info {color:#31708f}
+            a.text-info:hover {color:#245269}
+            .text-warning {color:#8a6d3b}
+            a.text-warning:hover {color:#66512c}
+            .text-danger {color:#a94442}
+            a.text-danger:hover {color:#843534}
+            .bg-primary {color:#fff;background-color:#34495e}
+            a.bg-primary:hover {background-color:#222f3d}
+            .bg-success {background-color:#dff0d8}
+            a.bg-success:hover {background-color:#c1e2b3}
+            .bg-info {background-color:#d9edf7}
+            a.bg-info:hover {background-color:#afd9ee}
+            .bg-warning {background-color:#fcf8e3}
+            a.bg-warning:hover {background-color:#f7ecb5}
+            .bg-danger {background-color:#f2dede}
+            a.bg-danger:hover {background-color:#e4b9b9}
+            .page-header {padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}
+            ul,
+            ol {margin-top:0;margin-bottom:10px}
+            ul ul,
+            ol ul,
+            ul ol,
+            ol ol {margin-bottom:0}
+            .list-unstyled {padding-left:0;list-style:none}
+            .list-inline {padding-left:0;list-style:none;margin-left:-5px}
+            .list-inline >li {display:inline-block;padding-left:5px;padding-right:5px}
+            dl {margin-top:0;margin-bottom:20px}
+            dt,
+            dd {line-height:1.42857143}
+            dt {font-weight:bold}
+            dd {margin-left:0}
+            @media (min-width:768px) {.dl-horizontal dt {float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap }.dl-horizontal dd {margin-left:180px }}
+            abbr[title],
+            abbr[data-original-title] {cursor:help;border-bottom:1px dotted #999}
+            .initialism {font-size:90%;text-transform:uppercase}
+            blockquote {padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}
+            blockquote p:last-child,
+            blockquote ul:last-child,
+            blockquote ol:last-child {margin-bottom:0}
+            blockquote footer,
+            blockquote small,
+            blockquote .small {display:block;font-size:80%;line-height:1.42857143;color:#999}
+            blockquote footer:before,
+            blockquote small:before,
+            blockquote .small:before {content:'\2014 \00A0'}
+            .blockquote-reverse,
+            blockquote.pull-right {padding-right:15px;padding-left:0;border-right:5px solid #eee;border-left:0;text-align:right}
+            .blockquote-reverse footer:before,
+            blockquote.pull-right footer:before,
+            .blockquote-reverse small:before,
+            blockquote.pull-right small:before,
+            .blockquote-reverse .small:before,
+            blockquote.pull-right .small:before {content:''}
+            .blockquote-reverse footer:after,
+            blockquote.pull-right footer:after,
+            .blockquote-reverse small:after,
+            blockquote.pull-right small:after,
+            .blockquote-reverse .small:after,
+            blockquote.pull-right .small:after {content:'\00A0 \2014'}
+            blockquote:before,
+            blockquote:after {content:""}
+            address {margin-bottom:20px;font-style:normal;line-height:1.42857143}
+            
+            .oc-icon-chain:before,
+            .icon-chain:before,
+            
+            .oc-icon-chain-broken:before,
+            .icon-chain-broken:before {content:"\f127"}
+            
+            .close {float:right;font-size:21px;font-weight:bold;line-height:1;color:#000;text-shadow:0 1px 0 #fff;font-family:sans-serif;opacity:0.2;filter:alpha(opacity=20)}
+            .close:hover,
+            .close:focus {color:#000;text-decoration:none;cursor:pointer;opacity:0.5;filter:alpha(opacity=50)}
+            button.close {padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}
+            @font-face {font-family:'FontAwesome';src:url('../library/font-awesome-4.7.0/fonts/fontawesome-webfont.eot?v=1.0.1');src:url('../library/font-awesome-4.7.0/fonts/fontawesome-webfont.eot?#iefix&v=1.0.1') format('embedded-opentype'),url('../library/font-awesome-4.7.0/fonts/fontawesome-webfont.woff?v=1.0.1') format('woff'),url('../ui/font/fontawesome-webfont.ttf?v=1.0.1') format('truetype'),url('../library/font-awesome-4.7.0/fonts/fontawesome-webfont.svg#fontawesomeregular?v=1.0.1') format('svg');font-weight:normal;font-style:normal}
+            [class^="icon-"],
+            [class*=" icon-"] {font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;display:inline;width:auto;height:auto;line-height:normal;vertical-align:baseline;background-image:none;background-position:0% 0%;background-repeat:repeat;margin-top:0}
+            [class^="icon-"]:before,
+            [class*=" icon-"]:before {text-decoration:inherit;display:inline-block;speak:none}
+            [class^="icon-"].pull-left,
+            [class*=" icon-"].pull-left {margin-right:.3em}
+            [class^="icon-"].pull-right,
+            [class*=" icon-"].pull-right {margin-left:.3em}
+            [class^="oc-icon-"]:before,
+            [class*=" oc-icon-"]:before {display:inline-block;margin-right:8px;font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;vertical-align:baseline}
+            [class^="oc-icon-"].empty:before,
+            [class*=" oc-icon-"].empty:before {margin-right:0}
+            .icon-lg {font-size:1.33333333em;line-height:0.75em;vertical-align:-15%}
+            .icon-2x {font-size:2em}
+            .icon-3x {font-size:3em}
+            .icon-4x {font-size:4em}
+            .icon-5x {font-size:5em}
+            body {padding-top:20px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";background:#f3f3f3;color:#405261}
+            h1,
+            h2,
+            h3,
+            h4,
+            h5 {font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";text-transform:uppercase}
+            h1 {font-weight:300;font-size:50px;margin-bottom:15px}
+            h1 i[class^="icon-"]:before {font-size:46px}
+            i[class^="icon-"].warning {color:#c84530}
+            h3 {font-size:24px;font-weight:300}
+            p.lead {font-size:16px;font-weight:300}
+        </style>
+    </head>
+    <body>
+        <div class="container">
+            <h1><i class="icon-chain-broken warning"></i> Page not found</h1>
+            <p class="lead">The requested page cannot be found.</p>
+        </div>
+    </body>
+</html>