typo 4.1.1 → 5.0

data/public/javascripts/tiny_mce/utils/editable_selects.js

@@ -1,10 +1,10 @@
 /**
- * $Id: editable_selects.js 18 2006-06-29 14:11:23Z spocke $
+ * $Id: editable_selects.js 324 2007-11-01 12:58:49Z spocke $
  *
  * Makes select boxes editable.
  *
  * @author Moxiecode
- * @copyright Copyright � 2004-2006, Moxiecode Systems AB, All rights reserved.
+ * @copyright Copyright � 2004-2007, Moxiecode Systems AB, All rights reserved.
  */
 
 var TinyMCE_EditableSelects = {
@@ -20,13 +20,13 @@ var TinyMCE_EditableSelects = {
 				o.className = 'mceAddSelectValue';
 
 				nl[i].options[nl[i].options.length] = o;
-				nl[i].setAttribute('onchange', 'TinyMCE_EditableSelects.onChangeEditableSelect(this);');
+				nl[i].onchange = TinyMCE_EditableSelects.onChangeEditableSelect;
 			}
 		}
 	},
 
-	onChangeEditableSelect : function(se) {
-		var d = document, ne;
+	onChangeEditableSelect : function(e) {
+		var d = document, ne, se = window.event ? window.event.srcElement : e.target;
 
 		if (se.options[se.selectedIndex].value == '__mce_add_custom__') {
 			ne = d.createElement("input");
@@ -34,7 +34,7 @@ var TinyMCE_EditableSelects = {
 			ne.name = se.name + "_custom";
 			ne.type = "text";
 
-			ne.style.width = se.clientWidth;
+			ne.style.width = se.offsetWidth + 'px';
 			se.parentNode.insertBefore(ne, se);
 			se.style.display = 'none';
 			ne.focus();

data/public/javascripts/tiny_mce/utils/form_utils.js

@@ -1,33 +1,23 @@
 /**
- * $Id: form_utils.js 43 2006-08-08 16:10:07Z spocke $
+ * $Id: form_utils.js 453 2007-11-27 17:36:55Z spocke $
  *
  * Various form utilitiy functions.
  *
  * @author Moxiecode
- * @copyright Copyright � 2004-2006, Moxiecode Systems AB, All rights reserved.
+ * @copyright Copyright � 2004-2007, Moxiecode Systems AB, All rights reserved.
  */
 
-var themeBaseURL = tinyMCE.baseURL + '/themes/' + tinyMCE.getParam("theme");
+var themeBaseURL = tinyMCEPopup.editor.baseURI.toAbsolute('themes/' + tinyMCEPopup.getParam("theme"));
 
 function getColorPickerHTML(id, target_form_element) {
 	var h = "";
 
-	h += '<a id="' + id + '_link" href="javascript:void(0);" onkeydown="pickColor(event,\'' + target_form_element +'\');" onmousedown="pickColor(event,\'' + target_form_element +'\');return false;">';
-	h += '<img id="' + id + '" src="' + themeBaseURL + '/images/color.gif"';
-	h += ' onmouseover="this.className=\'mceButtonOver\'"';
-	h += ' onmouseout="this.className=\'mceButtonNormal\'"';
-	h += ' onmousedown="this.className=\'mceButtonDown\'"';
-	h += ' width="20" height="16" border="0" title="' + tinyMCE.getLang('lang_browse') + '"';
-	h += ' class="mceButtonNormal" alt="' + tinyMCE.getLang('lang_browse') + '" /></a>';
+	h += '<a id="' + id + '_link" href="javascript:;" onclick="tinyMCEPopup.pickColor(event,\'' + target_form_element +'\');" onmousedown="return false;" class="pickcolor">';
+	h += '<span id="' + id + '" title="' + tinyMCEPopup.getLang('browse') + '"></span></a>';
 
 	return h;
 }
 
-function pickColor(e, target_form_element) {
-	if ((e.keyCode == 32 || e.keyCode == 13) || e.type == "mousedown")
-		tinyMCEPopup.pickColor(e, target_form_element);
-}
-
 function updateColor(img_id, form_element_id) {
 	document.getElementById(img_id).style.backgroundColor = document.forms[0].elements[form_element_id].value;
 }
@@ -40,34 +30,30 @@ function setBrowserDisabled(id, state) {
 		if (state) {
 			lnk.setAttribute("realhref", lnk.getAttribute("href"));
 			lnk.removeAttribute("href");
-			tinyMCE.switchClass(img, 'mceButtonDisabled', true);
+			tinyMCEPopup.dom.addClass(img, 'disabled');
 		} else {
 			lnk.setAttribute("href", lnk.getAttribute("realhref"));
-			tinyMCE.switchClass(img, 'mceButtonNormal', false);
+			tinyMCEPopup.dom.removeClass(img, 'disabled');
 		}
 	}
 }
 
 function getBrowserHTML(id, target_form_element, type, prefix) {
-	var option = prefix + "_" + type + "_browser_callback";
-	var cb = tinyMCE.getParam(option, tinyMCE.getParam("file_browser_callback"));
-	if (cb == null)
-		return "";
+	var option = prefix + "_" + type + "_browser_callback", cb, html;
 
-	var html = "";
+	cb = tinyMCEPopup.getParam(option, tinyMCEPopup.getParam("file_browser_callback"));
 
-	html += '<a id="' + id + '_link" href="javascript:openBrower(\'' + id + '\',\'' + target_form_element + '\', \'' + type + '\',\'' + option + '\');" onmousedown="return false;">';
-	html += '<img id="' + id + '" src="' + themeBaseURL + '/images/browse.gif"';
-	html += ' onmouseover="this.className=\'mceButtonOver\';"';
-	html += ' onmouseout="this.className=\'mceButtonNormal\';"';
-	html += ' onmousedown="this.className=\'mceButtonDown\';"';
-	html += ' width="20" height="18" border="0" title="' + tinyMCE.getLang('lang_browse') + '"';
-	html += ' class="mceButtonNormal" alt="' + tinyMCE.getLang('lang_browse') + '" /></a>';
+	if (!cb)
+		return "";
+
+	html = "";
+	html += '<a id="' + id + '_link" href="javascript:openBrowser(\'' + id + '\',\'' + target_form_element + '\', \'' + type + '\',\'' + option + '\');" onmousedown="return false;" class="browse">';
+	html += '<span id="' + id + '" title="' + tinyMCEPopup.getLang('browse') + '"></span></a>';
 
 	return html;
 }
 
-function openBrower(img_id, target_form_element, type, option) {
+function openBrowser(img_id, target_form_element, type, option) {
 	var img = document.getElementById(img_id);
 
 	if (img.className != "mceButtonDisabled")
@@ -119,8 +105,8 @@ function addSelectValue(form_obj, field_name, name, value) {
 function addClassesToList(list_id, specific_option) {
 	// Setup class droplist
 	var styleSelectElm = document.getElementById(list_id);
-	var styles = tinyMCE.getParam('theme_advanced_styles', false);
-	styles = tinyMCE.getParam(specific_option, styles);
+	var styles = tinyMCEPopup.getParam('theme_advanced_styles', false);
+	styles = tinyMCEPopup.getParam(specific_option, styles);
 
 	if (styles) {
 		var stylesAr = styles.split(';');
@@ -136,10 +122,9 @@ function addClassesToList(list_id, specific_option) {
 			}
 		}
 	} else {
-		// Use auto impored classes
-		var csses = tinyMCE.getCSSClasses(tinyMCE.getWindowArg('editor_id'));
-		for (var i=0; i<csses.length; i++)
-			styleSelectElm.options[styleSelectElm.length] = new Option(csses[i], csses[i]);
+		tinymce.each(tinyMCEPopup.editor.dom.getClasses(), function(o) {
+			styleSelectElm.options[styleSelectElm.length] = new Option(o.title || o['class'], o['class']);
+		});
 	}
 }
 
@@ -196,7 +181,7 @@ function getCSSSize(size) {
 }
 
 function getStyle(elm, attrib, style) {
-	var val = tinyMCE.getAttrib(elm, attrib);
+	var val = tinyMCEPopup.dom.getAttrib(elm, attrib);
 
 	if (val != '')
 		return '' + val;
@@ -204,7 +189,5 @@ function getStyle(elm, attrib, style) {
 	if (typeof(style) == 'undefined')
 		style = attrib;
 
-	val = eval('elm.style.' + style);
-
-	return val == null ? '' : '' + val;
+	return tinyMCEPopup.dom.getStyle(elm, style);
 }

data/public/javascripts/tiny_mce/utils/mclayer.js

@@ -1,10 +1,10 @@
 /**
- * $Id: mclayer.js 18 2006-06-29 14:11:23Z spocke $
+ * $Id: mclayer.js 162 2007-01-03 16:16:52Z spocke $
  *
  * Moxiecode floating layer script.
  *
  * @author Moxiecode
- * @copyright Copyright � 2004-2006, Moxiecode Systems AB, All rights reserved.
+ * @copyright Copyright � 2004-2007, Moxiecode Systems AB, All rights reserved.
  */
 
 function MCLayer(id) {

data/public/javascripts/tiny_mce/utils/mctabs.js

@@ -1,10 +1,10 @@
 /**
- * $Id: mctabs.js 18 2006-06-29 14:11:23Z spocke $
+ * $Id: mctabs.js 162 2007-01-03 16:16:52Z spocke $
  *
  * Moxiecode DHTML Tabs script.
  *
  * @author Moxiecode
- * @copyright Copyright � 2004-2006, Moxiecode Systems AB, All rights reserved.
+ * @copyright Copyright � 2004-2007, Moxiecode Systems AB, All rights reserved.
  */
 
 function MCTabs() {

data/public/javascripts/tiny_mce/utils/validate.js

@@ -1,10 +1,10 @@
 /**
- * $Id: validate.js 65 2006-08-24 15:54:55Z spocke $
+ * $Id: validate.js 162 2007-01-03 16:16:52Z spocke $
  *
  * Various form validation methods.
  *
  * @author Moxiecode
- * @copyright Copyright � 2004-2006, Moxiecode Systems AB, All rights reserved.
+ * @copyright Copyright � 2004-2007, Moxiecode Systems AB, All rights reserved.
  */
 
 /**

data/public/javascripts/typo.js

@@ -3,12 +3,9 @@ function register_onload(func) {
 }
 
 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);
-    }
-  }
+    $$('span.typo_date').each(function(e){
+        e.update(get_local_time_for_date(e.title))
+    })
 }
 
 function get_local_time_for_date(time) {
@@ -17,17 +14,13 @@ function get_local_time_for_date(time) {
   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';
-    }
+    return distance + ((delta_minutes < 0) ? ' from now' : ' ago')
   } else {
     return 'on ' + system_date.toLocaleDateString();
   }
 }
 
-// a vague copy of rails' inbuilt function, 
+// 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 "";
@@ -63,9 +56,9 @@ function loading() {
 function complete(request) {
   Element.hide('comment_loading');
   Element.show('commentform');
-  $('form-submit-button').disabled = false;  
+  $('form-submit-button').disabled = false;
 
-  if (request.status == 200) { commentAdded() };  
+  if (request.status == 200) { commentAdded() };
 }
 
 function popup(mylink, windowname)
@@ -88,16 +81,16 @@ function check_all(checkbox) {
 
 register_onload(function() {
   if ($('commentform')) {
-	var _author = getCookie('author');
-	var _url = getCookie('url');
+    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');} })
+register_onload(function() { if ($('q')) {$('q').setAttribute('autocomplete', 'off');} })

data/public/stylesheets/administration.css

@@ -1,205 +1,195 @@
 /* @group General/Master Containers */
 
-body {
-  margin: 0;
-  font: 1em/1.6em Verdana, Helvetica, Arial, sans-serif;
-  text-align: center;
-  color: #000;
-}
-
-#container {
-  text-align: left;
-  font-size: 70%;
-  margin: 0 auto;
-}
-
-#header {
-  height: 92px;
-  color: #fff;
-}
-
-#overall {
-  background: #fff;
-  width: 85%;
-  margin: 0 auto;
+/* OK */
+html, body {
+  height: 100%;
 }
 
-#content {
+/* OK */
+body {
+  margin:0;
+  padding:0;
+  font: 12px Tahoma, Helvetica, sans-serif;
+  line-height: 1.8em;
+  color: #585858;
   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;
+/* Top Navbar */
+/* OK */
+#topnav {
+  height: 36px;
+  margin: 0;
+  background: transparent url("/images/admin/bgoff.png") repeat-x top left;
+  font: 12px Tahoma, Helvetica, sans-serif;
 }
 
-/* @end */
-
-/* @group Utility */
-
-form {
+/* OK */
+#topnav ul {
   margin: 0;
   padding: 0;
+  list-style-type: none;
+  width: auto;
 }
 
-img {
-  border: none;
+/* OK */
+#topnav ul li {
+  display: block;
+  float: left;
+  margin: 0;
 }
 
-a {
-  color: #8D805D;
+/* OK */
+#topnav  ul li a {
+  display: block;
+  float: left;
+  padding: 11px 20px 0 20px;
+  height: 25px;
   text-decoration: none;
+  color: #333;
+  text-transform: capitalize;
+  background: transparent url("/images/admin/bgdivider.png") no-repeat top right;
 }
 
-a:hover {
-  color: #333;
+/* OK */
+#topnav  ul li a:hover {
+  color: #fff;
+  background: #fff url("/images/admin/bgover.png") repeat-x top left;
 }
 
-hr {
-  border: none;
-  border-bottom: 1px solid #7D8692;
+/* OK */
+#topnav ul li a.current {
+  color: #fff;
+  background: #fff url("/images/admin/bgselected.png") repeat-x top left;
 }
 
-/* @end */
+/* OK */
+#topnav ul li img {
+	border: none;
+	float: left;
+	padding-right: 3px;
+	margin-top: -4px;
+}
+/* End of Top navigation */
 
-/* @group Primary Navigation */
+/* OK */
+#container {
+  text-align: left;
+  margin: 0 auto;
+}
 
-#tabs-container {
-  height: 20px;
-  width: auto;
-  padding: 14px 0 0 100px;
-  margin-top: -40px;
-  border-bottom: 1px solid #637987;
-  background: #F8F7EF;
+/* OK */
+#overall {
+  background: #fff;
+  margin: 0 20px;
 }
 
-#tabs {
-  padding: 0;
-  margin: 0 0 0 40px;
-  font: normal 100% Georgia, Garamond, Times;
-  line-height: normal;
-  text-transform: uppercase;
+/* OK */
+#footer {
+float: left;
+width: 100%;
+margin-top: 30px;
+padding-top: 10px;
+padding-bottom: 0;
+text-align: center;
+color: #000;
+border-top: #ccc 1px solid;
 }
 
-#tabs li {
-  list-style: none;
+/* @group Utility */
+
+/* OK */
+form {
   margin: 0;
   padding: 0;
-  display: inline;
 }
 
-#tabs li a {
-  padding: 3px 8px 3px 8px;
-  margin-left: 3px;
-  background: #F8F7EF;
-  text-decoration: none;
-  color: #003;
-  line-height: normal;
-}
-
-#tabs li a:hover {
-  color: #993300;
-  border-top: 12px solid #E8E4D3;
+/* OK */
+img {
+  border: none;
 }
 
-#tabs li a.active {
-  color: #993300;
-  border-top: 12px solid #E8E4D3;
-  background: #F8F7EF;
+a:link, a:visited {
+color:#224272;
+text-decoration:none;
 }
 
-#tabs li a.active:hover {
-  color: #777;
-  background: #fff;
-  border-color: #637987;
+a:hover {
+text-decoration: underline;
+color: #aaa;
 }
-
 /* @end */
 
 /* @group Tasks Links */
-
+/* OK */
 .tasks {
-  background: #F8F7EF;
-  border-top: 1px dotted #C2C0BB;
-  border-bottom: 1px dotted #C2C0BB;
-  padding: 5px;
+  background: #525251;
+  border-bottom: #000 1px solid;
+  padding: 5px 20px;
   margin-bottom: 15px;
 }
 
+/* OK */
 .tasks ul {
   list-style: none;
   margin: 0;
   padding: 0;
 }
 
+/* OK */
 .tasks ul li {
-  display: inline;
-  line-height: normal;
+	float: left;
+	padding: 2px 20px 2px 0;
+  	line-height: normal;
 }
 
+/* OK */
 .tasks li a {
-  display: block;
-  float: left;
-  padding: 2px 5px;
-  margin-right: 5px;
   text-decoration: none;
+  color: #fff;
 }
 
+/* OK */
 .tasks li a:hover {
-  background: #637987;
   color: #fff;
+  text-decoration: underline;
 }
 
+/* OK */
+.tasks li a.current {
+  color: #fff;
+  text-decoration: underline;
+  font-weight: bold;
+}
 /* @end */
 
 /* @group Headings */
 
 h2 {
-  font: normal 170% Georgia, Times, Helvetica;
-  color: #930;
-  padding: 5px 0 0 5px;
+	font: normal 1.7em Tahoma, Helvetica, sans-serif;
+	letter-spacing: 3px;
+	color: #224272;
+	margin: 20px 0;
+	margin-left: 3px;
 }
 
-h3 {
-  font-size: 130%;
-  padding: 5px;
-  margin-bottom: 0;
+h2 a:visited {
+	color: #666;
 }
 
-#header h1 {
-  background: #EDEBD5;
-  margin: 0;
-  padding: 14px 0 12px 100px;
-  border-bottom: 1px dashed #A9A585;
-  border-top: 4px solid #4A4902;
-  font: normal 200% Georgia, Garamond, Times;
-  text-transform: uppercase;
-  letter-spacing: 0.08em;
+h2 a:hover {
+	text-decoration: none;
+	color: #993333;
 }
 
-#header h1 a {
-  color: #000;
-  margin: 10px 0 10px 0;
-  text-decoration: none;
-  border: none;
+h3 {
+  font-size: 130%;
+  padding: 5px;
+  margin-bottom: 0;
 }
 
 .form h3,  h3 {
-  background: #333;
+  background: #637987;
   color: #fff;
   font-weight: normal;
 }
@@ -242,34 +232,78 @@ th.operation {
 }
 
 .list table {
-  width: 98%;
+  width: 100%;
+	border-spacing: 0;
+	border-bottom: #ddd 1px solid;
 }
 
 .list table th {
+	background: url("/images/admin/table-header.png") #324e79 repeat-x;
   text-align: left;
   font-weight: bold;
-  border-bottom: 4px solid #ccc;
+  padding: 2px 5px;
+/*  border-bottom: 4px solid #ccc; */
+  color: #fff;
+	height: 24px;
+}
+
+.list table th.first {
+	background: url("/images/admin/table-header-first.png") #324e79 top left no-repeat;
+}
+
+.list table th.last {
+	background: url("/images/admin/table-header-last.png") #324e79 top right no-repeat;
+}
+.list table th a {
+	color: #fff;
+	text-decoration: underline;
 }
 
 .list table tr td {
-  padding: 0 2px;
+  padding: 3px;
+}
+
+.list table tr td.first {
+  border-left: #ddd 1px solid;
+}
+
+.list table tr td.last {
+  border-right: #ddd 1px solid;
+}
+
+.list table tr td a {
+	color: #224272;
 }
 
 tr.shade {
-  background: #E4E4D7;
+  background: #f7f7f7;
 }
 
-/* @end */
+li.shade {
+  background: #f7f7f7;
+}
 
-/* @group Form Elements */
+.paginate {
+  background: url("/images/admin/bc-bg.gif") repeat-x top left;
+  padding: 5px 20px;
+  margin-bottom: 15px;
+	border-left: #ddd 1px solid;
+	border-right: #ddd 1px solid;
+	border-right: #ddd 1px solid;
+	text-align: center;
+}
 
-label {
-  font-weight: bold;
+td.paginate {
+	text-align: center;
 }
 
+/* @end */
+
+/* @group Form Elements */
+
 .form {
-  border: 1px solid #C2C0BB;
-  background: #F8F7EF;
+  border: 1px solid #637987;
+  background: #fff;
   margin-bottom: 10px;
   padding: 0 0 0 10px;
 }
@@ -278,20 +312,24 @@ label {
   padding: 5px;
 }
 
-.form input {
-  font-family: Georgia;
+/*
+ input {
   font-size: 1em;
   letter-spacing: 0.02em;
+  border:1px solid #999;
+  color: #666;
 }
-
+*/
+/*
 .form textarea {
   width: 350px;
-  font-family: Georgia;
   line-height: 1.1em;
   font-size: 1em;
   letter-spacing: 0.02em;
   word-spacing: 0.05em;
+  border:1px solid #999;
 }
+*/
 
 #blog_name {
   font-size: 130%;
@@ -310,20 +348,60 @@ label {
 
 /* @end */
 
-/* @group Live Preview */
+/* Article forms */
+
+/* OK */
+#article_form input,
+#article_form textarea,
+#article_form select,
+#page_form input,
+#page_form textarea,
+#page_form select,
+.admin input,
+.admin select,
+.admin textarea {
+	font: 12px "Trebuchet MS", Helvetica, sans-serif;
+	border: 1px solid #224272;
+	color: #000;
+	padding: 3px;	
+}
+
+#article_form input.large,
+#article_form textarea.large ,
+#article_form select.large,
+#page_form input.large,
+#page_form textarea.large ,
+#page_form select.large {
+	width: 100%;
+}
+
+#article_form input#article_title,
+#page_form input#article_title {
+	font: 14px "Trebuchet MS", Helvetica, sans-serif;
+}
+
+#article_form label,
+#page_form label {
+	color: #224272;
+}
+
+#article_form select.large option {
+	padding: 3px;
+}
 
-#preview, #preview_extended {
+/* OK */
+#preview {
   background: #fff;
-  border: 1px dashed #ccc;
+  border-left: 1px dashed #ccc;
+	border-right: none;
+	border-top: none;
+	border-bottom: none;
   padding: 0 0 0 5px;
   width: 50%;
-  height: 500px;
+  height: 430px;
   float: right;
+	margin-top: 10px;
   margin-bottom: 10px;
-  line-height: 1.5em;
-  letter-spacing: 0.02em;
-  word-spacing: 0.05em;
-  font-size: 0.95em;
 }
 
 /* @end */
