spud_core 0.8.28 → 0.9.0

data/app/assets/javascripts/spud/admin/application.js

@@ -1,50 +1,68 @@
+
 //= require jquery
 //= require jquery_ujs
-//= require jquery-ui
 //= require tiny_mce/jquery.tinymce.js
+//= require tiny_mce/tiny_mce_src.js
 //= require spud/admin/jquery.dataTables.min
 //= require bootstrap/js/bootstrap
+//= require datepicker/js/bootstrap-datepicker
+//= require jquery-ui/js/jquery-ui-1.9.1.custom
 //= require_self
 //= require_tree .
 //= require retina_tag
 
-Spud = (typeof(Spud) == 'undefined') ? {} : Spud;
-Spud.Admin = (typeof(Spud.Admin) == 'undefined') ? {} : Spud.Admin;
+spud = {admin:{}};
 
 $(document).ready(function() {
+
+  if(typeof(window.console) == 'undefined'){
+    window.console = {
+      log:function(){},
+      warn:function(){},
+      error:function(){}
+    };
+  }
+
     $('#user_table').dataTable({
       "bJQueryUI": true,
       "sPaginationType": "full_numbers"
     });
 
+    $("#modal_window .modal-footer .form-submit").bind('click', function() {
+      $("#modal_window .modal-body form").submit();
+    });
+
+    $("#modal_window ").on('hidden', function(){
+      $(this).find('.modal-footer-additional').remove();
+      $(this).find('.modal-footer-default').show();
+    });
+
     $('a.ajax').live('click', function() {
       var url = this.href;
       var title = this.title;
-      var dialog = $("#dialog");
-      if(dialog.length == 0)
-      {
-        dialog = $('<div id="dialog" style="display:hidden;"></div>').appendTo('body');
-      }
-      dialog.load(url + ".js",
-      function(responseText, textStatus, XMLHttpRequest) {
-        dialog.dialog({width:500,modal:true,height:500,title:title});
+      var dialog = $("#modal_window");
+
+      $("#modal_window .modal-title").text(title);
+      dialog.modal({
+        remote: url +".js",
+        show:true
       });
+
+      // dialog.load(url + ".js",
+      // function(responseText, textStatus, XMLHttpRequest) {
+      //   dialog.dialog({width:500,modal:true,height:500,title:title});
+      // });
       return false;
     });
 
-    $('a.close_dialog').live('click', function() {
-      $('#dialog').dialog('close');
-    });
+
 
     $('a[data-method="delete"]').live('ajax:success',
       function(data, textStatus, jqXHR){
         $(this).closest('tr').fadeOut();
       });
 
-      $('form[data-remote="true"]').live('ajax:success',
-      function(data, textStatus, jqXHR){
-        $(this).closest('#dialog').dialog('close');
-      });
+
       $('a.button').button();
 
 
@@ -72,44 +90,67 @@ function add_fields(link, association, content) {
 
 function initFormTabs(){
    var tabNames = [];
+
    $('.formtabs .formtab').each(function(tabind) {
-       this.id = 'tab-' + tabind;
-       tabNames.push($('.tab_name',this).first().val());
+      if(tabind === 0) {
+        $(this).addClass('active');
+      }
+      this.id = 'tab-' + tabind;
+      tabNames.push($('.tab_name',this).first().val());
    });
    var tabButtons = $('.formtabs .formtab_buttons').first();
    for(var x=0;x<tabNames.length;x++)
    {
-       tabButtons.append($('<li><a href="#tab-' + x + '">' + tabNames[x] + '</a></li>'));
+      var tabButton = $('<li><a href="#tab-' + x + '" data-toggle="tab">' + tabNames[x] + '</a></li>');
+      if(x == 0) {
+        tabButton.addClass('active');
+      }
+       tabButtons.append(tabButton);
    }
 
-   $('.formtabs').tabs();
+   // $('.formtabs').tabs();
 }
 
 
 function initTinyMCE(selector) {
-    selector = (typeof(selector) == 'undefined') ? 'textarea.tinymce' : selector;
-    // Location of TinyMCE script
-    $(selector).tinymce({
-      script_url : '/assets/tiny_mce/tiny_mce.js',
-      theme: "advanced",
-      plugins: "autolink,lists,pagebreak,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,paste",
-      theme_advanced_toolbar_location: "top",
-      theme_advanced_buttons1 : "bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,styleselect,formatselect,fontselect,fontsizeselect,cut,copy,paste,pastetext,pasteword,|,bullist,numlist",
-      theme_advanced_buttons2 : "outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor,|,tablecontrols",
-      theme_advanced_buttons3 : null,
-      theme_advanced_buttons4 : null,
-      convert_urls : false,
-      height:"400"
-    });
-
-
+  console.warn('Deprecation Notice: `initTinyMCE()` is depcreated, please use `spud.admin.editor.init()` instead.');
+  spud.admin.editor.init();
 }
 
 function initDatePicker(selector){
   selector = (typeof(selector) == 'undefined') ? '.spud_form_date_picker' : selector;
   $(selector).datepicker({
-    dateFormat: 'yy-mm-dd'
+    'format': 'yyyy-mm-dd',
+    'autoclose': true
   });
 }
 
+function displayModalDialogWithOptions(options){
+  var modal = $('#modal_window');
+  if(options.title){
+    modal.find('.modal-title').text(options.title);
+  }
+  if(options.html){
+    modal.find('.modal-body').html(options.html);
+  }
+  var defaultFooter = modal.find('.modal-footer-default');
+  if(options.buttons){
+    var newFooter = defaultFooter.clone();
+    newFooter.addClass('modal-footer-additional');
+    newFooter.find('.form-submit').remove();
+    for(var key in options.buttons){
+      newFooter.append('<button class="btn '+key+'">'+options.buttons[key]+'</button>');
+    }
+    defaultFooter.hide();
+    modal.append(newFooter);
+  }
+  else{
+    defaultFooter.show();
+  }
+  modal.modal('show');
+}
 
+function hideModalDialog(){
+  var modal = $('#modal_window');
+  modal.modal('hide');
+}

data/app/assets/javascripts/spud/admin/editor.js

@@ -0,0 +1,91 @@
+spud.admin.editor = {};
+
+(function(){
+
+  var editor = spud.admin.editor;
+
+  var registeredPlugins = [
+    'autolink','lists','layer','table','advhr','advimage','advlink','iespell','inlinepopups','media','paste'
+  ];
+
+  var registeredButtons = [
+    ['bold','italic','underline','strikethrough','forecolor','backcolor','|','justifyleft','justifycenter','justifyright','justifyfull','|','formatselect','fontsizeselect','cut','copy','paste','pastetext','pasteword','|','bullist','numlist','outdent','indent'],
+    ['tablecontrols','|','link','unlink','anchor','image','code'],
+    [],
+    []
+  ];
+
+  var validElements = "@[id|class|style|title|dir<ltr?rtl|lang|xml::lang|onclick|ondblclick|" +
+    "onmousedown|onmouseup|onmouseover|onmousemove|onmouseout|onkeypress|" +
+    "onkeydown|onkeyup],a[rel|rev|charset|hreflang|tabindex|accesskey|type|" +
+    "name|href|target|title|class|onfocus|onblur],strong/b,em/i,strike,u," +
+    "#p,-ol[type|compact],-ul[type|compact],-li,br,img[longdesc|usemap|" +
+    "src|border|alt=|title|hspace|vspace|width|height|align|hidpi_src],-sub,-sup," +
+    "-blockquote,-table[border=0|cellspacing|cellpadding|width|frame|rules|" +
+    "height|align|summary|bgcolor|background|bordercolor],-tr[rowspan|width|" +
+    "height|align|valign|bgcolor|background|bordercolor],tbody,thead,tfoot," +
+    "#td[colspan|rowspan|width|height|align|valign|bgcolor|background|bordercolor" +
+    "|scope],#th[colspan|rowspan|width|height|align|valign|scope],caption,-div," +
+    "-span,-code,-pre,address,-h1,-h2,-h3,-h4,-h5,-h6,hr[size|noshade],-font[face" +
+    "|size|color],dd,dl,dt,cite,abbr,acronym,del[datetime|cite],ins[datetime|cite]," +
+    "object[classid|width|height|codebase|*],param[name|value|_value],embed[type|width" +
+    "|height|src|*],script[src|type],map[name],area[shape|coords|href|alt|target],bdo," +
+    "button,col[align|char|charoff|span|valign|width],colgroup[align|char|charoff|span|" +
+    "valign|width],dfn,fieldset,form[action|accept|accept-charset|enctype|method]," +
+    "input[accept|alt|checked|disabled|maxlength|name|readonly|size|src|type|value]," +
+    "kbd,label[for],legend,noscript,optgroup[label|disabled],option[disabled|label|selected|value]," +
+    "q[cite],samp,select[disabled|multiple|name|size],small," +
+    "textarea[cols|rows|disabled|name|readonly],tt,var,big";
+
+  editor.init = function(){
+    editor.initWithOptions({});
+  };
+
+  editor.initWithOptions = function(options){
+    var selector = options.selector || 'textarea.tinymce';
+    var theme = options.theme || 'advanced';
+    var height = options.height || 400;
+    //var alignment: 
+    $(selector).tinymce({
+      //script_url : '/assets/tiny_mce/tiny_mce.js',
+      theme: theme,
+      plugins: registeredPlugins.join(','),
+      theme_advanced_toolbar_location: "top",
+      theme_advanced_buttons1: registeredButtons[0].join(','),
+      theme_advanced_buttons2: registeredButtons[1].join(','),
+      theme_advanced_buttons3: registeredButtons[2].join(','),
+      theme_advanced_buttons4: registeredButtons[3].join(','),
+      theme_advanced_toolbar_align: 'left',
+      convert_urls: false,
+      valid_elements: validElements,
+      height: height
+    });
+  };
+
+  editor.registerPlugin = function(pluginName){
+    if($.inArray(registeredPlugins, pluginName) < 0){
+      registeredPlugins.push(pluginName);
+    }
+  };
+
+  editor.deregisterPlugin = function(pluginName){
+    var i=0;
+    while(i < registeredPlugins.length){
+      if(registeredPlugins[i] == pluginName){
+        registeredPlugins.splice(1, i);
+        break;
+      }
+      i++;
+    }
+  };
+
+  editor.registerButton = function(buttonNameOrArray, rowNum){
+    rowNum = rowNum || 1;
+    if(typeof(buttonNameOrArray) == 'object'){
+      registeredButtons[rowNum].concat(buttonNameOrArray);
+    }
+    else{
+      registeredButtons[rowNum].push(buttonNameOrArray);
+    }
+  };
+})();

data/app/assets/libs/bootstrap/css/bootstrap-responsive.css

@@ -1,5 +1,5 @@
 /*!
- * Bootstrap Responsive v2.0.2
+ * Bootstrap Responsive v2.2.1
  *
  * Copyright 2012 Twitter, Inc
  * Licensed under the Apache License v2.0
@@ -7,181 +7,440 @@
  *
  * Designed and built with all the love in the world @twitter by @mdo and @fat.
  */
+
 .clearfix {
   *zoom: 1;
 }
+
 .clearfix:before,
 .clearfix:after {
   display: table;
+  line-height: 0;
   content: "";
 }
+
 .clearfix:after {
   clear: both;
 }
+
 .hide-text {
-  overflow: hidden;
-  text-indent: 100%;
-  white-space: nowrap;
+  font: 0/0 a;
+  color: transparent;
+  text-shadow: none;
+  background-color: transparent;
+  border: 0;
 }
+
 .input-block-level {
   display: block;
   width: 100%;
-  min-height: 28px;
-  /* Make inputs at least the height of their button counterpart */
-
-  /* Makes inputs behave like true block-level elements */
-
+  min-height: 30px;
   -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  -ms-box-sizing: border-box;
-  box-sizing: border-box;
+     -moz-box-sizing: border-box;
+          box-sizing: border-box;
 }
+
 .hidden {
   display: none;
   visibility: hidden;
 }
+
 .visible-phone {
-  display: none;
+  display: none !important;
 }
+
 .visible-tablet {
-  display: none;
-}
-.visible-desktop {
-  display: block;
-}
-.hidden-phone {
-  display: block;
-}
-.hidden-tablet {
-  display: block;
+  display: none !important;
 }
+
 .hidden-desktop {
-  display: none;
+  display: none !important;
 }
-@media (max-width: 767px) {
-  .visible-phone {
-    display: block;
-  }
-  .hidden-phone {
-    display: none;
-  }
+
+.visible-desktop {
+  display: inherit !important;
+}
+
+@media (min-width: 768px) and (max-width: 979px) {
   .hidden-desktop {
-    display: block;
+    display: inherit !important;
   }
   .visible-desktop {
-    display: none;
+    display: none !important ;
   }
-}
-@media (min-width: 768px) and (max-width: 979px) {
   .visible-tablet {
-    display: block;
+    display: inherit !important;
   }
   .hidden-tablet {
-    display: none;
+    display: none !important;
   }
+}
+
+@media (max-width: 767px) {
   .hidden-desktop {
-    display: block;
+    display: inherit !important;
   }
   .visible-desktop {
-    display: none;
+    display: none !important;
+  }
+  .visible-phone {
+    display: inherit !important;
+  }
+  .hidden-phone {
+    display: none !important;
   }
 }
-@media (max-width: 480px) {
-  .nav-collapse {
-    -webkit-transform: translate3d(0, 0, 0);
+
+@media (min-width: 1200px) {
+  .row {
+    margin-left: -30px;
+    *zoom: 1;
   }
-  .page-header h1 small {
-    display: block;
-    line-height: 18px;
+  .row:before,
+  .row:after {
+    display: table;
+    line-height: 0;
+    content: "";
   }
-  input[type="checkbox"],
-  input[type="radio"] {
-    border: 1px solid #ccc;
+  .row:after {
+    clear: both;
   }
-  .form-horizontal .control-group > label {
-    float: none;
-    width: auto;
-    padding-top: 0;
-    text-align: left;
+  [class*="span"] {
+    float: left;
+    min-height: 1px;
+    margin-left: 30px;
   }
-  .form-horizontal .controls {
-    margin-left: 0;
+  .container,
+  .navbar-static-top .container,
+  .navbar-fixed-top .container,
+  .navbar-fixed-bottom .container {
+    width: 1170px;
   }
-  .form-horizontal .control-list {
-    padding-top: 0;
+  .span12 {
+    width: 1170px;
   }
-  .form-horizontal .form-actions {
-    padding-left: 10px;
-    padding-right: 10px;
+  .span11 {
+    width: 1070px;
   }
-  .modal {
-    position: absolute;
-    top: 10px;
-    left: 10px;
-    right: 10px;
-    width: auto;
-    margin: 0;
+  .span10 {
+    width: 970px;
   }
-  .modal.fade.in {
-    top: auto;
+  .span9 {
+    width: 870px;
   }
-  .modal-header .close {
-    padding: 10px;
-    margin: -10px;
+  .span8 {
+    width: 770px;
   }
-  .carousel-caption {
-    position: static;
+  .span7 {
+    width: 670px;
   }
-}
-@media (max-width: 767px) {
-  body {
-    padding-left: 20px;
-    padding-right: 20px;
+  .span6 {
+    width: 570px;
   }
-  .navbar-fixed-top {
-    margin-left: -20px;
-    margin-right: -20px;
+  .span5 {
+    width: 470px;
   }
-  .container {
-    width: auto;
+  .span4 {
+    width: 370px;
+  }
+  .span3 {
+    width: 270px;
+  }
+  .span2 {
+    width: 170px;
+  }
+  .span1 {
+    width: 70px;
+  }
+  .offset12 {
+    margin-left: 1230px;
+  }
+  .offset11 {
+    margin-left: 1130px;
+  }
+  .offset10 {
+    margin-left: 1030px;
+  }
+  .offset9 {
+    margin-left: 930px;
+  }
+  .offset8 {
+    margin-left: 830px;
+  }
+  .offset7 {
+    margin-left: 730px;
+  }
+  .offset6 {
+    margin-left: 630px;
+  }
+  .offset5 {
+    margin-left: 530px;
+  }
+  .offset4 {
+    margin-left: 430px;
+  }
+  .offset3 {
+    margin-left: 330px;
+  }
+  .offset2 {
+    margin-left: 230px;
+  }
+  .offset1 {
+    margin-left: 130px;
   }
   .row-fluid {
     width: 100%;
+    *zoom: 1;
   }
-  .row {
-    margin-left: 0;
-  }
-  .row > [class*="span"],
-  .row-fluid > [class*="span"] {
-    float: none;
-    display: block;
-    width: auto;
-    margin: 0;
+  .row-fluid:before,
+  .row-fluid:after {
+    display: table;
+    line-height: 0;
+    content: "";
   }
-  .thumbnails [class*="span"] {
-    width: auto;
+  .row-fluid:after {
+    clear: both;
   }
-  input[class*="span"],
-  select[class*="span"],
-  textarea[class*="span"],
-  .uneditable-input {
+  .row-fluid [class*="span"] {
     display: block;
+    float: left;
     width: 100%;
-    min-height: 28px;
-    /* Make inputs at least the height of their button counterpart */
-  
-    /* Makes inputs behave like true block-level elements */
-  
+    min-height: 30px;
+    margin-left: 2.564102564102564%;
+    *margin-left: 2.5109110747408616%;
     -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    -ms-box-sizing: border-box;
-    box-sizing: border-box;
+       -moz-box-sizing: border-box;
+            box-sizing: border-box;
   }
-  .input-prepend input[class*="span"],
-  .input-append input[class*="span"] {
-    width: auto;
+  .row-fluid [class*="span"]:first-child {
+    margin-left: 0;
+  }
+  .row-fluid .controls-row [class*="span"] + [class*="span"] {
+    margin-left: 2.564102564102564%;
+  }
+  .row-fluid .span12 {
+    width: 100%;
+    *width: 99.94680851063829%;
+  }
+  .row-fluid .span11 {
+    width: 91.45299145299145%;
+    *width: 91.39979996362975%;
+  }
+  .row-fluid .span10 {
+    width: 82.90598290598291%;
+    *width: 82.8527914166212%;
+  }
+  .row-fluid .span9 {
+    width: 74.35897435897436%;
+    *width: 74.30578286961266%;
+  }
+  .row-fluid .span8 {
+    width: 65.81196581196582%;
+    *width: 65.75877432260411%;
+  }
+  .row-fluid .span7 {
+    width: 57.26495726495726%;
+    *width: 57.21176577559556%;
+  }
+  .row-fluid .span6 {
+    width: 48.717948717948715%;
+    *width: 48.664757228587014%;
+  }
+  .row-fluid .span5 {
+    width: 40.17094017094017%;
+    *width: 40.11774868157847%;
+  }
+  .row-fluid .span4 {
+    width: 31.623931623931625%;
+    *width: 31.570740134569924%;
+  }
+  .row-fluid .span3 {
+    width: 23.076923076923077%;
+    *width: 23.023731587561375%;
+  }
+  .row-fluid .span2 {
+    width: 14.52991452991453%;
+    *width: 14.476723040552828%;
+  }
+  .row-fluid .span1 {
+    width: 5.982905982905983%;
+    *width: 5.929714493544281%;
+  }
+  .row-fluid .offset12 {
+    margin-left: 105.12820512820512%;
+    *margin-left: 105.02182214948171%;
+  }
+  .row-fluid .offset12:first-child {
+    margin-left: 102.56410256410257%;
+    *margin-left: 102.45771958537915%;
+  }
+  .row-fluid .offset11 {
+    margin-left: 96.58119658119658%;
+    *margin-left: 96.47481360247316%;
+  }
+  .row-fluid .offset11:first-child {
+    margin-left: 94.01709401709402%;
+    *margin-left: 93.91071103837061%;
+  }
+  .row-fluid .offset10 {
+    margin-left: 88.03418803418803%;
+    *margin-left: 87.92780505546462%;
+  }
+  .row-fluid .offset10:first-child {
+    margin-left: 85.47008547008548%;
+    *margin-left: 85.36370249136206%;
+  }
+  .row-fluid .offset9 {
+    margin-left: 79.48717948717949%;
+    *margin-left: 79.38079650845607%;
+  }
+  .row-fluid .offset9:first-child {
+    margin-left: 76.92307692307693%;
+    *margin-left: 76.81669394435352%;
+  }
+  .row-fluid .offset8 {
+    margin-left: 70.94017094017094%;
+    *margin-left: 70.83378796144753%;
+  }
+  .row-fluid .offset8:first-child {
+    margin-left: 68.37606837606839%;
+    *margin-left: 68.26968539734497%;
+  }
+  .row-fluid .offset7 {
+    margin-left: 62.393162393162385%;
+    *margin-left: 62.28677941443899%;
+  }
+  .row-fluid .offset7:first-child {
+    margin-left: 59.82905982905982%;
+    *margin-left: 59.72267685033642%;
+  }
+  .row-fluid .offset6 {
+    margin-left: 53.84615384615384%;
+    *margin-left: 53.739770867430444%;
+  }
+  .row-fluid .offset6:first-child {
+    margin-left: 51.28205128205128%;
+    *margin-left: 51.175668303327875%;
+  }
+  .row-fluid .offset5 {
+    margin-left: 45.299145299145295%;
+    *margin-left: 45.1927623204219%;
+  }
+  .row-fluid .offset5:first-child {
+    margin-left: 42.73504273504273%;
+    *margin-left: 42.62865975631933%;
+  }
+  .row-fluid .offset4 {
+    margin-left: 36.75213675213675%;
+    *margin-left: 36.645753773413354%;
+  }
+  .row-fluid .offset4:first-child {
+    margin-left: 34.18803418803419%;
+    *margin-left: 34.081651209310785%;
+  }
+  .row-fluid .offset3 {
+    margin-left: 28.205128205128204%;
+    *margin-left: 28.0987452264048%;
+  }
+  .row-fluid .offset3:first-child {
+    margin-left: 25.641025641025642%;
+    *margin-left: 25.53464266230224%;
+  }
+  .row-fluid .offset2 {
+    margin-left: 19.65811965811966%;
+    *margin-left: 19.551736679396257%;
+  }
+  .row-fluid .offset2:first-child {
+    margin-left: 17.094017094017094%;
+    *margin-left: 16.98763411529369%;
+  }
+  .row-fluid .offset1 {
+    margin-left: 11.11111111111111%;
+    *margin-left: 11.004728132387708%;
+  }
+  .row-fluid .offset1:first-child {
+    margin-left: 8.547008547008547%;
+    *margin-left: 8.440625568285142%;
+  }
+  input,
+  textarea,
+  .uneditable-input {
+    margin-left: 0;
+  }
+  .controls-row [class*="span"] + [class*="span"] {
+    margin-left: 30px;
+  }
+  input.span12,
+  textarea.span12,
+  .uneditable-input.span12 {
+    width: 1156px;
+  }
+  input.span11,
+  textarea.span11,
+  .uneditable-input.span11 {
+    width: 1056px;
+  }
+  input.span10,
+  textarea.span10,
+  .uneditable-input.span10 {
+    width: 956px;
+  }
+  input.span9,
+  textarea.span9,
+  .uneditable-input.span9 {
+    width: 856px;
+  }
+  input.span8,
+  textarea.span8,
+  .uneditable-input.span8 {
+    width: 756px;
+  }
+  input.span7,
+  textarea.span7,
+  .uneditable-input.span7 {
+    width: 656px;
+  }
+  input.span6,
+  textarea.span6,
+  .uneditable-input.span6 {
+    width: 556px;
+  }
+  input.span5,
+  textarea.span5,
+  .uneditable-input.span5 {
+    width: 456px;
+  }
+  input.span4,
+  textarea.span4,
+  .uneditable-input.span4 {
+    width: 356px;
+  }
+  input.span3,
+  textarea.span3,
+  .uneditable-input.span3 {
+    width: 256px;
+  }
+  input.span2,
+  textarea.span2,
+  .uneditable-input.span2 {
+    width: 156px;
+  }
+  input.span1,
+  textarea.span1,
+  .uneditable-input.span1 {
+    width: 56px;
+  }
+  .thumbnails {
+    margin-left: -30px;
+  }
+  .thumbnails > li {
+    margin-left: 30px;
+  }
+  .row-fluid .thumbnails {
+    margin-left: 0;
   }
 }
+
 @media (min-width: 768px) and (max-width: 979px) {
   .row {
     margin-left: -20px;
@@ -190,6 +449,7 @@
   .row:before,
   .row:after {
     display: table;
+    line-height: 0;
     content: "";
   }
   .row:after {
@@ -197,9 +457,11 @@
   }
   [class*="span"] {
     float: left;
+    min-height: 1px;
     margin-left: 20px;
   }
   .container,
+  .navbar-static-top .container,
   .navbar-fixed-top .container,
   .navbar-fixed-bottom .container {
     width: 724px;
@@ -283,404 +545,544 @@
   .row-fluid:before,
   .row-fluid:after {
     display: table;
+    line-height: 0;
     content: "";
   }
   .row-fluid:after {
     clear: both;
   }
-  .row-fluid > [class*="span"] {
+  .row-fluid [class*="span"] {
+    display: block;
     float: left;
-    margin-left: 2.762430939%;
+    width: 100%;
+    min-height: 30px;
+    margin-left: 2.7624309392265194%;
+    *margin-left: 2.709239449864817%;
+    -webkit-box-sizing: border-box;
+       -moz-box-sizing: border-box;
+            box-sizing: border-box;
   }
-  .row-fluid > [class*="span"]:first-child {
+  .row-fluid [class*="span"]:first-child {
     margin-left: 0;
   }
-  .row-fluid > .span12 {
-    width: 99.999999993%;
+  .row-fluid .controls-row [class*="span"] + [class*="span"] {
+    margin-left: 2.7624309392265194%;
   }
-  .row-fluid > .span11 {
-    width: 91.436464082%;
+  .row-fluid .span12 {
+    width: 100%;
+    *width: 99.94680851063829%;
   }
-  .row-fluid > .span10 {
-    width: 82.87292817100001%;
+  .row-fluid .span11 {
+    width: 91.43646408839778%;
+    *width: 91.38327259903608%;
   }
-  .row-fluid > .span9 {
-    width: 74.30939226%;
+  .row-fluid .span10 {
+    width: 82.87292817679558%;
+    *width: 82.81973668743387%;
   }
-  .row-fluid > .span8 {
-    width: 65.74585634900001%;
+  .row-fluid .span9 {
+    width: 74.30939226519337%;
+    *width: 74.25620077583166%;
   }
-  .row-fluid > .span7 {
-    width: 57.182320438000005%;
+  .row-fluid .span8 {
+    width: 65.74585635359117%;
+    *width: 65.69266486422946%;
   }
-  .row-fluid > .span6 {
-    width: 48.618784527%;
+  .row-fluid .span7 {
+    width: 57.18232044198895%;
+    *width: 57.12912895262725%;
   }
-  .row-fluid > .span5 {
-    width: 40.055248616%;
+  .row-fluid .span6 {
+    width: 48.61878453038674%;
+    *width: 48.56559304102504%;
   }
-  .row-fluid > .span4 {
-    width: 31.491712705%;
+  .row-fluid .span5 {
+    width: 40.05524861878453%;
+    *width: 40.00205712942283%;
   }
-  .row-fluid > .span3 {
-    width: 22.928176794%;
+  .row-fluid .span4 {
+    width: 31.491712707182323%;
+    *width: 31.43852121782062%;
   }
-  .row-fluid > .span2 {
-    width: 14.364640883%;
+  .row-fluid .span3 {
+    width: 22.92817679558011%;
+    *width: 22.87498530621841%;
   }
-  .row-fluid > .span1 {
-    width: 5.801104972%;
+  .row-fluid .span2 {
+    width: 14.3646408839779%;
+    *width: 14.311449394616199%;
   }
-  input,
-  textarea,
-  .uneditable-input {
-    margin-left: 0;
+  .row-fluid .span1 {
+    width: 5.801104972375691%;
+    *width: 5.747913483013988%;
   }
-  input.span12, textarea.span12, .uneditable-input.span12 {
-    width: 714px;
+  .row-fluid .offset12 {
+    margin-left: 105.52486187845304%;
+    *margin-left: 105.41847889972962%;
   }
-  input.span11, textarea.span11, .uneditable-input.span11 {
-    width: 652px;
+  .row-fluid .offset12:first-child {
+    margin-left: 102.76243093922652%;
+    *margin-left: 102.6560479605031%;
   }
-  input.span10, textarea.span10, .uneditable-input.span10 {
-    width: 590px;
+  .row-fluid .offset11 {
+    margin-left: 96.96132596685082%;
+    *margin-left: 96.8549429881274%;
   }
-  input.span9, textarea.span9, .uneditable-input.span9 {
-    width: 528px;
+  .row-fluid .offset11:first-child {
+    margin-left: 94.1988950276243%;
+    *margin-left: 94.09251204890089%;
   }
-  input.span8, textarea.span8, .uneditable-input.span8 {
-    width: 466px;
+  .row-fluid .offset10 {
+    margin-left: 88.39779005524862%;
+    *margin-left: 88.2914070765252%;
   }
-  input.span7, textarea.span7, .uneditable-input.span7 {
-    width: 404px;
+  .row-fluid .offset10:first-child {
+    margin-left: 85.6353591160221%;
+    *margin-left: 85.52897613729868%;
   }
-  input.span6, textarea.span6, .uneditable-input.span6 {
-    width: 342px;
+  .row-fluid .offset9 {
+    margin-left: 79.8342541436464%;
+    *margin-left: 79.72787116492299%;
   }
-  input.span5, textarea.span5, .uneditable-input.span5 {
-    width: 280px;
+  .row-fluid .offset9:first-child {
+    margin-left: 77.07182320441989%;
+    *margin-left: 76.96544022569647%;
   }
-  input.span4, textarea.span4, .uneditable-input.span4 {
-    width: 218px;
+  .row-fluid .offset8 {
+    margin-left: 71.2707182320442%;
+    *margin-left: 71.16433525332079%;
   }
-  input.span3, textarea.span3, .uneditable-input.span3 {
-    width: 156px;
+  .row-fluid .offset8:first-child {
+    margin-left: 68.50828729281768%;
+    *margin-left: 68.40190431409427%;
   }
-  input.span2, textarea.span2, .uneditable-input.span2 {
-    width: 94px;
+  .row-fluid .offset7 {
+    margin-left: 62.70718232044199%;
+    *margin-left: 62.600799341718584%;
   }
-  input.span1, textarea.span1, .uneditable-input.span1 {
-    width: 32px;
+  .row-fluid .offset7:first-child {
+    margin-left: 59.94475138121547%;
+    *margin-left: 59.838368402492065%;
   }
-}
-@media (max-width: 979px) {
-  body {
-    padding-top: 0;
+  .row-fluid .offset6 {
+    margin-left: 54.14364640883978%;
+    *margin-left: 54.037263430116376%;
   }
-  .navbar-fixed-top {
-    position: static;
-    margin-bottom: 18px;
+  .row-fluid .offset6:first-child {
+    margin-left: 51.38121546961326%;
+    *margin-left: 51.27483249088986%;
   }
-  .navbar-fixed-top .navbar-inner {
-    padding: 5px;
+  .row-fluid .offset5 {
+    margin-left: 45.58011049723757%;
+    *margin-left: 45.47372751851417%;
   }
-  .navbar .container {
-    width: auto;
-    padding: 0;
+  .row-fluid .offset5:first-child {
+    margin-left: 42.81767955801105%;
+    *margin-left: 42.71129657928765%;
   }
-  .navbar .brand {
-    padding-left: 10px;
-    padding-right: 10px;
-    margin: 0 0 0 -5px;
+  .row-fluid .offset4 {
+    margin-left: 37.01657458563536%;
+    *margin-left: 36.91019160691196%;
   }
-  .navbar .nav-collapse {
-    clear: left;
+  .row-fluid .offset4:first-child {
+    margin-left: 34.25414364640884%;
+    *margin-left: 34.14776066768544%;
   }
-  .navbar .nav {
-    float: none;
-    margin: 0 0 9px;
-  }
-  .navbar .nav > li {
-    float: none;
-  }
-  .navbar .nav > li > a {
-    margin-bottom: 2px;
-  }
-  .navbar .nav > .divider-vertical {
-    display: none;
-  }
-  .navbar .nav .nav-header {
-    color: #999999;
-    text-shadow: none;
+  .row-fluid .offset3 {
+    margin-left: 28.45303867403315%;
+    *margin-left: 28.346655695309746%;
   }
-  .navbar .nav > li > a,
-  .navbar .dropdown-menu a {
-    padding: 6px 15px;
-    font-weight: bold;
-    color: #999999;
-    -webkit-border-radius: 3px;
-    -moz-border-radius: 3px;
-    border-radius: 3px;
+  .row-fluid .offset3:first-child {
+    margin-left: 25.69060773480663%;
+    *margin-left: 25.584224756083227%;
   }
-  .navbar .dropdown-menu li + li a {
-    margin-bottom: 2px;
-  }
-  .navbar .nav > li > a:hover,
-  .navbar .dropdown-menu a:hover {
-    background-color: #222222;
-  }
-  .navbar .dropdown-menu {
-    position: static;
-    top: auto;
-    left: auto;
-    float: none;
-    display: block;
-    max-width: none;
-    margin: 0 15px;
-    padding: 0;
-    background-color: transparent;
-    border: none;
-    -webkit-border-radius: 0;
-    -moz-border-radius: 0;
-    border-radius: 0;
-    -webkit-box-shadow: none;
-    -moz-box-shadow: none;
-    box-shadow: none;
+  .row-fluid .offset2 {
+    margin-left: 19.88950276243094%;
+    *margin-left: 19.783119783707537%;
   }
-  .navbar .dropdown-menu:before,
-  .navbar .dropdown-menu:after {
-    display: none;
+  .row-fluid .offset2:first-child {
+    margin-left: 17.12707182320442%;
+    *margin-left: 17.02068884448102%;
   }
-  .navbar .dropdown-menu .divider {
-    display: none;
+  .row-fluid .offset1 {
+    margin-left: 11.32596685082873%;
+    *margin-left: 11.219583872105325%;
   }
-  .navbar-form,
-  .navbar-search {
-    float: none;
-    padding: 9px 15px;
-    margin: 9px 0;
-    border-top: 1px solid #222222;
-    border-bottom: 1px solid #222222;
-    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
-    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
-    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
+  .row-fluid .offset1:first-child {
+    margin-left: 8.56353591160221%;
+    *margin-left: 8.457152932878806%;
   }
-  .navbar .nav.pull-right {
-    float: none;
+  input,
+  textarea,
+  .uneditable-input {
     margin-left: 0;
   }
-  .navbar-static .navbar-inner {
-    padding-left: 10px;
-    padding-right: 10px;
-  }
-  .btn-navbar {
-    display: block;
+  .controls-row [class*="span"] + [class*="span"] {
+    margin-left: 20px;
   }
-  .nav-collapse {
-    overflow: hidden;
-    height: 0;
+  input.span12,
+  textarea.span12,
+  .uneditable-input.span12 {
+    width: 710px;
+  }
+  input.span11,
+  textarea.span11,
+  .uneditable-input.span11 {
+    width: 648px;
+  }
+  input.span10,
+  textarea.span10,
+  .uneditable-input.span10 {
+    width: 586px;
+  }
+  input.span9,
+  textarea.span9,
+  .uneditable-input.span9 {
+    width: 524px;
+  }
+  input.span8,
+  textarea.span8,
+  .uneditable-input.span8 {
+    width: 462px;
+  }
+  input.span7,
+  textarea.span7,
+  .uneditable-input.span7 {
+    width: 400px;
+  }
+  input.span6,
+  textarea.span6,
+  .uneditable-input.span6 {
+    width: 338px;
+  }
+  input.span5,
+  textarea.span5,
+  .uneditable-input.span5 {
+    width: 276px;
+  }
+  input.span4,
+  textarea.span4,
+  .uneditable-input.span4 {
+    width: 214px;
+  }
+  input.span3,
+  textarea.span3,
+  .uneditable-input.span3 {
+    width: 152px;
+  }
+  input.span2,
+  textarea.span2,
+  .uneditable-input.span2 {
+    width: 90px;
+  }
+  input.span1,
+  textarea.span1,
+  .uneditable-input.span1 {
+    width: 28px;
   }
 }
-@media (min-width: 980px) {
-  .nav-collapse.collapse {
-    height: auto !important;
-    overflow: visible !important;
+
+@media (max-width: 767px) {
+  body {
+    padding-right: 20px;
+    padding-left: 20px;
   }
-}
-@media (min-width: 1200px) {
-  .row {
-    margin-left: -30px;
-    *zoom: 1;
+  .navbar-fixed-top,
+  .navbar-fixed-bottom,
+  .navbar-static-top {
+    margin-right: -20px;
+    margin-left: -20px;
   }
-  .row:before,
-  .row:after {
-    display: table;
-    content: "";
+  .container-fluid {
+    padding: 0;
   }
-  .row:after {
-    clear: both;
+  .dl-horizontal dt {
+    float: none;
+    width: auto;
+    clear: none;
+    text-align: left;
   }
-  [class*="span"] {
-    float: left;
-    margin-left: 30px;
+  .dl-horizontal dd {
+    margin-left: 0;
   }
-  .container,
-  .navbar-fixed-top .container,
-  .navbar-fixed-bottom .container {
-    width: 1170px;
+  .container {
+    width: auto;
   }
-  .span12 {
-    width: 1170px;
+  .row-fluid {
+    width: 100%;
   }
-  .span11 {
-    width: 1070px;
+  .row,
+  .thumbnails {
+    margin-left: 0;
   }
-  .span10 {
-    width: 970px;
+  .thumbnails > li {
+    float: none;
+    margin-left: 0;
   }
-  .span9 {
-    width: 870px;
+  [class*="span"],
+  .uneditable-input[class*="span"],
+  .row-fluid [class*="span"] {
+    display: block;
+    float: none;
+    width: 100%;
+    margin-left: 0;
+    -webkit-box-sizing: border-box;
+       -moz-box-sizing: border-box;
+            box-sizing: border-box;
   }
-  .span8 {
-    width: 770px;
+  .span12,
+  .row-fluid .span12 {
+    width: 100%;
+    -webkit-box-sizing: border-box;
+       -moz-box-sizing: border-box;
+            box-sizing: border-box;
   }
-  .span7 {
-    width: 670px;
+  .row-fluid [class*="offset"]:first-child {
+    margin-left: 0;
   }
-  .span6 {
-    width: 570px;
+  .input-large,
+  .input-xlarge,
+  .input-xxlarge,
+  input[class*="span"],
+  select[class*="span"],
+  textarea[class*="span"],
+  .uneditable-input {
+    display: block;
+    width: 100%;
+    min-height: 30px;
+    -webkit-box-sizing: border-box;
+       -moz-box-sizing: border-box;
+            box-sizing: border-box;
   }
-  .span5 {
-    width: 470px;
+  .input-prepend input,
+  .input-append input,
+  .input-prepend input[class*="span"],
+  .input-append input[class*="span"] {
+    display: inline-block;
+    width: auto;
   }
-  .span4 {
-    width: 370px;
+  .controls-row [class*="span"] + [class*="span"] {
+    margin-left: 0;
   }
-  .span3 {
-    width: 270px;
+  .modal {
+    position: fixed;
+    top: 20px;
+    right: 20px;
+    left: 20px;
+    width: auto;
+    margin: 0;
   }
-  .span2 {
-    width: 170px;
+  .modal.fade {
+    top: -100px;
   }
-  .span1 {
-    width: 70px;
+  .modal.fade.in {
+    top: 20px;
   }
-  .offset12 {
-    margin-left: 1230px;
+}
+
+@media (max-width: 480px) {
+  .nav-collapse {
+    -webkit-transform: translate3d(0, 0, 0);
   }
-  .offset11 {
-    margin-left: 1130px;
+  .page-header h1 small {
+    display: block;
+    line-height: 20px;
   }
-  .offset10 {
-    margin-left: 1030px;
+  input[type="checkbox"],
+  input[type="radio"] {
+    border: 1px solid #ccc;
   }
-  .offset9 {
-    margin-left: 930px;
+  .form-horizontal .control-label {
+    float: none;
+    width: auto;
+    padding-top: 0;
+    text-align: left;
   }
-  .offset8 {
-    margin-left: 830px;
+  .form-horizontal .controls {
+    margin-left: 0;
   }
-  .offset7 {
-    margin-left: 730px;
+  .form-horizontal .control-list {
+    padding-top: 0;
   }
-  .offset6 {
-    margin-left: 630px;
+  .form-horizontal .form-actions {
+    padding-right: 10px;
+    padding-left: 10px;
   }
-  .offset5 {
-    margin-left: 530px;
+  .media .pull-left,
+  .media .pull-right {
+    display: block;
+    float: none;
+    margin-bottom: 10px;
   }
-  .offset4 {
-    margin-left: 430px;
+  .media-object {
+    margin-right: 0;
+    margin-left: 0;
   }
-  .offset3 {
-    margin-left: 330px;
+  .modal {
+    top: 10px;
+    right: 10px;
+    left: 10px;
   }
-  .offset2 {
-    margin-left: 230px;
+  .modal-header .close {
+    padding: 10px;
+    margin: -10px;
   }
-  .offset1 {
-    margin-left: 130px;
+  .carousel-caption {
+    position: static;
   }
-  .row-fluid {
-    width: 100%;
-    *zoom: 1;
+}
+
+@media (max-width: 979px) {
+  body {
+    padding-top: 0;
   }
-  .row-fluid:before,
-  .row-fluid:after {
-    display: table;
-    content: "";
+  .navbar-fixed-top,
+  .navbar-fixed-bottom {
+    position: static;
   }
-  .row-fluid:after {
-    clear: both;
+  .navbar-fixed-top {
+    margin-bottom: 20px;
   }
-  .row-fluid > [class*="span"] {
-    float: left;
-    margin-left: 2.564102564%;
+  .navbar-fixed-bottom {
+    margin-top: 20px;
   }
-  .row-fluid > [class*="span"]:first-child {
-    margin-left: 0;
+  .navbar-fixed-top .navbar-inner,
+  .navbar-fixed-bottom .navbar-inner {
+    padding: 5px;
   }
-  .row-fluid > .span12 {
-    width: 100%;
+  .navbar .container {
+    width: auto;
+    padding: 0;
   }
-  .row-fluid > .span11 {
-    width: 91.45299145300001%;
+  .navbar .brand {
+    padding-right: 10px;
+    padding-left: 10px;
+    margin: 0 0 0 -5px;
   }
-  .row-fluid > .span10 {
-    width: 82.905982906%;
+  .nav-collapse {
+    clear: both;
   }
-  .row-fluid > .span9 {
-    width: 74.358974359%;
+  .nav-collapse .nav {
+    float: none;
+    margin: 0 0 10px;
   }
-  .row-fluid > .span8 {
-    width: 65.81196581200001%;
+  .nav-collapse .nav > li {
+    float: none;
   }
-  .row-fluid > .span7 {
-    width: 57.264957265%;
+  .nav-collapse .nav > li > a {
+    margin-bottom: 2px;
   }
-  .row-fluid > .span6 {
-    width: 48.717948718%;
+  .nav-collapse .nav > .divider-vertical {
+    display: none;
   }
-  .row-fluid > .span5 {
-    width: 40.170940171000005%;
+  .nav-collapse .nav .nav-header {
+    color: #777777;
+    text-shadow: none;
   }
-  .row-fluid > .span4 {
-    width: 31.623931624%;
+  .nav-collapse .nav > li > a,
+  .nav-collapse .dropdown-menu a {
+    padding: 9px 15px;
+    font-weight: bold;
+    color: #777777;
+    -webkit-border-radius: 3px;
+       -moz-border-radius: 3px;
+            border-radius: 3px;
   }
-  .row-fluid > .span3 {
-    width: 23.076923077%;
+  .nav-collapse .btn {
+    padding: 4px 10px 4px;
+    font-weight: normal;
+    -webkit-border-radius: 4px;
+       -moz-border-radius: 4px;
+            border-radius: 4px;
   }
-  .row-fluid > .span2 {
-    width: 14.529914530000001%;
+  .nav-collapse .dropdown-menu li + li a {
+    margin-bottom: 2px;
   }
-  .row-fluid > .span1 {
-    width: 5.982905983%;
+  .nav-collapse .nav > li > a:hover,
+  .nav-collapse .dropdown-menu a:hover {
+    background-color: #f2f2f2;
   }
-  input,
-  textarea,
-  .uneditable-input {
-    margin-left: 0;
+  .navbar-inverse .nav-collapse .nav > li > a,
+  .navbar-inverse .nav-collapse .dropdown-menu a {
+    color: #999999;
   }
-  input.span12, textarea.span12, .uneditable-input.span12 {
-    width: 1160px;
+  .navbar-inverse .nav-collapse .nav > li > a:hover,
+  .navbar-inverse .nav-collapse .dropdown-menu a:hover {
+    background-color: #111111;
   }
-  input.span11, textarea.span11, .uneditable-input.span11 {
-    width: 1060px;
+  .nav-collapse.in .btn-group {
+    padding: 0;
+    margin-top: 5px;
   }
-  input.span10, textarea.span10, .uneditable-input.span10 {
-    width: 960px;
+  .nav-collapse .dropdown-menu {
+    position: static;
+    top: auto;
+    left: auto;
+    display: none;
+    float: none;
+    max-width: none;
+    padding: 0;
+    margin: 0 15px;
+    background-color: transparent;
+    border: none;
+    -webkit-border-radius: 0;
+       -moz-border-radius: 0;
+            border-radius: 0;
+    -webkit-box-shadow: none;
+       -moz-box-shadow: none;
+            box-shadow: none;
   }
-  input.span9, textarea.span9, .uneditable-input.span9 {
-    width: 860px;
+  .nav-collapse .open > .dropdown-menu {
+    display: block;
   }
-  input.span8, textarea.span8, .uneditable-input.span8 {
-    width: 760px;
+  .nav-collapse .dropdown-menu:before,
+  .nav-collapse .dropdown-menu:after {
+    display: none;
   }
-  input.span7, textarea.span7, .uneditable-input.span7 {
-    width: 660px;
+  .nav-collapse .dropdown-menu .divider {
+    display: none;
   }
-  input.span6, textarea.span6, .uneditable-input.span6 {
-    width: 560px;
+  .nav-collapse .nav > li > .dropdown-menu:before,
+  .nav-collapse .nav > li > .dropdown-menu:after {
+    display: none;
   }
-  input.span5, textarea.span5, .uneditable-input.span5 {
-    width: 460px;
+  .nav-collapse .navbar-form,
+  .nav-collapse .navbar-search {
+    float: none;
+    padding: 10px 15px;
+    margin: 10px 0;
+    border-top: 1px solid #f2f2f2;
+    border-bottom: 1px solid #f2f2f2;
+    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
+       -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
+            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
   }
-  input.span4, textarea.span4, .uneditable-input.span4 {
-    width: 360px;
+  .navbar-inverse .nav-collapse .navbar-form,
+  .navbar-inverse .nav-collapse .navbar-search {
+    border-top-color: #111111;
+    border-bottom-color: #111111;
   }
-  input.span3, textarea.span3, .uneditable-input.span3 {
-    width: 260px;
+  .navbar .nav-collapse .nav.pull-right {
+    float: none;
+    margin-left: 0;
   }
-  input.span2, textarea.span2, .uneditable-input.span2 {
-    width: 160px;
+  .nav-collapse,
+  .nav-collapse.collapse {
+    height: 0;
+    overflow: hidden;
   }
-  input.span1, textarea.span1, .uneditable-input.span1 {
-    width: 60px;
+  .navbar .btn-navbar {
+    display: block;
   }
-  .thumbnails {
-    margin-left: -30px;
+  .navbar-static .navbar-inner {
+    padding-right: 10px;
+    padding-left: 10px;
   }
-  .thumbnails > li {
-    margin-left: 30px;
+}
+
+@media (min-width: 980px) {
+  .nav-collapse.collapse {
+    height: auto !important;
+    overflow: visible !important;
   }
 }