typo 3.99.0

data/public/javascripts/scriptaculous.js

@@ -0,0 +1,47 @@
+// Copyright (c) 2005 Thomas Fuchs (http://script.aculo.us, http://mir.aculo.us)
+// 
+// Permission is hereby granted, free of charge, to any person obtaining
+// a copy of this software and associated documentation files (the
+// "Software"), to deal in the Software without restriction, including
+// without limitation the rights to use, copy, modify, merge, publish,
+// distribute, sublicense, and/or sell copies of the Software, and to
+// permit persons to whom the Software is furnished to do so, subject to
+// the following conditions:
+// 
+// The above copyright notice and this permission notice shall be
+// included in all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+// NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+// LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+// OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+var Scriptaculous = {
+  Version: '1.5_rc3',
+  require: function(libraryName) {
+    // inserting via DOM fails in Safari 2.0, so brute force approach
+    document.write('<script type="text/javascript" src="'+libraryName+'"></script>');
+  },
+  load: function() {
+    if((typeof Prototype=='undefined') ||
+      parseFloat(Prototype.Version.split(".")[0] + "." +
+                 Prototype.Version.split(".")[1]) < 1.4)
+      throw("script.aculo.us requires the Prototype JavaScript framework >= 1.4.0");
+    var scriptTags = document.getElementsByTagName("script");
+    for(var i=0;i<scriptTags.length;i++) {
+      if(scriptTags[i].src && scriptTags[i].src.match(/scriptaculous\.js(\?.*)?$/)) {
+        var path = scriptTags[i].src.replace(/scriptaculous\.js(\?.*)?$/,'');
+        this.require(path + 'effects.js');
+        this.require(path + 'dragdrop.js');
+        this.require(path + 'controls.js');
+        this.require(path + 'slider.js');
+        break;
+      }
+    }
+  }
+}
+
+Scriptaculous.load();

data/public/javascripts/slider.js