@@ -331,19 +409,14 @@ label {
 /* @group General Settings Screen */
 
 .set {
-  background: #F8F7EF;
   padding: 0 10px 5px 10px;
   margin-bottom: 10px;
   position: relative;
 }
 
-#gensettings {
-  /* Nothing here */
-}
-
 legend {
-  font-size: 130%;
-  text-transform: capitalize;
+	font: 16px "Trebuchet MS", Helvetica, sans-serif;
+	color: #224272;
 }
 
 .admin ul {
@@ -374,6 +447,7 @@ legend {
   margin-right: 12px;
   padding: 0;
   text-align: right;
+	color: #224272;
 }
 
 .admin label.block {
@@ -382,6 +456,7 @@ legend {
 
 .admin input.float {
   width: auto;
+  border:1px solid #999;
 }
 
 .admin span.float {
@@ -399,85 +474,74 @@ legend {
 
 /* @group Sidebar */
 
-#sidebar-config {
-  /* Safari Fix */
-  border-top: 5px solid #fff;
-}
-
+/* OK */
 #sidebar-config p {
   margin: 0;
   padding-left: 5px;
 }
 
-#available {
-  float: left;
-  width: 300px;
-}
-
+/* OK */
 #active, #cnt-active {
-  width: 300px;
+  width: 325px;
   min-height: 200px;
+  padding-bottom: 10px;
 }
 
+/* OK */
 #cnt-active {
-  margin-left: 320px;
-  background: #F8F7EF;
+  margin-left: 360px;
+  border: #ccc 1px solid;
 }
 
