grandstand 0.2.1

data/public/admin/javascripts/string.js

@@ -0,0 +1,264 @@
+String.prototype.clean = function() {
+  var entities = {
+    160: "nbsp",
+    161: "iexcl",
+    162: "cent",
+    163: "pound",
+    164: "curren",
+    165: "yen",
+    166: "brvbar",
+    167: "sect",
+    168: "uml",
+    169: "copy",
+    170: "ordf",
+    171: "laquo",
+    172: "not",
+    173: "shy",
+    174: "reg",
+    175: "macr",
+    176: "deg",
+    177: "plusmn",
+    178: "sup2",
+    179: "sup3",
+    180: "acute",
+    181: "micro",
+    182: "para",
+    183: "middot",
+    184: "cedil",
+    185: "sup1",
+    186: "ordm",
+    187: "raquo",
+    188: "frac14",
+    189: "frac12",
+    190: "frac34",
+    191: "iquest",
+    192: "Agrave",
+    193: "Aacute",
+    194: "Acirc",
+    195: "Atilde",
+    196: "Auml",
+    197: "Aring",
+    198: "AElig",
+    199: "Ccedil",
+    200: "Egrave",
+    201: "Eacute",
+    202: "Ecirc",
+    203: "Euml",
+    204: "Igrave",
+    205: "Iacute",
+    206: "Icirc",
+    207: "Iuml",
+    208: "ETH",
+    209: "Ntilde",
+    210: "Ograve",
+    211: "Oacute",
+    212: "Ocirc",
+    213: "Otilde",
+    214: "Ouml",
+    215: "times",
+    216: "Oslash",
+    217: "Ugrave",
+    218: "Uacute",
+    219: "Ucirc",
+    220: "Uuml",
+    221: "Yacute",
+    222: "THORN",
+    223: "szlig",
+    224: "agrave",
+    225: "aacute",
+    226: "acirc",
+    227: "atilde",
+    228: "auml",
+    229: "aring",
+    230: "aelig",
+    231: "ccedil",
+    232: "egrave",
+    233: "eacute",
+    234: "ecirc",
+    235: "euml",
+    236: "igrave",
+    237: "iacute",
+    238: "icirc",
+    239: "iuml",
+    240: "eth",
+    241: "ntilde",
+    242: "ograve",
+    243: "oacute",
+    244: "ocirc",
+    245: "otilde",
+    246: "ouml",
+    247: "divide",
+    248: "oslash",
+    249: "ugrave",
+    250: "uacute",
+    251: "ucirc",
+    252: "uuml",
+    253: "yacute",
+    254: "thorn",
+    255: "yuml",
+    402: "fnof",
+    913: "Alpha",
+    914: "Beta",
+    915: "Gamma",
+    916: "Delta",
+    917: "Epsilon",
+    918: "Zeta",
+    919: "Eta",
+    920: "Theta",
+    921: "Iota",
+    922: "Kappa",
+    923: "Lambda",
+    924: "Mu",
+    925: "Nu",
+    926: "Xi",
+    927: "Omicron",
+    928: "Pi",
+    929: "Rho",
+    931: "Sigma",
+    932: "Tau",
+    933: "Upsilon",
+    934: "Phi",
+    935: "Chi",
+    936: "Psi",
+    937: "Omega",
+    945: "alpha",
+    946: "beta",
+    947: "gamma",
+    948: "delta",
+    949: "epsilon",
+    950: "zeta",
+    951: "eta",
+    952: "theta",
+    953: "iota",
+    954: "kappa",
+    955: "lambda",
+    956: "mu",
+    957: "nu",
+    958: "xi",
+    959: "omicron",
+    960: "pi",
+    961: "rho",
+    962: "sigmaf",
+    963: "sigma",
+    964: "tau",
+    965: "upsilon",
+    966: "phi",
+    967: "chi",
+    968: "psi",
+    969: "omega",
+    977: "thetasym",
+    978: "upsih",
+    982: "piv",
+    8226: "bull",
+    8230: "hellip",
+    8242: "prime",
+    8243: "Prime",
+    8254: "oline",
+    8260: "frasl",
+    8472: "weierp",
+    8465: "image",
+    8476: "real",
+    8482: "trade",
+    8501: "alefsym",
+    8592: "larr",
+    8593: "uarr",
+    8594: "rarr",
+    8595: "darr",
+    8596: "harr",
+    8629: "crarr",
+    8656: "lArr",
+    8657: "uArr",
+    8658: "rArr",
+    8659: "dArr",
+    8660: "hArr",
+    8704: "forall",
+    8706: "part",
+    8707: "exist",
+    8709: "empty",
+    8711: "nabla",
+    8712: "isin",
+    8713: "notin",
+    8715: "ni",
+    8719: "prod",
+    8721: "sum",
+    8722: "minus",
+    8727: "lowast",
+    8730: "radic",
+    8733: "prop",
+    8734: "infin",
+    8736: "ang",
+    8743: "and",
+    8744: "or",
+    8745: "cap",
+    8746: "cup",
+    8747: "int",
+    8756: "there4",
+    8764: "sim",
+    8773: "cong",
+    8776: "asymp",
+    8800: "ne",
+    8801: "equiv",
+    8804: "le",
+    8805: "ge",
+    8834: "sub",
+    8835: "sup",
+    8836: "nsub",
+    8838: "sube",
+    8839: "supe",
+    8853: "oplus",
+    8855: "otimes",
+    8869: "perp",
+    8901: "sdot",
+    8968: "lceil",
+    8969: "rceil",
+    8970: "lfloor",
+    8971: "rfloor",
+    9001: "lang",
+    9002: "rang",
+    9674: "loz",
+    9824: "spades",
+    9827: "clubs",
+    9829: "hearts",
+    9830: "diams",
+    34: "quot",
+    38: "amp",
+    60: "lt",
+    62: "gt",
+    338: "OElig",
+    339: "oelig",
+    352: "Scaron",
+    353: "scaron",
+    376: "Yuml",
+    710: "circ",
+    732: "tilde",
+    8194: "ensp",
+    8195: "emsp",
+    8201: "thinsp",
+    8204: "zwnj",
+    8205: "zwj",
+    8206: "lrm",
+    8207: "rlm",
+    8211: "ndash",
+    8212: "mdash",
+    8216: "lsquo",
+    8217: "rsquo",
+    8218: "sbquo",
+    8220: "ldquo",
+    8221: "rdquo",
+    8222: "bdquo",
+    8224: "dagger",
+    8225: "Dagger",
+    8240: "permil",
+    8249: "lsaquo",
+    8250: "rsaquo",
+    8364: "euro"
+  };
+  return this.replace(/[^\x00-\x7F]|["'<>&]/igm, function(character) {
+    var entity = entities[character.charCodeAt(0)];
+    if (!entity) {
+      entity = 'foo';
+      alert('can\'t encode weirdness');
+    }
+    return '&' + entity + ';';
+  });
+};

