--- Webpacus/root/editor/editor.css	2005/11/24 22:29:44	138
+++ Webpacus/root/editor/editor.css	2005/11/29 14:31:26	193
@@ -1,50 +1,192 @@
-#div_css {
+/* record browsing */
+
+DIV, DIV * {
+	box-sizing: border-box !important;
+	-moz-box-sizing: border-box !important;
+}
+
+.navigation {
+	background: #e0e0e0;
+	padding: 0.5em;
 	display: block;
 }
 
+.navigation a, .navigation:link, .navigation:visited {
+	color: #000000;
+	text-decoration: none;
+	background-color: #f0f0f0;
+	border: 1px solid #c0c0c0;
+	padding: 0.2em 0.5em 0.2em 0.4em;
+	-moz-border-radius: 1.5em;
+}
+
+.nav_disable, .nav_disable:link, .nav_disable:visited {
+	background-color: #e0e0e0;
+	border: 1px solid #c0c0c0;
+	color: #c0c0c0;
+}
+
+.navigation a:hover {
+	background-color: #ffffff;
+	color: #000080;
+}
+
+/*
+#div_record_nr {
+	width: 5em;
+	border: 1px solid #ff0000;
+}
+*/
+
+#div_editor_toolbar {
+	margin-top: 0.5em;
+}
+
 #div_editor_toolbar a {
 	display: inline;
-	background-color: #c0c0c0;
-	padding: 1px;
+	padding: 3px 0.5em 3px 0.5em;
 	text-decoration: none;
+	-moz-border-radius-topleft: 1.5em;
+	-moz-border-radius-topright: 1.5em;
 }
 
-#div_template_list {
-	display: inline;
-	border: 2px solid #ffcc88;
-	float: right;
-	z-index: 10;
+.tab, .tab:link, .tab:visited  {
+	background-color: #c0c0c0;
+	color: #ffffff;
 }
 
-#div_editors {
-	display: block;
+.tab_selected, .tab_selected:link, .tab_selected:visited {
+	background-color: #f0f0f0;
+	border-top: 1px solid #c0c0c0;
+	border-left: 1px solid #c0c0c0;
+	border-right: 1px solid #c0c0c0;
+	color: #000000;
 }
 
-#div_template, #div_css {
-	position: relative;
-	display: block;
-	clear: left;
+.tab:hover {
+	background-color: #ffffff;
+	color: #000080;
+	border-top: 1px solid #c0c0c0;
+	border-left: 1px solid #c0c0c0;
+	border-right: 1px solid #c0c0c0;
 }
 
-#div_record {
+/* define editors */
+
+.editors {
+	background-color: #f0f0f0;
+	border: 1px solid #c0c0c0;
+	margin: 0;
+	padding: 0;
+	overflow: hidden;
+	width: 100%;
+}
+
+/* buttons above textarea */
+.content_toolbar {
+	padding: 0.5em;
+}
+
+/* buttons and status bar below */
+.edit-bar {
+	width: 100%;
+	padding: 0.5em;
+}
+
+/* file lists on right side */
+.file-list {
+	vertical-align: top;
+	color: #000000;
+	font-size: 70%;
+	width: 100%;
+	margin: 0;
+	padding 0;
+}
+
+.file-list ul {
+	margin: 0;
+	padding 0;
+	list-style-position: inside;
+}
+
+.file-list li {
+	padding 0;
+	list-style-type: none;
+	overflow: hidden;
+	white-space: nowrap;
+	margin: 4px;
+	border: 1px solid #c0c0c0;
+}
+
+.file-list a, .file-list a:link, .file-list a:visited {
+	text-decoration: none;
 	display: block;
-	clear: left;
+	background-color: #c0c0c0;
+	color: #ffffff;
+	padding: 4px;
+	white-space: nowrap;
 }
 
+.file-list a:hover, .file-list a:hover {
+	background-color: #ffffff;
+	color: #000080;
+}
+
+.file-selected {
+	padding: 4px;
+}
+
+/*
+.editor-form {
+	border: 2px dashed #ff0000;
+}
+*/
+
+
+/* notice text */
 .notice {
 	color: #808080;
 	font-size: 70%;
 }
 
-.template_form {
-	background-color: #e0e0ff;
+/* define record */
+
+#div_record {
+	clear: left;
+	margin-top: 1em;
+	padding: 1em;
+	border: 1px dashed #808080;
 }
-.css_form {
-	border-color: #ffffe0;
+
+/* progress indicator picture */
+#working {
+	margin-left: 2em;
 }
 
-.navigation {
-	background: #e0e0e0;
-	padding: 0.5em;
+/* HTML tidy */
+
+.tidy {
+	clear: left;
+	border: 2px solid #808080;
+	margin-top: 1em;
+	padding: 1em;
+	color: #808080;
+}
+
+.tidy tt {
+	clear: left;
 	display: block;
+	background-color: #e0e0e0;
+	padding: 2px;
+	margin-left: 2em;
+	color: #000000;
+}
+
+.tidy_error {
+	margin-top: 0.5em;
+	color: #c00000;
+}
+
+.tidy_warning {
+	color: #c0c000;
 }