+/* OK */
 #available {
-  background: #F8F7EF;
-  padding-bottom: 10px;
-}
-
-#active {
-  background: #F8F7EF;
   padding-bottom: 10px;
+  border: #ccc 1px solid;
+  float: left;
+  width: 325px;
 }
 
+/* OK */
 #available h3, #active h3, #cnt-active h3 {
-  background: #E4E4D7;
-  color: #333;
+  background: url("/images/admin/bc-bg.gif") #b5b5b5 top left repeat-x;
+  color: #000;
   margin: 0 0 10px 0;
   padding: 2px 5px;
 }
 
+/* OK */
 .dropbox {
-  width: 270px;
+  width: 300px;
 }
 
+/* OK */
 .handle {
+	background: url("/images/admin/table-header-first.png") #324e79 top left no-repeat;
+	color: #fff;
   cursor: move;
-  font-size: 130%;
+  font-size: 13px;
   font-weight: normal;
-  padding-left: 5px;
   margin: 0;
 }
 
+/* OK */
 .dragitem, .dropitem {
   margin: 0 0 5px 12px;
 }
 
+/* OK */
 .dragitem {
-  border: 1px solid #9cabba;
-  border-top: 1px solid #bacddf;
-  border-left: 1px solid #bacddf;
-  background: #fff;
-  width: 270px;
-}
-
-.handle {
-  background: #f7f7f7;
+	background: url("/images/admin/loginformbg.png") #fff bottom left no-repeat;
+  width: 300px;
 }
 