@@ -0,0 +1,258 @@
+// Copyright (c) 2005 Marty Haught
+// 
+// See scriptaculous.js for full license.
+
+if(!Control) var Control = {};
+Control.Slider = Class.create();
+
+// options:
+//  axis: 'vertical', or 'horizontal' (default)
+//  increment: (default: 1)
+//  step: (default: 1)
+//
+// callbacks:
+//  onChange(value)
+//  onSlide(value)
+Control.Slider.prototype = {
+  initialize: function(handle, track, options) {
+    this.handle  = $(handle);
+    this.track   = $(track);
+
+    this.options = options || {};
+
+    this.axis      = this.options.axis || 'horizontal';
+    this.increment = this.options.increment || 1;
+    this.step      = parseInt(this.options.step) || 1;
+    this.value     = 0;
+
+    var defaultMaximum = Math.round(this.track.offsetWidth / this.increment);
+    if(this.isVertical()) defaultMaximum = Math.round(this.track.offsetHeight / this.increment);   
+    
+    this.maximum = this.options.maximum || defaultMaximum;
+    this.minimum = this.options.minimum || 0;
+
+    // Will be used to align the handle onto the track, if necessary
+    this.alignX = parseInt (this.options.alignX) || 0;
+    this.alignY = parseInt (this.options.alignY) || 0;
+
+    // Zero out the slider position	
+    this.setCurrentLeft(Position.cumulativeOffset(this.track)[0] - Position.cumulativeOffset(this.handle)[0] + this.alignX);
+    this.setCurrentTop(this.trackTop() - Position.cumulativeOffset(this.handle)[1] + this.alignY);
+
+    this.offsetX = 0;
+    this.offsetY = 0;
+
+    this.originalLeft = this.currentLeft();
+    this.originalTop  = this.currentTop();
+    this.originalZ    = parseInt(this.handle.style.zIndex || "0");
+
+    // Prepopulate Slider value
+    this.setSliderValue(parseInt(this.options.sliderValue) || 0);
+
+    this.active   = false;
+    this.dragging = false;
+    this.disabled = false;
+
+    // FIXME: use css
+    this.handleImage    = $(this.options.handleImage) || false; 
+    this.handleDisabled = this.options.handleDisabled || false;
+    this.handleEnabled  = false;
+    if(this.handleImage)
+      this.handleEnabled  = this.handleImage.src || false;
+
+    if(this.options.disabled)
+      this.setDisabled();
+
+    // Value Array
+    this.values = this.options.values || false;  // Add method to validate and sort??
+
+    Element.makePositioned(this.handle); // fix IE
+
+    this.eventMouseDown = this.startDrag.bindAsEventListener(this);
+    this.eventMouseUp   = this.endDrag.bindAsEventListener(this);
+    this.eventMouseMove = this.update.bindAsEventListener(this);
+    this.eventKeypress  = this.keyPress.bindAsEventListener(this);
+
+    Event.observe(this.handle, "mousedown", this.eventMouseDown);
+    Event.observe(document, "mouseup", this.eventMouseUp);
+    Event.observe(document, "mousemove", this.eventMouseMove);
+    Event.observe(document, "keypress", this.eventKeypress);
+  },
+  dispose: function() {
+    Event.stopObserving(this.handle, "mousedown", this.eventMouseDown);
+    Event.stopObserving(document, "mouseup", this.eventMouseUp);
+    Event.stopObserving(document, "mousemove", this.eventMouseMove);
+    Event.stopObserving(document, "keypress", this.eventKeypress);
+  },
+  setDisabled: function(){
+    this.disabled = true;
+    if(this.handleDisabled)
+      this.handleImage.src = this.handleDisabled;
+  },
+  setEnabled: function(){
+    this.disabled = false;
+    if(this.handleEnabled)
+      this.handleImage.src = this.handleEnabled;
+  },  
+  currentLeft: function() {
+    return parseInt(this.handle.style.left || '0');
+  },
+  currentTop: function() {
+    return parseInt(this.handle.style.top || '0');
+  },
+  setCurrentLeft: function(left) {
+    this.handle.style.left = left +"px";
+  },
+  setCurrentTop: function(top) {
+    this.handle.style.top = top +"px";
+  },
+  trackLeft: function(){
+    return Position.cumulativeOffset(this.track)[0];
+  },
+  trackTop: function(){
+    return Position.cumulativeOffset(this.track)[1];
+  }, 
+  getNearestValue: function(value){
+    if(this.values){
+      var i = 0;
+      var offset = Math.abs(this.values[0] - value);
+      var newValue = this.values[0];
+
+      for(i=0; i < this.values.length; i++){
+        var currentOffset = Math.abs(this.values[i] - value);
+        if(currentOffset < offset){
+          newValue = this.values[i];
+          offset = currentOffset;
+        }
+      }
+      return newValue;
+    }
+    return value;
+  },
+  setSliderValue:  function(sliderValue){
+    // First check our max and minimum and nearest values
+    sliderValue = this.getNearestValue(sliderValue);	
+    if(sliderValue > this.maximum) sliderValue = this.maximum;
+    if(sliderValue < this.minimum) sliderValue = this.minimum;
+    var offsetDiff = (sliderValue - (this.value||this.minimum)) * this.increment;
+    
+    if(this.isVertical()){
+      this.setCurrentTop(offsetDiff + this.currentTop());
+    } else {
+      this.setCurrentLeft(offsetDiff + this.currentLeft());
+    }
+    this.value = sliderValue;
+    this.updateFinished();
+  },  
+  minimumOffset: function(){
+    return(this.isVertical() ? 
+      this.trackTop() + this.alignY :
+      this.trackLeft() + this.alignX);
+  },
+  maximumOffset: function(){
+    return(this.isVertical() ?
+      this.trackTop() + this.alignY + (this.maximum - this.minimum) * this.increment :
+      this.trackLeft() + this.alignX + (this.maximum - this.minimum) * this.increment);
+  },  
+  isVertical:  function(){
+    return (this.axis == 'vertical');
+  },
+  startDrag: function(event) {
+    if(Event.isLeftClick(event)) {
+      if(!this.disabled){
+        this.active = true;
+        var pointer = [Event.pointerX(event), Event.pointerY(event)];
+        var offsets = Position.cumulativeOffset(this.handle);
+        this.offsetX =  (pointer[0] - offsets[0]);
+        this.offsetY =  (pointer[1] - offsets[1]);
+        this.originalLeft = this.currentLeft();
+        this.originalTop = this.currentTop();
+      }
+      Event.stop(event);
+    }
+  },
+  update: function(event) {
+   if(this.active) {
+      if(!this.dragging) {
+        var style = this.handle.style;
+        this.dragging = true;
+        if(style.position=="") style.position = "relative";
+        style.zIndex = this.options.zindex;
+      }
+      this.draw(event);
+      // fix AppleWebKit rendering
+      if(navigator.appVersion.indexOf('AppleWebKit')>0) window.scrollBy(0,0);
+      Event.stop(event);
+   }
+  },
+  draw: function(event) {
+    var pointer = [Event.pointerX(event), Event.pointerY(event)];
+    var offsets = Position.cumulativeOffset(this.handle);
+
+    offsets[0] -= this.currentLeft();
+    offsets[1] -= this.currentTop();
+        
+    // Adjust for the pointer's position on the handle
+    pointer[0] -= this.offsetX;
+    pointer[1] -= this.offsetY;
+    var style = this.handle.style;
+
+    if(this.isVertical()){
+      if(pointer[1] > this.maximumOffset())
+        pointer[1] = this.maximumOffset();
+      if(pointer[1] < this.minimumOffset())
+        pointer[1] =  this.minimumOffset();
+
+    // Increment by values
+    if(this.values){
+      this.value = this.getNearestValue(Math.round((pointer[1] - this.minimumOffset()) / this.increment) + this.minimum);
+      pointer[1] = this.trackTop() + this.alignY + (this.value - this.minimum) * this.increment;
+    } else {
+      this.value = Math.round((pointer[1] - this.minimumOffset()) / this.increment) + this.minimum;
+    }
+    style.top  = pointer[1] - offsets[1] + "px";
+    } else {
+      if(pointer[0] > this.maximumOffset()) pointer[0] = this.maximumOffset();
+      if(pointer[0] < this.minimumOffset())	pointer[0] =  this.minimumOffset();
+      // Increment by values
+      if(this.values){
+        this.value = this.getNearestValue(Math.round((pointer[0] - this.minimumOffset()) / this.increment) + this.minimum);
+        pointer[0] = this.trackLeft() + this.alignX + (this.value - this.minimum) * this.increment;
+      } else {
+        this.value = Math.round((pointer[0] - this.minimumOffset()) / this.increment) + this.minimum;
+      }
+      style.left = (pointer[0] - offsets[0]) + "px";
+    }
+    if(this.options.onSlide) this.options.onSlide(this.value);
+  },
+  endDrag: function(event) {
+    if(this.active && this.dragging) {
+      this.finishDrag(event, true);
+      Event.stop(event);
+    }
+    this.active = false;
+    this.dragging = false;
+  },  
+  finishDrag: function(event, success) {
+    this.active = false;
+    this.dragging = false;
+    this.handle.style.zIndex = this.originalZ;
+    this.originalLeft = this.currentLeft();
+    this.originalTop  = this.currentTop();
+    this.updateFinished();
+  },
+  updateFinished: function() {
+    if(this.options.onChange) this.options.onChange(this.value);
+  },
+  keyPress: function(event) {
+    if(this.active && !this.disabled) {
+      switch(event.keyCode) {
+        case Event.KEY_ESC:
+          this.finishDrag(event, false);
+          Event.stop(event); 
+          break;
+      }
+      if(navigator.appVersion.indexOf('AppleWebKit')>0) Event.stop(event);
+    }
+  }
+}