data/public/admin/javascripts/wysiwyg.js

@@ -0,0 +1,335 @@
+require('selection');
+require('mustache');
+
+jQuery.fn.wysiwyg = function(template, rootSelector) {
+  var editor;
+  this.each(function() {
+    editor = new Editor(this, template, rootSelector);
+  });
+  return editor;
+};
+
+var Editor = function(textarea, template, rootSelector) {
+  // Load up mustache
+  this.template = template;
+  // Find the element we should make editable. Defaults to the BODY element
+  // once we've rendered the template.
+  this.rootSelector = rootSelector || 'body';
+  this.textarea = $(textarea);
+  this.container = $('<div class="wysiwyg"></div>');
+  this.toolbar = $('<div class="toolbar"></div>').hide();
+  // this.container.append(this.toolbar);
+  var toolbarItems = [
+    {id: 'bold', alt: 'Make text bold'},
+    {id: 'italic', alt: 'Make text italic'},
+    {id: 'hyperlink', alt: 'Insert a link'},
+    {id: 'unordered_list', alt: 'Insert a bullet list'},
+    {id: 'ordered_list', alt: 'Insert a numbered list'},
+    {id: 'gallery', alt: 'Embed a gallery'},
+    {id: 'image', alt: 'Embed an image'}
+  ];
+  var editor = this;
+  // $.each(toolbarItems, function() {
+  //   var button = $('<a class="button" rel="' + this.id + '" title="' + this.alt + '"><span class=" icon ' + this.id.replace('_', '-') + '"></span></a>');
+  //   button.click(function() {
+  //     editor.buttonClick(button);
+  //   });
+  //   editor.toolbar.append(button);
+  // });
+  this.iframe = $('<iframe frameBorder="0" id="' + textarea.id + '_editor"></iframe>').hide();
+  this.container.height(this.textarea.height() + 6.0);
+  this.textarea.height(this.textarea.height() + 5.0);
+  this.container.append(this.iframe);
+  this.startLoading();
+  this.textarea.after(this.container);
+  this.container.append(this.textarea);
+  $.get('/admin/templates/' + template, function(response) {
+    editor.template = response;
+    editor.initialize();
+  });
+};
+
+Editor.prototype = {
+  buttonClick: function(button) {
+    switch(button.attr('rel')) {
+      case 'bold':
+        var selection = this.selection();
+        if (selection.wrappedIn('strong')) {
+          selection.unwrap('strong');
+        } else {
+          selection.wrap('strong');
+        }
+        // this.document.execCommand('bold', false, null);
+      break;
+      case 'italic':
+      break;
+      case 'hyperlink':
+        this.document.execCommand('CreateLink', false, prompt("Please enter an URL:"));
+      break;
+      case 'unordered_list':
+        this.document.execCommand('InsertUnorderedList', false, null);
+      break;
+      case 'ordered_list':
+        this.document.execCommand('InsertOrderedList', false, null);
+      break;
+      case 'gallery':
+        this.dialog('/admin/galleries', function() {
+
+        }, function() {
+        
+        });
+      break;
+      case 'image':
+      this.dialog('/admin/galleries?image=yup', function(dialog) {
+        var editor = this;
+        dialog.find('.image').click(function(event) {
+          event.preventDefault();
+          var image = $(this).find('img');
+          image = image.clone();
+          image.addClass('left');
+          editor.closeDialog();
+          var imageWrap = $('<div></div>');
+          imageWrap.append(image);
+          editor.selection().insert(imageWrap.html());
+        });
+      }, function() {
+        
+      });
+      break;
+    }
+  },
+  closeDialog: function(block) {
+    var dialogs = this.container.find('.dialog');
+    if (dialogs.length === 0) {
+      if (block) {
+        block.call(this);
+      }
+    } else {
+      var editor = this;
+      dialogs.animate({top: -(dialogs.height())}, 300, function() {
+        $(this).remove();
+        if (block) {
+          block.call(editor);
+        }
+      });
+    }
+  },
+  // Loads up a dialog box using AJAX contents, and animates it in over top of the editor.
+  // 
+  // `onLoad` will be called when the contents is loaded, and `this` will be the editor
+  // instance, and the only argument passed will be the dialog DIV. This allows you to
+  // define behavior for the dialog's controls.
+  // 
+  // `onSubmit` is called when the user submits the form. `this` will be the editor instance
+  // (like onLoad), and the only argument passed will be an Object corresponding to the form
+  // elements. So a form like:
+  // 
+  // "image[caption]=I am an image Caption&image[align]=left" will be:
+  // 
+  // {image: {caption: "I am an image", align: "left"}}
+  // 
+  dialog: function(url, onLoad, onSubmit) {
+    var editor = this;
+    // Setup a dialog container
+    var dialog = $('<div class="dialog"></div>');
+    // Setup a method to wrap the dialog. If the plugin passes a string, we'll render a
+    // dialog with the contents at that URL. If it passes an object, we'll just append it
+    // to `dialog` and display IT.
+    var processDialog = function() {
+      editor.container.append(dialog.hide());
+      var top = editor.toolbar.outerHeight();
+      dialog.css('height', editor.container.height() - top * 2);
+      if (onLoad && typeof(onLoad) == 'function') {
+        onLoad.call(editor, dialog);
+      }
+      dialog.css('top', -(dialog.height()) + top).show().animate({top: top}, 300);
+      dialog.find('form').submit(function(event) {
+        event.preventDefault();
+        if (onSubmit && typeof(onSubmit) == 'function') {
+          onSubmit.call(editor, $(this).serialize());
+        }
+      });
+    };
+    if (typeof(url) == 'string') {
+      editor.startLoading();
+      $.get(url, function(response) {
+        response = $(response);
+        dialog.append(response);
+        editor.closeDialog(function() {
+          editor.stopLoading();
+          processDialog.call(editor);
+        });
+      });
+    } else {
+      dialog.append(url);
+      editor.closeDialog(processDialog);
+    }
+  },
+  editImage: function(image) {
+    image = $(image);
+    var form = $('<form class="pad"></form>');
+    form.append(image.clone());
+    this.dialog(form, false, function() {
+      alert('okay!');
+    });
+  },
+  focus: function(selector, offset) {
+    var selection = this.selection();
+    selection.select(selector || ':block', offset || 0);
+  },
+  initialize: function() {
+    var editor = this;
+    try {
+      this.window = this.iframe[0].contentWindow;
+      this.document = this.window.document;
+    } catch(exception) {
+      return setTimeout(function(){ editor.initialize(); }, 10);
+    }
+    this.write(this.textarea.val());
+    this.body = this.document.body;
+    // Make sure all data is saved, no matter what.
+    this.textarea.parents('form').submit(function() {
+      editor.save();
+    });
+    this.textarea.hide();
+    this.toolbar.show();
+    this.iframe.height(this.textarea.height() - this.toolbar.height() - 4);
+    this.iframe.show();
+    this.root = $(this.document).find(this.rootSelector);
+    this.root.find('img').live('click', function(event) {
+      event.preventDefault();
+      event.stopPropagation();
+      editor.editImage(this);
+    });
+    $([this.iframe, this.root, this.document.body]).click(function(event) {
+      console.log(event.target);
+      if ($(event.target).childOf(editor.root)) {
+        return;
+      } else {
+        event.preventDefault();
+        editor.closeDialog();
+        editor.focus(':block:last', -1);
+      }
+    });
+    $([this.document, document]).keyup(function(event) {
+      if (event.keyCode == 27) {
+        editor.closeDialog();
+        editor.focus();
+      } else {
+        editor.selection().normalize();
+      }
+    });
+    var pasting;
+    this.root.keyup(function() {
+      clearTimeout(editor.timeout);
+      editor.timeout = setTimeout(function() { editor.save(); }, 100);
+      if (pasting) {
+        var before = $('<div></div>').html(pasting.shift()).html(), after = $('<div></div>').html(pasting.shift()).html();
+        console.log(after);
+      }
+      pasting = false;
+    }).keydown(function(event) {
+      if (event.keyCode == 13) {
+        // If a user hits "Enter", we'll hijack the event and clean it up just a little bit
+        var selection = editor.selection();
+        if (event.shiftKey) {
+          // If the user held shift and pressed enter, split it with a line break
+          selection.insert('<br />', true);
+        } else {
+          // If the selection is inside of a list, let the browser do its magic. In
+          // other words: don't interrupt anything; just leave well enough alone.
+          if (selection.wrappedIn('li, ol, ul')) {
+            return;
+          }
+          // If we're not inside of an li / ol / ul, default behavior is to split the
+          // selected content into two paragraphs, one with the content before the 
+          // selection, and another with the content after it.
+          selection.split('p');
+        }
+
+        event.preventDefault();
+        event.stopPropagation();
+
+      } else if (event.keyCode == 86 && (event.metaKey || event.ctrlKey) && !pasting) {
+        // If the user is pasting, we'll prep keyUp for the past event. This means we'll
+        // set the pasting variable to the HTML content before and after the current selection.
+        // Once the content is pasted, we'll parse out WHAT was pasted in, clean it up, and viola!
+        // Better content.
+        pasting = [editor.selection().beforeAll(), editor.selection().afterAll()];
+      }
+    });
+    this.root.attr('contentEditable', 'true').css('outline', '0');
+    // this.document.body.contentEditable = 'true';
+    this.focus();
+    this.stopLoading();
+  },
+  // Called when the editor is loaded up for the first time and off finding dependencies / etc.
+  // Just puts a white cover over the textarea and waits for everything to load before saying,
+  // "okay, now you can edit"
+  startLoading: function() {
+    if (!this.cover) {
+      this.cover = $('<div class="cover"></div>');
+      this.loading = $('<div class="loading"></div>');
+      this.cover.append(this.loading);
+      this.container.append(this.cover);
+    }
+    this.cover.show();
+  },
+  stopLoading: function() {
+    if (this.cover) {
+      var cover = this.cover;
+      setTimeout(function() {
+        cover.fadeOut();
+      }, 100);
+    }
+  },
+  save: function() {
+    var html = this.root.html();
+
+    // Clean that HTML good
+    html = html.replace(/<DIV><BR class="khtml-block-placeholder"><\/DIV>/ig, '<br />');
+    html = html.replace(/<[^> ]*/ig, function(match) {
+      return match.toLowerCase();
+    });
+    html = html.replace(/<[^>]*>/ig, function(match) {
+      match = match.replace(/ [^=]+=/ig, function(match2) {
+        return match2.toLowerCase();
+      });
+      return match;
+    });
+    html = html.replace(/<[^>]*>/ig, function(match) {
+      match = match.replace(/( [^=]+=)([^"][^ >]*)/ig, "$1\"$2\"");
+      return match;
+    });
+    html = html.replace(/^\s+/, "");
+    html = html.replace(/\s+$/, "");
+    html = html.replace(/<br>/ig, "<br />");
+    html = html.replace(/<br \/>\s*<\/(h1|h2|h3|h4|h5|h6|li|p)/ig, "</$1");
+    html = html.replace(/(<img [^>]+[^\/])>/ig, "$1 />");
+    html = html.replace(/(<[^\/]>|<[^\/][^>]*[^\/]>)\s*<\/[^>]*>/ig, "");
+
+    this.textarea.val(html);
+  },
+  selection: function() {
+    return $(this.window).selection(this.rootSelector);
+  },
+  write: function(content) {
+    if (content == '') {
+      content = '<p>&nbsp;</p>';
+    }
+    var rendered = Mustache.to_html(this.template, {body: content});
+    var html = '<html><head><link href="/admin/stylesheets/wysiwyg-content.css" rel="stylesheet" type="text/css" /></head>';
+    html += '<body class="wysiwyg">';
+    html += rendered;
+    html += '</body>';
+    html += '</html>';
+    this.document.open();
+    this.document.write(html);
+    this.document.close();
+  }
+};
+
+jQuery.fn.childOf = function(a){
+  a = (typeof a=='string')?$(a):a;
+  return (a.length == 1 && this.length === this.map(function(){if($.inArray(this,a.children())!=-1){return this;}}).length); 
+};

data/public/admin/stylesheets/application.css

@@ -0,0 +1 @@
+#grandstand .styled-toolbar {  background-color: #a7a7a7;  background-image: -moz-linear-gradient(top, #cacaca, #a7a7a7);  background-image: -webkit-gradient(linear, left top, left bottom, from(#cacaca), to(#a7a7a7));  overflow: hidden;  padding: 5px;}#grandstand .button-default {  background-color: #ececec;  background-image: -moz-linear-gradient(top, #f4f4f4, #ececec);  background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#ececec));  border: 1px solid #d4d4d4;  color: #333333;  cursor: pointer;  display: inline-block;  font-size: 12px;  font-weight: bold;  line-height: 16px;  margin: 0;  overflow: hidden;  padding: 4px 10px;  text-decoration: none;  text-shadow: #ffffff 0 1px 0;  vertical-align: baseline;  vertical-align: middle;  -moz-border-radius: 2px;  -webkit-border-radius: 2px;}#grandstand .button-hover {  background-color: #3072b3;  background-image: -moz-linear-gradient(top, #599bdc, #3072b3);  background-image: -webkit-gradient(linear, left top, left bottom, from(#599bdc), to(#3072b3));  border-color: #518cc6;  border-bottom-color: #2a65a0;  color: #ffffff;  text-shadow: rgba(0, 0, 0, 0.4) 0 -1px 0;}#grandstand .button-active {  background-color: #599bdc;  background-image: -moz-linear-gradient(top, #3072b3, #599bdc);  background-image: -webkit-gradient(linear, left top, left bottom, from(#3072b3), to(#599bdc));  border-bottom-color: #518cc6;  border-top-color: #2a65a0;  -moz-box-shadow: inset rgba(0, 0, 0, 0.2) 0 0 1px;  -webkit-box-shadow: inset rgba(0, 0, 0, 0.2) 0 0 1px;}#grandstand .button-grey {  background-color: #333333;  background-image: -moz-linear-gradient(top, #333333, #444444);  background-image: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#333333));  border-color: #000000;  color: #ffffff;  text-shadow: #000000 0 -1px 0;}#grandstand .button-grey-hover {  background-color: #444444;  background-image: -moz-linear-gradient(top, #333333, #444444);  background-image: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#444444));}#grandstand .button-grey-active {  -moz-box-shadow: inset #000000 0 0px 1px;  -webkit-box-shadow: inset #000000 0 0px 1px;}body { overflow: hidden; }#header {  background-color: #eeeeee;  background-image: -moz-linear-gradient(top, #eeeeee, #dddddd);  background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#dddddd));  border-bottom: 1px solid #eeeeee;  border-top: 1px solid #ffffff;  height: 32px;  left: 0;  padding: 0 10px;  position: absolute;  width: 100%;  z-index: 2;  box-sizing: border-box;  -moz-box-sizing: border-box;  -ms-box-sizing: border-box;  -webkit-box-sizing: border-box;  -moz-box-shadow: #111111 0 2px 2px;  -webkit-box-shadow: #999999 0 1px 2px;}#header .float-right { line-height: 30px; }#header .float-right a {  color: #000000;  display: inline-block;  padding: 0 7px;}#header .float-right a:hover {  background-color: rgba(255, 255, 255, 0.3);  text-decoration: underline;}#logo {  display: inline-block;  padding-top: 0;}#content {  height: 100%;  overflow: hidden;  padding: 31px 0 0 0;  position: absolute;  width: 100%;  box-sizing: border-box;  -moz-box-sizing: border-box;  -ms-box-sizing: border-box;  -webkit-box-sizing: border-box;}#left {  left: 20px;  position: absolute;  top: 51px;  width: 150px;}#left .button {  display: block;  margin-bottom: 10px;}#left ul {  background-color: #ececec;  background-image: -moz-linear-gradient(top, #f4f4f4, #ececec);  background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#ececec));  list-style-type: none;  margin: 0;  padding: 0;  -moz-border-radius: 2px;  -webkit-border-radius: 2px;}#left ul li.first > a {  border-top-color: #d4d4d4;  -webkit-border-top-left-radius: 2px;}#left ul li.first a.expand {  -webkit-border-top-left-radius: 0;  -webkit-border-top-right-radius: 2px;}#left ul li {  margin: 0;  padding: 0;}#left ul li a {  background-color: #ececec;  background-image: -moz-linear-gradient(top, #f4f4f4, #ececec);  background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#ececec));  border: 1px solid #d4d4d4;  color: #333333;  cursor: pointer;  display: inline-block;  font-size: 12px;  font-weight: bold;  line-height: 16px;  margin: 0;  overflow: hidden;  padding: 4px 10px;  text-decoration: none;  text-shadow: #ffffff 0 1px 0;  vertical-align: baseline;  vertical-align: middle;  -moz-border-radius: 2px;  -webkit-border-radius: 2px;  border-top-color: #f4f4f4;  display: block;  padding: 5px;  -moz-border-radius: 0;  -webkit-border-radius: 0;}#left ul li a:hover {  background-color: #3072b3;  background-image: -moz-linear-gradient(top, #599bdc, #3072b3);  background-image: -webkit-gradient(linear, left top, left bottom, from(#599bdc), to(#3072b3));  border-color: #518cc6;  border-bottom-color: #2a65a0;  color: #ffffff;  text-shadow: rgba(0, 0, 0, 0.4) 0 -1px 0;}#left ul li a:active {  background-color: #599bdc;  background-image: -moz-linear-gradient(top, #3072b3, #599bdc);  background-image: -webkit-gradient(linear, left top, left bottom, from(#3072b3), to(#599bdc));  border-bottom-color: #518cc6;  border-top-color: #2a65a0;  -moz-box-shadow: inset rgba(0, 0, 0, 0.2) 0 0 1px;  -webkit-box-shadow: inset rgba(0, 0, 0, 0.2) 0 0 1px;}#left ul li a.expand {  float: right;  margin-right: 0;  height: 26px;  line-height: 26px;  padding: 0;  width: 15px;}#left ul li a.expand span {  background: url(../images/icons/expand.png) center bottom no-repeat;  display: block;  height: 16px;  margin-top: 4px;  width: 16px;}#left ul li ul { display: none; }#left ul li ul li a {  font-size: 10px;  padding-left: 20px;}#left ul li.expandable > a { border-right-width: 0; }#left ul li.expandable > a.expand { border-right-width: 1px; }#left ul li.last a {  -webkit-border-bottom-left-radius: 2px;  -webkit-border-bottom-right-radius: 2px;}#left ul li.expanded a.expand span { background-image: url(../images/icons/collapse.png); }#left ul li.expanded ul { display: block; }#main {  height: 100%;  padding: 20px 20px 20px 190px;  overflow-x: hidden;  overflow-y: auto;  box-sizing: border-box;  -moz-box-sizing: border-box;  -ms-box-sizing: border-box;  -webkit-box-sizing: border-box;}#cover {  background-color: #000000;  height: 100%;  left: 0;  opacity: 0.6;  position: fixed;  top: 0;  width: 100%;  z-index: 2;}#pulldown {  left: 50%;  margin-left: -200px;  position: fixed;  top: 0;  width: 400px;  z-index: 3;}#pulldown h2 {  background: #fafafa;  border-bottom: 1px solid #dddddd;  color: #555555;  font-size: 10pt;  margin-bottom: 0;  padding: 5px;  text-shadow: #ffffff 0 1px 0;}#pulldown form {  border-top: 1px solid #ffffff;  margin: 0;}#pulldown form .field {  background: #f0f0f0;  padding: 10px;}#pulldown .toolbar {  background-color: #a7a7a7;  background-image: -moz-linear-gradient(top, #cacaca, #a7a7a7);  background-image: -webkit-gradient(linear, left top, left bottom, from(#cacaca), to(#a7a7a7));  overflow: hidden;  padding: 5px;  border-top: 1px solid #888888;  text-align: right;  -moz-border-radius-bottomleft: 5px;  -moz-border-radius-bottomright: 5px;  -webkit-border-bottom-left-radius: 5px;  -webkit-border-bottom-right-radius: 5px;}#pulldown .toolbar .button { border-color: #888888; }

data/public/admin/stylesheets/global.css

@@ -0,0 +1 @@
+#grandstand .styled-toolbar {  background-color: #a7a7a7;  background-image: -moz-linear-gradient(top, #cacaca, #a7a7a7);  background-image: -webkit-gradient(linear, left top, left bottom, from(#cacaca), to(#a7a7a7));  overflow: hidden;  padding: 5px;}#grandstand .button-default {  background-color: #ececec;  background-image: -moz-linear-gradient(top, #f4f4f4, #ececec);  background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#ececec));  border: 1px solid #d4d4d4;  color: #333333;  cursor: pointer;  display: inline-block;  font-size: 12px;  font-weight: bold;  line-height: 16px;  margin: 0;  overflow: hidden;  padding: 4px 10px;  text-decoration: none;  text-shadow: #ffffff 0 1px 0;  vertical-align: baseline;  vertical-align: middle;  -moz-border-radius: 2px;  -webkit-border-radius: 2px;}#grandstand .button-hover {  background-color: #3072b3;  background-image: -moz-linear-gradient(top, #599bdc, #3072b3);  background-image: -webkit-gradient(linear, left top, left bottom, from(#599bdc), to(#3072b3));  border-color: #518cc6;  border-bottom-color: #2a65a0;  color: #ffffff;  text-shadow: rgba(0, 0, 0, 0.4) 0 -1px 0;}#grandstand .button-active {  background-color: #599bdc;  background-image: -moz-linear-gradient(top, #3072b3, #599bdc);  background-image: -webkit-gradient(linear, left top, left bottom, from(#3072b3), to(#599bdc));  border-bottom-color: #518cc6;  border-top-color: #2a65a0;  -moz-box-shadow: inset rgba(0, 0, 0, 0.2) 0 0 1px;  -webkit-box-shadow: inset rgba(0, 0, 0, 0.2) 0 0 1px;}#grandstand .button-grey {  background-color: #333333;  background-image: -moz-linear-gradient(top, #333333, #444444);  background-image: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#333333));  border-color: #000000;  color: #ffffff;  text-shadow: #000000 0 -1px 0;}#grandstand .button-grey-hover {  background-color: #444444;  background-image: -moz-linear-gradient(top, #333333, #444444);  background-image: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#444444));}#grandstand .button-grey-active {  -moz-box-shadow: inset #000000 0 0px 1px;  -webkit-box-shadow: inset #000000 0 0px 1px;}body, html { min-height: 100%; }body.admin {  background-color: #ffffff;  background-image: -moz-linear-gradient(top, #ffffff, #eeeeee);  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));  font: 12px Arial, sans-serif;  margin: 0;  padding: 0;}.admin a {  cursor: pointer;  text-decoration: none;}.admin a img { border-width: 0; }.admin form label {  color: #666666;  display: block;  font: bold 12px Arial;  margin-bottom: 3px;}.admin form .field {  margin: 0;  padding: 10px 5px;}.admin h1 { font-family: 'Calibiri', 'Helvetica Neue', Helvetica, Arial, sans-serif; }.admin h1 .button {  margin-left: 10px;  vertical-align: center;}.admin h2 { font-family: 'Calibiri', 'Helvetica Neue', Helvetica, Arial, sans-serif; }.admin h2 .button {  margin-left: 10px;  vertical-align: center;}.admin h1 {  margin: 0 0 10px 0;  font-size: 16pt;}.admin h2 {  margin: 0 0 5px 0;  font-size: 14pt;}.admin table {  border-collapse: collapse;  border-spacing: 0;  width: 100%;}.admin table tbody { width: 100%; }.admin table tr { width: 100%; }.admin select.error { border: 1px solid #ff0000; }.admin select.multiple {  min-height: 55px;  min-width: 150px;}.admin select.small { width: 50px; }.admin textarea.small {  height: 32px;  width: 180px;}.admin textarea.wysiwyg {  display: block;  height: 400px;  width: 100%;}.admin textarea.error { border: 1px solid #ff0000 !important; }.admin input.error { border: 1px solid #ff0000 !important; }.admin tr.item { background-color: #ffffff; }.admin tr.item.odd { background-color: #edf3fe; }.admin tr.item td { padding: 5px; }.admin tr.item td.icon {  background-position: 5px 2px;  padding-left: 25px;}.admin .container {  float: left;  margin: 0 0 10px 10px;  padding: 0 !important;  width: 220px;}.admin .container.gallery img { display: none; }.admin .container.gallery a img {  display: block;  padding: 10px;}.admin .container.image img {  display: block;  padding: 10px;}.admin .container:hover { background-color: #ececec; }.admin .dropdown {  -moz-border-radius-bottomleft: 5px;  -moz-border-radius-bottomright: 5px;  -moz-box-shadow: #444444 0 2px 2px;  -webkit-border-bottom-left-radius: 5px;  -webkit-border-bottom-right-radius: 5px;  -webkit-box-shadow: #444444 0 2px 2px;}.admin .grid {  border-collapse: collapse;  border: 1px solid #aaaaaa;}.admin .grid thead th {  background: #eeeeee;  padding: 5px;  text-align: left;}.admin .grid tbody tr.row td {  border-top: 1px solid #aaaaaa;  padding: 5px;}.admin .grid tbody tr.row td.actions { text-align: right; }.admin .grid tbody tr.one { background-color: #ffffff; }.admin .grid tbody tr.two { background-color: #edf3fe; }.admin .grey { color: #666666; }.admin .header {  background-color: #a7a7a7;  background-image: -moz-linear-gradient(top, #cacaca, #a7a7a7);  background-image: -webkit-gradient(linear, left top, left bottom, from(#cacaca), to(#a7a7a7));  border-bottom: 1px solid #888888;  overflow: hidden;  padding: 5px;  -moz-border-radius-topleft: 5px;  -moz-border-radius-topright: 5px;  -webkit-border-top-left-radius: 5px;  -webkit-border-top-right-radius: 5px;}.admin .header .float-left {  cursor: move;  font-weight: bold;}.admin .button {  background-color: #ececec;  background-image: -moz-linear-gradient(top, #f4f4f4, #ececec);  background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#ececec));  border: 1px solid #d4d4d4;  color: #333333;  cursor: pointer;  display: inline-block;  font-size: 12px;  font-weight: bold;  line-height: 16px;  margin: 0;  overflow: hidden;  padding: 4px 10px;  text-decoration: none;  text-shadow: #ffffff 0 1px 0;  vertical-align: baseline;  vertical-align: middle;  -moz-border-radius: 2px;  -webkit-border-radius: 2px;}.admin .button::-moz-focus-inner {  border: none;  padding: 0 !important;}.admin .button:hover {  background-color: #3072b3;  background-image: -moz-linear-gradient(top, #599bdc, #3072b3);  background-image: -webkit-gradient(linear, left top, left bottom, from(#599bdc), to(#3072b3));  border-color: #518cc6;  border-bottom-color: #2a65a0;  color: #ffffff;  text-shadow: rgba(0, 0, 0, 0.4) 0 -1px 0;}.admin .button:active {  background-color: #599bdc;  background-image: -moz-linear-gradient(top, #3072b3, #599bdc);  background-image: -webkit-gradient(linear, left top, left bottom, from(#3072b3), to(#599bdc));  border-bottom-color: #518cc6;  border-top-color: #2a65a0;  -moz-box-shadow: inset rgba(0, 0, 0, 0.2) 0 0 1px;  -webkit-box-shadow: inset rgba(0, 0, 0, 0.2) 0 0 1px;}.admin .button.grey {  background-color: #333333;  background-image: -moz-linear-gradient(top, #333333, #444444);  background-image: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#333333));  border-color: #000000;  color: #ffffff;  text-shadow: #000000 0 -1px 0;}.admin .button.grey:hover {  background-color: #444444;  background-image: -moz-linear-gradient(top, #333333, #444444);  background-image: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#444444));}.admin .button.grey:active {  -moz-box-shadow: inset #000000 0 0px 1px;  -webkit-box-shadow: inset #000000 0 0px 1px;}.admin .error { margin-top: 5px; }.admin .errors label { color: #ff0000; }.admin .errors input.text { border: 1px solid #ff0000; }.admin .errors select { border: 1px solid #ff0000; }.admin .errors textarea { border: 1px solid #ff0000; }.admin .flash {  bottom: 20px;  position: fixed;  text-align: center;  width: 100%;  z-index: 4;}.admin .flash .inner {  background: rgba(0, 0, 0, 0.7);  color: #ffffff;  display: inline-block;  font-size: 24pt;  margin: 0 auto;  padding: 10px 20px;  -moz-border-radius: 70px;  -webkit-border-radius: 70px;}.admin .float-left { float: left; }.admin .float-right { float: right; }.admin .icon {  background-position: left top;  background-repeat: no-repeat;  display: inline-block;  min-height: 16px;  padding-left: 20px;}.admin .button:hover .icon { background-position: left bottom; }.admin .icon:hover { background-position: left bottom; }.admin .button.has-icon { padding-left: 5px; }.admin .icon.add { background-image: url(../images/icons/add.png); }.admin .icon.delete { background-image: url(../images/icons/delete.png); }.admin .icon.edit { background-image: url(../images/icons/edit.png); }.admin .icon.error { background-image: url(../images/icons/error.png); }.admin .icon.gallery { background-image: url(../images/icons/gallery.png); }.admin .icon.galleries { background-image: url(../images/icons/galleries.png); }.admin .icon.image { background-image: url(../images/icons/image.png); }.admin .icon.okay { background-image: url(../images/icons/okay.png); }.admin .icon.pages { background-image: url(../images/icons/pages.png); }.admin .icon.posts { background-image: url(../images/icons/posts.png); }.admin .icon.upload { background-image: url(../images/icons/upload.png); }.admin .icon.users { background-image: url(../images/icons/users.png); }.admin h1.icon {  line-height: 48px;  padding-left: 58px;}.admin .inset {  background-color: #f0f0f0;  padding: 10px;  -moz-border-radius: 5px;  -webkit-border-radius: 5px;  -moz-box-shadow: inset #888888 0 1px 2px;  -webkit-box-shadow: inset #888888 0 1px 2px;}.admin .inset.icon {  background-position: 5px 5px;  display: block;  padding-left: 68px;}.admin .progress-bar {  background: url(../images/background-progress-bar.png) repeat-x left center;  margin: 0;  padding: 0 !important;  width: 200px;}.admin .progress-bar .progress {  background: url(../images/background-progress.gif) repeat-x;  height: 11px;  width: 0;}.admin .progress-bar.complete .progress {  background-image: url(../images/background-progress-complete.gif);  width: 100%;}.admin .right { text-align: right; }.admin select { padding: 2px; }.admin textarea { height: 50px; }.admin input.text {  background: #ffffff url(../images/background-input.gif) repeat-x;  border-bottom: 1px solid #dddddd;  border-left: 1px solid #c3c3c3;  border-right: 1px solid #c3c3c3;  border-top: 1px solid #7d7d7d;  padding: 3px;  width: 370px;  -moz-box-sizing: border-box;  -ms-box-sizing: border-box;  -webkit-box-sizing: border-box;}.admin textarea {  background: #ffffff url(../images/background-input.gif) repeat-x;  border-bottom: 1px solid #dddddd;  border-left: 1px solid #c3c3c3;  border-right: 1px solid #c3c3c3;  border-top: 1px solid #7d7d7d;  padding: 3px;  width: 370px;  -moz-box-sizing: border-box;  -ms-box-sizing: border-box;  -webkit-box-sizing: border-box;}.admin input.text.medium { width: 180px; }.admin input.text.oversized {  font-size: 18px;  width: 100%;}.admin input.half.text.oversized { width: 183px; }.admin input.text.small { width: 94px; }.admin input.text.tiny { width: 50px; }.admin input.replace.unedited { color: #777777 !important; }.admin textarea.replace.unedited { color: #777777 !important; }.admin .ui-tabs-hide { display: none; }

data/public/admin/stylesheets/login.css

@@ -0,0 +1 @@
+#logo {  left: 50%;  margin-left: -190px;  position: absolute;  top: 100px;}#login {  border-bottom: 1px solid #ffffff;  left: 50%;  margin: 0 0 0 -200px;  position: absolute;  padding: 2em;  top: 130px;  width: 400px;  -moz-box-sizing: border-box;  -ms-box-sizing: border-box;  -webkit-box-sizing: border-box;  -moz-border-radius: 5px;  -webkit-border-radius: 5px;}

data/public/admin/stylesheets/wysiwyg-content.css

@@ -0,0 +1,20 @@
+/*
+  wysiwyg-content.css is the stylesheet that is loaded INSIDE OF the WYSIWYG editors' iframe.
+  This only happens if 'iFrame' mode is enabled. It imports what we assume is the stylesheet
+  the user has set up for the application in an attempt to render in a similar font to what
+  is expected in the application. IF a user 
+*/
+@import url(/stylesheets/screen.css);
+
+body {
+  background-color:#fff !important;
+  color:#000 !important;
+  margin:0;
+  padding:3px;
+  text-align:left !important;
+  width:auto;
+}
+
+img {
+  cursor:pointer;
+}

data/public/admin/stylesheets/wysiwyg.css

@@ -0,0 +1 @@
+#grandstand .styled-toolbar {  background-color: #a7a7a7;  background-image: -moz-linear-gradient(top, #cacaca, #a7a7a7);  background-image: -webkit-gradient(linear, left top, left bottom, from(#cacaca), to(#a7a7a7));  overflow: hidden;  padding: 5px;}#grandstand .button-default {  background-color: #ececec;  background-image: -moz-linear-gradient(top, #f4f4f4, #ececec);  background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#ececec));  border: 1px solid #d4d4d4;  color: #333333;  cursor: pointer;  display: inline-block;  font-size: 12px;  font-weight: bold;  line-height: 16px;  margin: 0;  overflow: hidden;  padding: 4px 10px;  text-decoration: none;  text-shadow: #ffffff 0 1px 0;  vertical-align: baseline;  vertical-align: middle;  -moz-border-radius: 2px;  -webkit-border-radius: 2px;}#grandstand .button-hover {  background-color: #3072b3;  background-image: -moz-linear-gradient(top, #599bdc, #3072b3);  background-image: -webkit-gradient(linear, left top, left bottom, from(#599bdc), to(#3072b3));  border-color: #518cc6;  border-bottom-color: #2a65a0;  color: #ffffff;  text-shadow: rgba(0, 0, 0, 0.4) 0 -1px 0;}#grandstand .button-active {  background-color: #599bdc;  background-image: -moz-linear-gradient(top, #3072b3, #599bdc);  background-image: -webkit-gradient(linear, left top, left bottom, from(#3072b3), to(#599bdc));  border-bottom-color: #518cc6;  border-top-color: #2a65a0;  -moz-box-shadow: inset rgba(0, 0, 0, 0.2) 0 0 1px;  -webkit-box-shadow: inset rgba(0, 0, 0, 0.2) 0 0 1px;}#grandstand .button-grey {  background-color: #333333;  background-image: -moz-linear-gradient(top, #333333, #444444);  background-image: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#333333));  border-color: #000000;  color: #ffffff;  text-shadow: #000000 0 -1px 0;}#grandstand .button-grey-hover {  background-color: #444444;  background-image: -moz-linear-gradient(top, #333333, #444444);  background-image: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#444444));}#grandstand .button-grey-active {  -moz-box-shadow: inset #000000 0 0px 1px;  -webkit-box-shadow: inset #000000 0 0px 1px;}.admin .wysiwyg .dialog > form {  background: #ffffff;  left: 50%;  margin-left: -40%;  position: absolute;  top: 0;  width: 80%;  z-index: 3;  -moz-border-radius-bottomleft: 5px;  -moz-border-radius-bottomright: 5px;  -moz-box-shadow: #444444 0 2px 2px;  -webkit-border-bottom-left-radius: 5px;  -webkit-border-bottom-right-radius: 5px;  -webkit-box-shadow: #444444 0 2px 2px;}.admin .wysiwyg .dialog .pad { padding: 10px; }.admin .wysiwyg .dialog .source {  background: #d9dfe8;  border-right: 1px solid #aaaaaa;  float: left;  overflow-x: hidden;  overflow-y: auto;  width: 200px;  -moz-border-radius-bottomleft: 5px;  -webkit-border-bottom-left-radius: 5px;}.admin .wysiwyg .dialog .source .header {  background-image: none !important;  border-width: 0 !important;  color: #505d81;  font-weight: bold;  padding: 10px 10px 5px 10px;  text-shadow: #f1f5f8 0 1px 0;  text-transform: uppercase;}.admin .wysiwyg .dialog .source a {  border-top: 1px solid #d9dfe8;  color: #000000;  display: block;  padding: 5px 5px 5px 20px;  text-decoration: none;}.admin .wysiwyg .dialog .source a.active {  background: -webkit-gradient(linear, left top, left bottom, from(#63a4e2), to(#0066c0));  border-top: 1px solid #4691d6;  color: #ffffff;  text-shadow: #000000 0 1px 0;}.admin .wysiwyg .dialog .destination { margin-left: 201px; }.admin .wysiwyg .dialog .image { cursor: pointer; }.admin .wysiwyg .dialog .scrollable {  overflow-x: hidden;  overflow-y: auto;  padding: 10px 0;  width: 100%;  -moz-box-sizing: border-box;  -ms-box-sizing: border-box;  -webkit-box-sizing: border-box;}.admin .wysiwyg {  border: 1px solid #888888;  overflow: hidden;  position: relative;  -webkit-border-radius: 3px;}.admin .wysiwyg .toolbar {  background-color: #a7a7a7;  background-image: -moz-linear-gradient(top, #cacaca, #a7a7a7);  background-image: -webkit-gradient(linear, left top, left bottom, from(#cacaca), to(#a7a7a7));  overflow: hidden;  padding: 5px;  border-bottom: 1px solid #444444;  position: relative;  z-index: 4;}.admin .wysiwyg .toolbar .button {  line-height: 0;  padding: 3px;}.admin .wysiwyg .toolbar .button .icon { background-position: center top; }.admin .wysiwyg .toolbar .button .icon.bold { background-image: url(../images/icons/editor/bold.png); }.admin .wysiwyg .toolbar .button .icon.italic { background-image: url(../images/icons/editor/italic.png); }.admin .wysiwyg .toolbar .button .icon.ordered-list { background-image: url(../images/icons/editor/ordered-list.png); }.admin .wysiwyg .toolbar .button .icon.unordered-list { background-image: url(../images/icons/editor/unordered-list.png); }.admin .wysiwyg .toolbar .button:hover .icon { background-position: center bottom; }.admin .wysiwyg iframe {  background: #ffffff url(../images/background-input.gif) repeat-x;  display: block;  height: 400px;  width: 100%;  -webkit-border-bottom-left-radius: 3px;  -webkit-border-bottom-right-radius: 3px;}.admin .wysiwyg textarea { border-width: 0; }.admin .wysiwyg .cover {  background-color: rgba(255, 255, 255, 0.9);  height: 100%;  left: 0;  position: absolute;  top: 0;  width: 100%;  z-index: 1;  -webkit-border-radius: 3px;}.admin .wysiwyg .loading {  background: rgba(0, 0, 0, 0.7) url(../images/spinner-dark.gif) center center no-repeat;  height: 50px;  left: 50%;  margin: -25px 0 0 -25px;  position: absolute;  top: 50%;  width: 50px;  z-index: 2;  -moz-border-radius: 5px;  -webkit-border-radius: 5px;}