+/* OK */
 .target {
   background: #F8F7EF;
   margin: 5px;
   padding: 5px;
 }
-
-/*
-
-@end */
+/* @end */
 
 /* @group Miscellaneous */
 
@@ -507,10 +571,17 @@ legend {
   font-size: 90%;
 }
 
+/* OK */
+.l {
+	text-align: left;
+}
+
+/* OK */
 .r {
   text-align: right;
 }
 
+/* OK */
 .c {
   text-align: center;
 }
@@ -545,8 +616,8 @@ legend {
 
 .preview {
   border: 4px solid #656D79;
-  width: 150px;
-  height: 150px;
+  width: 320px;
+  height: 232px;
   overflow: hidden;
   margin: 5px;
   float: right;
@@ -598,31 +669,6 @@ div.user {
 
 /* @end */
 
-/* @group Misc Containers */
-
-#quick-post {
-  background: #EDEBD5;
-  padding: 10px;
-  border: 1px solid #9cabba;
-  margin-left: 10px;
-  border-top: none;
-}
-
-#quick-post input {
-  font-family: Georgia;
-  font-size: 13px;
-  letter-spacing: 0.02em;
-}
-
-#quick-post textarea {
-  width: 350px;
-  font-family: Georgia;
-  line-height: 14px;
-  font-size: 12px;
-  letter-spacing: 0.02em;
-  word-spacing: 0.05em;
-}
-
 #quick-navigate {
   background: #F8F7EF;
   padding: 2px 5px 0px 5px;