data/public/javascripts/typo.js

@@ -0,0 +1,85 @@
+function register_onload(func) {
+  Event.observe(window, 'load', func, false);
+}
+
+function show_dates_as_local_time() {
+  var spans = document.getElementsByTagName('span');
+  for (var i=0; i<spans.length; i++) {
+    if (spans[i].className.match(/\btypo_date\b/i)) {
+      spans[i].innerHTML = get_local_time_for_date(spans[i].title);
+    }
+  }
+}
+
+function get_local_time_for_date(time) {
+  system_date = new Date(time);
+  user_date = new Date();
+  delta_minutes = Math.floor((user_date - system_date) / (60 * 1000));
+  if (Math.abs(delta_minutes) <= (8*7*24*60)) { // eight weeks... I'm lazy to count days for longer than that
+    distance = distance_of_time_in_words(delta_minutes);
+    if (delta_minutes < 0) {
+      return distance + ' from now';
+    } else {
+      return distance + ' ago';
+    }
+  } else {
+    return 'on ' + system_date.toLocaleDateString();
+  }
+}
+
+// a vague copy of rails' inbuilt function, 
+// but a bit more friendly with the hours.
+function distance_of_time_in_words(minutes) {
+  if (minutes.isNaN) return "";
+  minutes = Math.abs(minutes);
+  if (minutes < 1) return ('less than a minute');
+  if (minutes < 50) return (minutes + ' minute' + (minutes == 1 ? '' : 's'));
+  if (minutes < 90) return ('about one hour');
+  if (minutes < 1080) return (Math.round(minutes / 60) + ' hours');
+  if (minutes < 1440) return ('one day');
+  if (minutes < 2880) return ('about one day');
+  else return (Math.round(minutes / 1440) + ' days')
+}
+
+function commentAdded(request) {
+  Element.cleanWhitespace('commentList');
+  new Effect.BlindDown($('commentList').lastChild);
+  if ($('dummy_comment')) { Element.remove('dummy_comment'); }
+  $('commentform').elements[3].value = '';
+  $('commentform').elements[3].focus();
+}
+
+function failure(request) {
+  $('errors').innerHTML = request.responseText;
+  new Effect.Highlight('errors');
+}
+
+function loading() {
+  $('form-submit-button').disabled = true;
+  Element.show('comment_loading');
+  new Element.hide('preview');
+}
+
+function complete(request) {
+  Element.hide('comment_loading');
+  Element.show('commentform');
+  $('form-submit-button').disabled = false;  
+
+  if (request.status == 200) { commentAdded() };  
+}
+
+register_onload(function() {
+  if ($('commentform')) {
+	var _author = getCookie('author');
+	var _url = getCookie('url');
+
+    if(_author != null) { $('commentform').elements['comment[author]'].value = _author }
+    if(_url != null) { $('commentform').elements['comment[url]'].value = _url }
+    
+    if ($('commentform').elements['comment[url]'].value != ''
+        || $('commentform').elements['comment[email]'].value != '') {
+      Element.show('guest_url'); Element.show('guest_email');
+    }
+  }
+})
+register_onload(function() { if ($('q')) {$('q').setAttribute('autocomplete', 'off');} })