@@ -631,6 +677,15 @@ div.user {
   border-top: none;
 }
 
+#quick-post {
+	background: #ffffff;
+	border-top: #333 1px solid;
+	border-left: #333 1px solid;
+	border-right: #333 3px solid;
+	border-bottom: #333 3px solid;
+	padding: 5px;
+}
+
 #advanced {
   line-height: 1.3em;
 }
@@ -641,25 +696,113 @@ div.user {
   width: 15em;
 }
 
+/* Login */
 #loginform {
   width: 300px;
   margin-left: auto;
   margin-right: auto;
-  padding: 100px;
+  margin-top: 100px;
 }
 
+/* OK */
+#loginform label {
+	color: #224272;
+	display: block;
+}
+
+/* OK */
 #loginform input {
   margin-bottom: 10px;
+  border:1px solid #224272;
+	color: #000;
+	padding: 3px 3px;
+}
+
+/* OK */
+#loginform input,
+#article_form input.submit,
+#page_form input.submit,
+.submit {
+	width: 260px;
+	background: url("/images/admin/bc-bg.gif") #b5b5b5 top left repeat-x;
+	font: 14px "Trebuchet MS", Helvetica, sans-serif;
+}
+
+/* OK */
+#loginform input#submit,
+#article_form input.submit,
+#page_form input.submit,
+input.submit {
+	margin-right: 3px;
+	border-color: #ccc rgb(153, 153, 153) rgb(153, 153, 153) rgb(204, 204, 204);
+	border-style: double;
+	border-width: 3px;
+	padding: 4px;
+	font: 12px Tahoma, Helvetica, sans-serif;
+	width: auto;
+}
+
+/* OK */
+#loginform div.form {
+  border: none;
+  background: url("/images/admin/loginformbg.png") #fff bottom left no-repeat;
+  margin-bottom: 10px;
+  padding: 30px 10px 10px;
 }
 
-#loginform div.form {
-  padding: 10px;
+/* OK */
+#loginform h3 {
+	text-align: left;
+	background: url("/images/admin/bgoff.png") #f00 repeat-x top left;
+}
+
+/* OK */
+#loginform h4 {
+	font-weight: normal;
+	font: 14px Tahoma Helvetica sans-serif;
+	color: #f00;
+	border: #f00 1px solid;
+	padding: 4px;
+	text-align: center;
+	margin-bottom: 20px;
+}
+
+/* OK */
+#loginform .errorExplanation {
+	border: 1px solid #f00;
+	color: #000;
+	margin: 0;
+	background: #fff;
+}
+
+/* OK */
+#loginform .errorExplanation h2 {
+	font-weight: normal;
+	font: 14px Tahoma Helvetica sans-serif;
+	color: #f00;
+	padding: 4px;
+	margin: 0;
+}
+
+/* OK */
+#loginform .errorExplanation ul {
+	margin-left: 5px;
+}
+
+/* OK */
+#loginform .errorExplanation ul li {
+	list-style: square;
+	line-height: 1.6em;
 }
 
-#loginform .fieldWithErrors {
-  display: table;
-  border: 1px solid red;
+/* OK */
+#loginform img {
+	float: left;
+	margin-right: 5px;
 }