data/public/robots.txt

@@ -0,0 +1,2 @@
+User-agent: *
+Disallow: /admin

data/public/stylesheets/administration.css

@@ -0,0 +1,585 @@
+/*
+ * =GENERAL/MASTER CONTAINERS
+ */
+
+ body {
+  margin: 0;
+  background: #fff url(../images/admin/hdr-tile.gif) repeat-x;
+  font: 1em/1.6em Helvetica, Arial, sans-serif;
+  text-align: center;
+  color: #000;
+  }
+
+
+ #container {
+  text-align: left;
+  font-size: 80%;
+  margin: 0 auto;
+ }
+
+ #header {
+  height: 92px;
+  color: #fff;
+ }
+
+ #overall {
+  background: #fff;
+  width: 85%;
+  margin: 0 auto;
+  }
+
+ #content {
+  background: #fff;
+  margin: 5px 0 0 0;
+  padding: 10px;
+  }
+
+ #main {
+  padding-left: 10px;
+  }
+
+#info {
+  float: right;
+  margin-right: 20px;
+  margin-top: 5px;
+  font-size: 80%;
+  }
+
+ #footer {
+  margin-top: 7px;
+  height: 35px;
+  text-align: center;
+  }
+
+/*
+ * =UTILITY
+ */
+
+ form {
+  margin: 0;
+  padding: 0;
+  }
+
+ img { border: none; }
+
+  a {
+    color: #c00;
+    text-decoration: none;
+    }
+
+  a:hover {
+    color: #333;
+    }
+
+  hr {
+    border: none;
+    border-bottom: 1px solid #7D8692;
+  }
+/*
+ * =PRIMARY NAVIGATION
+ */
+
+
+ #tabs-container {
+   width: 100%;
+   padding: 0;
+   height: 16px;
+   margin-top: 8px;
+   border-bottom: 1px solid #637987;
+   }
+
+  #tabs {
+    padding: 0;
+    margin: 0 0 0 30px;
+    font-family: sans-serif, Arial, Helvetica;
+    font-size: 0.8em;
+    line-height: normal;
+   }
+
+  #tabs li {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    display: inline;
+   }
+
+  #tabs li a {
+    padding: 3px 8px 3px 8px;
+    margin-left: 3px;
+    background: #859AA8;
+    text-decoration: none;
+    color: #003;
+    border: 1px solid #637987;
+    border-bottom: 0;
+    line-height: normal;
+   }
+
+  #tabs li a:hover {
+    #color: #fff;
+    background: #D7DFE4;
+    border-color: #859AA8;
+   }
+
+  #tabs li a.active {
+    background: white;
+   }
+
+  #tabs li a.active:hover {
+   color: #777;
+   background: #fff;
+   border-color: #637987;
+  }
+
+
+/*
+ * =TASKS LINKS
+ */
+
+.tasks {
+  background: #F1F8E4;
+  border: 1px solid #8DBA47;
+  padding: 5px;
+  }
+
+.tasks ul {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  }
+
+.tasks ul li {
+  display: inline;
+  line-height: normal;
+  }
+
+.tasks li a {
+  display: block;
+  float: left;
+  padding: 2px 5px;
+  margin-right: 5px;
+  text-decoration: none;
+  }
+
+.tasks li a:hover {
+  background: #4A611C;
+  color: #fff;
+  }
+
+
+/*
+ * =HEADINGS
+ */
+
+  h2 {
+    font: normal 170% Georgia, Times, Helvetica;
+    background: url(../images/admin/h-tile.gif) repeat-x;
+    color: #930;
+    padding: 25px 0 0 5px;
+    }
+
+   h3 {
+    font-size: 130%;
+    padding: 5px;
+    margin-bottom: 0;
+    }
+
+  #header h1 {
+    margin: 0;
+    padding: 25px 0 0 10px;
+    font: normal 170% Helvetica, Sans-serif, Arial;
+    }
+
+  #header h1 a {
+    color: #fff;
+    margin: 20px 0 0 0;
+    text-decoration: none;
+    border: none;
+    }
+
+  .form h3,  h3 {
+    background: #333;
+    color: #fff;
+    font-weight: normal;
+    }
+
+  .form h4 {
+    padding: 2px;
+    margin: 0;
+    font-size: 120%;
+    }
+
+  .tasks h3 {
+    font: normal 120%/normal "Trebuchet MS", Arial, Verdana;
+    background: transparent;
+    margin: 0 0 5px 0;
+    padding: 0;
+    color: #4A611C;
+    }
+
+  .set h3 {
+    background: none;
+    margin: 0 0 5px 0;
+    color: #1F273F;
+  }
+/*
+ * =TABLE LISTINGS
+ */
+
+ .list { clear: left; }
+
+ .list table {
+    width: 98%;
+    }
+
+  .list table th {
+    text-align: left;
+    font-weight: bold;
+    border-bottom: 4px solid #ccc;
+    }
+
+  .list table tr td {
+    padding: 0 2px;
+    }
+
+  tr.shade {
+    background: #E4E4D7;
+    }
+
+/*
+ * =FORM ELEMENTS
+ */
+label {
+  font-weight: bold;
+  }
+
+.form {
+	background: #D7DFE4;
+  margin-bottom: 10px;
+  padding: 0 0 0 10px;
+  }
+
+.form div {
+  padding: 5px;
+  }
+
+#blog_name {
+  font-size: 130%;
+}
+
+/*
+ * =POPUPS/TOOLTIPS
+ */
+
+ .tip-catlist {
+  width: 200px;
+  background: #EEF1FE;
+  border: 2px solid #C2D2E7;
+  padding: 5px;
+  }
+
+
+/*
+ * =LIVE PREVIEW
+ */
+
+#preview, #preview_extended {
+  background: #fff;
+  border: 4px double #ccc;
+  padding: 5px;
+  z-index: 9999;
+  width: 48%;
+  float: right;
+  clear: right;
+  margin-bottom: 10px;
+  line-height: 1.3em;
+  }
+
+/*
+ *=GENERAL SETTINGS SCREEN
+ */
+
+.set {
+  background: #D7DFE4;
+  border: 1px solid #7D8692;
+  padding: 0 10px 5px 10px;
+  margin-bottom: 10px;
+  position: relative;
+}
+
+#gensettings {
+
+}
+
+/*
+ * =SIDEBAR
+ */
+
+
+ #sidebar-config {
+  /* Safari Fix */
+   border-top: 1px solid #fff;
+ }
+
+ #sidebar-config p {
+   margin: 0;
+   padding-left: 5px;
+ }
+
+ #available {
+   float: left;
+   width: 300px;
+ }
+
+ #active, #cnt-active {
+   width: 300px;
+   min-height: 200px;
+ }
+
+ #cnt-active {
+   margin-left: 320px;
+   border: 1px solid #333;
+   background: #c8d9ed;
+ }
+
+ #available , #active {
+   background: #c8d9ed;
+ }
+
+ #available h3, #active h3, #cnt-active h3 {
+   background: #859aa8;
+   color: #333;
+   margin: 0 0 10px 0;
+   padding: 2px 5px;
+ }
+
+ .dropbox {
+   width: 270px;
+ }
+
+ .handle {
+   cursor: move;
+   font-size: 130%;
+   font-weight: normal;
+   padding-left: 5px;
+   margin: 0;
+ }
+
+ .dragitem, .dropitem {
+   margin: 0 0 5px 12px;
+ }
+
+ .dragitem {
+   border: 1px solid #9cabba;
+   border-top: 1px solid #bacddf;
+   border-left: 1px solid #bacddf;
+   background: #fff;
+   width: 270px;
+ }
+
+.handle {
+  background: #f7f7f7;
+}
+
+.target {
+  background: #cde0f3;
+  margin: 5px;
+  padding: 5px;
+}
+
+/*
+ * =MISC
+ */
+.form p {
+  margin: 0;
+  padding: 0 0 5px;
+  }
+
+#info a {
+  color: #fff;
+  }
+
+#info a:hover {
+  background: #c00;
+  }
+
+.form p>small {
+  color: gray;
+}
+
+ .form .note {
+  font-style: italic;
+  font-size: 90%;
+  }
+
+.r { text-align: right; }
+.c { text-align: center; }
+.space { margin: 10px; }
+
+.errorExplanation {
+  background: #FFE6E6;
+  color: #000;
+  border: 1px solid #FF8080;
+  margin: 0 30px 10px 30px;
+}
+
+.errorExplanation h2 {
+  padding: 2px 5px;
+  border: none;
+  background: none;
+  font-size: 120%;
+}
+
+.errorExplanation p {
+  padding: 5px;
+}
+
+.errorExplanation ul {
+  margin: 0;
+  padding: 0 0 0 15px;
+  list-style: none;
+}
+
+.preview {
+  border: 4px solid #656D79;
+  width: 150px;
+  height: 150px;
+  overflow: hidden;
+  margin: 5px;
+  float: right;
+}
+
+.theme h3 {
+  margin: 0;
+}
+/*
+ *=Users
+ */
+
+div#users {
+  background: #c8d9ed;
+  margin-top: 10px;
+}
+
+div.user {
+  border: 1px solid #9cabba;
+  border-top: 1px solid #bacddf;
+  border-left: 1px solid #bacddf;
+  background: #fff;
+  width: 30%;
+  float: left;
+  margin: 10px;
+}
+
+.user h4 {
+  margin: 0 0 2px 0;
+  padding: 0;
+}
+
+.user h4 a {
+  color: #333;
+  background: #f7f7f7;
+  padding-left: 5px;
+  display: block;
+}
+
+.user h4 a:hover {
+  background: #D7DFE4;
+}
+
+.user p {
+  margin: 0;
+  padding: 5px;
+}
+/*
+ *=MISC CONTAINERS
+ */
+
+#quick-post {
+  background: #c8d9ed;
+  padding: 10px;
+  border: 1px solid #9cabba;
+  margin-left: 10px;
+  border-top: none;
+}
+
+#quick-navigate {
+  background: #c8d9ed;
+  padding: 2px 5px 0px 5px;
+  border: 1px solid #9cabba;
+  margin-left: 10px;
+  border-top: none;
+}
+#edit-resource-metadata {
+  background: #c8d9ed;
+  padding: 1px;
+  border: 1px solid #9cabba;
+  margin-left: 0px;
+  border-top: none;
+}
+
+#add-resource-metadata {
+  background: #c8d9ed;
+  padding: 1px;
+  border: 1px solid #9cabba;
+  margin-left: 0px;
+}
+#advanced { line-height: 1.3em; }
+
+#advanced label {
+  clear: left;
+  float: left;
+  width: 15em;
+}
+
+#loginform {
+  width: 300px;
+  margin-left: 110px;  
+  padding: 0px;
+}
+
+#loginform div.form {
+  padding:10px;
+}
+
+#loginform .fieldWithErrors {
+  display: table;
+  border: 1px solid red;
+}
+
+#flash span {
+  padding: 5px;
+  margin-top: 10px;
+  color: #0C2504;
+  display: block;
+}
+
+#flash .notice {
+    background: #CBE4C3;
+    border-top: 1px solid #2E9410;
+    border-bottom: 1px solid #2E9410;
+}
+
+#flash .error {
+    background: #e99;
+    border-top: 1px solid #822;
+    border-bottom: 1px solid #822;
+}
+
+#category_list {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  margin-top: 10px;
+  width: 300px;
+}
+
+#category_list li {
+  cursor: move;
+  border-bottom: 1px dotted #ccc;
+}
+
+#footer {
+	font-size: 0.8em;
+	color: #888;
+	font-style: italic;
+}