+/* End of login form */
+
+/* Notices, infos and errors */
 
 #flash span {
   padding: 5px;
@@ -669,11 +812,8 @@ div.user {
 }
 
 #flash .notice {
-  font-size: 11px;
-  color: #fff;
-  background: #637987;
-  border-top: 1px solid #336699;
-  border-bottom: 1px solid #336699;
+  background: url("/images/admin/bc-bg.gif") #ccc repeat-x;
+  border: 1px solid #336699;
 }
 
 #flash .error {
@@ -723,4 +863,81 @@ div.user {
   font-weight: bold
 }
 
-/* @end */
+/* Dashboard */
+
+/* OK */
+.dashboard {
+	width: 48%;
+	margin-right: 1%;
+	float: left;
+	margin-bottom: 10px;
+}
+
+/* OK */
+.dashboard h3 {
+	padding: 0;
+	margin: 0;
+	background: url("/images/admin/table-header-first.png") #324e79 top left no-repeat;
+	font-size: 14px;
+	font-weight: normal;
+}
+
+/* OK */
+.dashboard h3 span {
+	background: url("/images/admin/table-header-last.png") top right no-repeat;
+	display: block;
+	padding: 0 3px;
+}
+
+/* OK */
+.dashboard ul {
+	margin: 0;
+	padding-top: 10px;
+	padding-bottom: 10px;
+	border: #ddd 1px solid;
+}
+/* @end */
+
+/* Theme editor */
+#theme_list {
+	width: 300px;
+	float: right;
+}
+
+#theme_editor {
+	margin-right: 320px;
+	min-height: 500px;
+}
+
+#theme_editor textarea {
+	width: 100%;
+	height: 500px;
+}
+
+.theme-filer {
+	width: 300px;
+	background: url('/images/admin/loginformbg.png') no-repeat scroll left bottom;
+	padding: 5px 0;
+	margin-bottom: 15px;
+}
+
+.theme-filer ul {
+	margin: 0;
+	padding: 0;
+}
+
+.theme-filer ul li {
+	list-style: none;
+	margin-left: 10px;
+}
+
+#theme_list h3 {
+	background: url("/images/admin/table-header-first.png") #324e79 top left no-repeat;
+	color: #fff;
+  cursor: move;
+  font-size: 13px;
+  font-weight: normal;
+  margin: 0;
+	padding-top: 2px;
+	padding-bottom: 0;
+}