[interchange-cvs] interchange - heins modified 2 files

interchange-core@icdevgroup.org interchange-core@icdevgroup.org
Fri Aug 16 02:51:04 2002


User:      heins
Date:      2002-08-16 06:50:06 GMT
Modified:  dist/lib/UI/vars UI_STD_FOOTER UI_STD_HEAD
Log:
* Committing my original take on UI_STD_HEAD and FOOTER. There will
  be another one in a minute...

Revision  Changes    Path
2.5       +39 -65    interchange/dist/lib/UI/vars/UI_STD_FOOTER


rev 2.5, prev_rev 2.4
Index: UI_STD_FOOTER
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D
RCS file: /var/cvs/interchange/dist/lib/UI/vars/UI_STD_FOOTER,v
retrieving revision 2.4
retrieving revision 2.5
diff -u -r2.4 -r2.5
--- UI_STD_FOOTER	12 Aug 2002 16:16:18 -0000	2.4
+++ UI_STD_FOOTER	16 Aug 2002 06:50:04 -0000	2.5
@@ -1,72 +1,46 @@
 Variable UI_STD_FOOTER  <<EOV
 [if scratch ui_checklist]
-	</td>
+		</td>
 	</tr>
-	</table>
-[/if]
-[if !scratch ui_no_title]
-      </td>
-    </tr>
-    </table>
-    [/if]
-=20=20
-    <table cellpadding=3D"0" cellspacing=3D"0" border=3D"0" width=3D"100%">
-    <tr>
-      <td colspan=3D"3">
-        <br>
-        <hr noshade size=3D"1" width=3D"90%">
-      </td>
-    </tr>
-    <tr>
-      <td valign=3D"top" align=3D"left" nowrap>
-        <table cellpadding=3D"0" cellspacing=3D"0">
-        <tr><td nowrap>
-  	  <font size=3D"1">&nbsp; <a href=3D"@_INTERCHANGE_URL_@"><font size=3D=
"1"><b>Interchange</b></font></a><font size=3D"1"><b> - &copy; 2000-2002 <a=
 href=3D"http://www.redhat.com/">Red Hat, Inc.</a></font></font>
-        </td></tr>
-        <tr><td nowrap>
-          <font size=3D"1">&nbsp; [msg]Username[/msg]: [either][data sessi=
on username][or](none)[/either] &nbsp;&nbsp;&nbsp; [msg]StoreID[/msg]: <A H=
REF=3D"[scratch ui_catalog_url]">[calc]$Config->{CatalogName}[/calc] </b></=
a></font>
-        </td></tr>
-        <tr><td nowrap>
-          <font size=3D"1">&nbsp; [tag time]%d %B %Y %H:%M:%S[/tag] ([var =
MV_PAGE 1])</font>
-        </td></tr>
-        </table>
-      </td>
-      <td nowrap valign=3D"top" align=3D"center">
-        [tmp window_name][tag time]%m%d%H%M%S[/tag][/tmp]
-        [if session logged_in]
-        <font size=3D"1">
-[menu
-	name=3DBottom
-	ui_security=3Ddepends_on
-	superuser=3Dsuper
-	full_interpolate=3Dpage
-	localize=3D"name,description"
-	]
-	{MV_IP?}- {/MV_IP?}<a href=3D"{HREF}" title=3D"{DESCRIPTION}" sytle=3D"fo=
nt-size: 9pt;">{NAME}</A>
-[menu-footer]
-[if-mm super]
-	[if scratch ui_meta_link]
-&nbsp;&nbsp;&nbsp;&nbsp;<a
-			href=3D"[area href=3D'admin/menu_editor' form=3D'qmenu_name=3DBottom']"
-			style=3D"font-size: 7pt">edit</A>
-	[/if]
-[/if-mm]
-[/menu-footer]
-[/menu]
-      </td>
-      <td valign=3D"top" align=3D"right" nowrap>
-        <a href=3D"@_INTERCHANGE_URL_@"><img border=3D"0" src=3D"poweredby=
gif" align=3D"top"></a> &nbsp;
-      </td>
-    </tr>
-    </table>
-
-  </td>
-</tr>
+</table>[set ui_checklist][/set][/if]
+								</td>
+							</tr>
+						</table>
+					</td>
+				</tr>
+			</table>
+			<!-- end of main wrapper table -->
+		</td>
+	</tr>
+	<!-- start of bottom -->
+	<tr>
+		<td valign=3D"bottom">
+			<table width=3D"100%" border=3D"0" cellpadding=3D"0" cellspacing=3D"0">
+				<tr>
+					<td height=3D"1" class=3D"hrmedium"><img src=3D"bg.gif" height=3D"1">=
</td>
+				</tr>
+				<tr>
+					<td height=3D"24" class=3D"tabdark">
+						<table border=3D"0" cellspacing=3D"0" cellpadding=3D"0">
+							<tr>
+								<td width=3D"6"><img src=3D"bg.gif"></td>
+								<td><img src=3D"icfooter.gif"></td>
+								<td nowrap class=3D"footer">
+									&copy; 2002-2003 Interchange Development Group&nbsp;&nbsp;&nbsp;
+									<font class=3D"footerb">[msg]Username[/msg]: </font>[data session=
 username]&nbsp;&nbsp;&nbsp;
+									<font class=3D"footerb">[msg]StoreID[/msg]: </font> <A HREF=3D"[s=
cratch ui_catalog_url]">[calc]$Config->{CatalogName}[/calc] </b></a>&nbsp;&=
nbsp;&nbsp;
+									  [tag time]%d %B %Y %H:%M:%S[/tag] &nbsp;([var MV_PAGE 1])
+								</td>
+							</tr>
+						</table>
+					</td>
+				</tr>
+			</table>
+		</td>
+	</tr>
+	<!-- end of bottom -->
 </table>
-
-<br>
-
+<!-- end of outer wrapper table -->
 </body>
 </html>
-[set ui_checklist][/set]
 EOV



2.24      +484 -100  interchange/dist/lib/UI/vars/UI_STD_HEAD


rev 2.24, prev_rev 2.23
Index: UI_STD_HEAD
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D
RCS file: /var/cvs/interchange/dist/lib/UI/vars/UI_STD_HEAD,v
retrieving revision 2.23
retrieving revision 2.24
diff -u -r2.23 -r2.24
--- UI_STD_HEAD	14 Aug 2002 17:56:41 -0000	2.23
+++ UI_STD_HEAD	16 Aug 2002 06:50:04 -0000	2.24
@@ -98,6 +98,7 @@
 <html[scratch ui_language_direction]>
 <head>
 <title>[scratch page_title]</title>
+[tmp window_name][tag time]%m%d%H%M%S[/tag][/tmp]
 <script language=3D"JavaScript">
 <!--
=20
@@ -185,30 +186,321 @@
 </SCRIPT>
 <STYLE TYPE=3D"text/css">
 <!--
-@_UI_STYLE_@
+/* background colour styles */
+.interfacemain {
+	background-color: #D4D0C8;
+}
+.tabdark {
+	background-color: #B4B0AA;
+}
+.hrdark {
+	background-color: #404040;
+}
+.hrmedium {
+	background-color: #E4E4E4;
+}
+.hrlight {
+	background-color: #FFFFFF;
+}
+.headerrow {
+	background-color: #CCCCCC;
+}
+.tabborder {
+	background-color: #404040;
+}
+.tablightborder {
+	background-color: #FFFFFF;
+}
+.vr {
+	background-color: #999999;
+}
+/* font styles */
+.heading {
+	font-family: Verdana, Arial, Helvetica, sans-serif;
+	font-size: 10px;
+	font-weight: normal;
+	color: #000000;
+}
+.maincontent {
+	font-family: Verdana, Arial, Helvetica, sans-serif;
+	font-size: 10px;
+	font-weight: normal;
+	color: #333333;
+	background: #ffffff;
+}
+.footerb {
+	font-family: Arial, Helvetica, sans-serif;
+	font-size: 10px;
+	font-weight: bold;
+	color: #333333;
+}
+.footer {
+
+	font-family: Arial, Helvetica, sans-serif;
+	font-size: 10px;
+	font-weight: normal;
+	color: #333333;
+}
+.shrink {
+	font-size: 2px;
+}
+/* link styles */
+A.btnfont:link, A.btnfont:visited, A.btnfont:active {
+	font-family: Arial, Helvetica, sans-serif;
+	font-size: 10px;
+	font-weight: normal;
+	color: #333333;
+    text-decoration:none;
+}
+A.btnfont:hover {
+    color: #000000;
+	font-size: 10px;
+    text-decoration:underline;
+}
+
+A.menufont:link, A.menufont:visited, A.menufont:active {
+	font-family: Arial, Helvetica, sans-serif;
+	font-size: 11px;
+	font-weight: normal;
+	color: #333333;
+    text-decoration:none;
+}
+A.menufont:hover {
+    color: #000000;
+	font-size: 11px;
+    text-decoration:underline;
+}
+
+
+BODY {=20
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+  font-size: 11px;
+}
+
+TD {=20
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+  font-size: 10px;
+}
+
+.margin {=20
+  margin-top: 0px;=20
+  margin-left: 0px;
+}
+
+A:link {=20
+  text-decoration: none;=20
+  font-weight: normal;=20
+  color: __UI_C_LINK__;
+  font-size: 10px;
+}
+
+A:hover {=20
+  text-decoration: underline;=20
+  font-weight: normal;=20
+  color: __UI_C_LINK__;
+  font-size: 11px;
+}
+
+A:active {=20
+  text-decoration: none;=20
+  font-weight: normal;=20
+  color: __UI_C_ALINK__;
+  font-size: 11px;
+}
+
+A:visited {
+  text-decoration: none;=20
+  font-weight: normal;=20
+  color: __UI_C_VLINK__;
+  font-size: 11px;
+}
+
+.ctitle  {=20
+  font-weight: bold;=20
+  color: white;
+  font-size: 11px;
+}
+
+.cheader  {=20
+  font-weight: bold;=20
+  color: __UI_C_HEADERTXT__;
+  font-size: 11px;
+}
+
+A:link.ctitle  {=20
+  text-decoration: none;
+  font-weight: bold;=20
+  color: white;
+  font-size: 11px;
+}
+
+A:hover.ctitle {=20
+  text-decoration: underline;=20
+  font-weight: bold;=20
+  color: yellow;=20
+  font-size: 11px;
+}
+
+A:active.ctitle {=20
+  text-decoration: underline;=20
+  font-weight: bold;=20
+  color: yellow;=20
+  font-size: 11px;
+}
+
+A:visited.ctitle {=20=20
+  text-decoration: none;
+  font-weight: bold;=20
+  color: white;
+  font-size: 11px;
+}
+
+.cbreak {=20
+  font-weight: bold;=20
+  font-size: 11px;
+}
+
+.cdata {=20
+  vertical-align: center;
+  font-size: 11px;
+}
+
+.cerror {=20
+  color: red;=20
+  font-size: 11px;
+}
+
+.cmessage {=20
+  color: green;=20
+  font-size: 11px;
+}
+
+.chelp {=20
+  vertical-align: center;=20
+  font-size: 11px;=20
+}
+
+.clabel {=20
+  text-align: left;=20
+  font-weight: bold;=20
+  font-size: 11px;
+}
+
+.cwidget {=20
+  vertical-align: center;=20
+  font-size: 11px;=20
+}
+
+.ralt {=20
+  background-color: __UI_T_ROW_ODD__;=20
+}=20
+
+.rbreak {=20
+  background-color: __UI_T_ROW_ODD__;=20
+}
+
+.rmarq {=20
+  background-color: __UI_C_TITLEBARBG__;=20
+}
+
+.rnorm {=20
+  background-color: __UI_T_ROW_EVEN__;=20
+}
+
+.rborder {=20
+  background-color: __UI_C_TOPBLOCKBAR__;=20
+}
+
+.rspacer {=20
+  background-color: __UI_C_TITLEBARBG__;=20
+}
+
+.rtitle {=20
+  background-color: __UI_C_TITLEBARBG__;=20
+}
+
+.rheader {=20
+  background-color: __UI_C_TITLEBARBG__;=20
+  color: __UI_C_HEADERTXT__;=20
+}
+
+
 -->
 </STYLE>
 [scratchd meta_header]
 </head>
=20
-<body [scratch ui_body_extra] bgcolor=3D"__UI_C_BG__" onLoad=3D"MM_preload=
Images('B3_b.gif','B4_b.gif','B5_b.gif','B6_b.gif','B7_b.gif','B2_b.gif','B=
8_b.gif','B9_b.gif','A1_b.gif','A3_b.gif')" leftmargin=3D0 topmargin=3D0 ma=
rginheight=3D0 marginwidth=3D0>
-<!-- ----- BEGIN TITLEBAR ----- -->
-<table width=3D"100%" border=3D"0" cellspacing=3D"0" cellpadding=3D"0" bgc=
olor=3D"__UI_TOP_BG__">
-  <tr>
-    <td bgcolor=3D"__UI_TOP_BG__"><A HREF=3D"http://www.redhat.com/"><img =
src=3D"redhat_logo.gif" width=3D"189" height=3D"53" border=3D0 alt=3D"Inter=
change logo"></A></td><td align=3D"right" valign=3D"bottom" nowrap><a href=
=3D"[if session logged_in]@_UI_ABOUT_NORMAL_URL_@[else]@_UI_ABOUT_LOGIN_URL=
_@[/else][/if]" onMouseOut=3D"MM_swapImgRestore()" onMouseOver=3D"MM_swapIm=
age('About','','A1_b.gif',1)"><img name=3D"About" border=3D"0" src=3D"A1.gi=
f" width=3D"102" height=3D"38" alt=3DAbout></a><a href=3D"[area __UI_BASE__=
/index]"><img name=3D"Index" border=3D"0" src=3D"A2.gif" width=3D"294" heig=
ht=3D"38" alt=3DMenu></a><a href=3D"javascript:open_help('[area href=3D"[ei=
ther][var UI_HELP_URL 2][or][var UI_BASE]/help[/either]" form=3D"topic=3D[s=
cratch help_name]"]')" onMouseOut=3D"MM_swapImgRestore()" onMouseOver=3D"MM=
_swapImage('Help','','A3_b.gif',1)"><img name=3D"Help" border=3D"0" src=3D"=
A3.gif" width=3D"125" height=3D"38" alt=3DHelp></a></td>
-  </tr>
-</table>
+<body [scratch ui_body_extra] bgcolor=3D"__UI_C_BG__" leftmargin=3D"0" top=
margin=3D"0" marginwidth=3D"0" marginheight=3D"0">
+<!-- outer wrapper table to enable the interface to scale to full browser =
height -->
+<table width=3D"100%" height=3D"100%" border=3D0 cellpadding=3D0 cellspaci=
ng=3D0>
+	<tr>
+		<td height=3D115 valign=3Dtop>
+			<!-- start of main wrapper table -->
+			<table width=3D"100%" border=3D0 cellpadding=3D0 cellspacing=3D0>
+				<!-- row 1: logo and generic menu options -->
+				<tr>
+					<td height=3D42 valign=3Dmiddle class=3Dinterfacemain>
+						<table width=3D"100%" border=3D0 cellspacing=3D0 cellpadding=3D0>
+							<tr>
+								<td width=3D"30%" rowspan=3D2 valign=3Dmiddle>
+									<table width=3D132 border=3D0 cellspacing=3D0 cellpadding=3D0>
+										<tr>
+											<td width=3D5 height=3D42>&nbsp;</td>
+											<td width=3D127><a href=3D"http://www.icdevgroup.org/" target=
=3Dicdevgroup><img src=3D"iclogo.gif" border=3D0></a></td>
+											<td width=3D"70%" height=3D31 align=3Dright valign=3Dbottom>
+										</tr>
+									</table>
+								</td>
+								<td width=3D"70%" height=3D31 align=3Dright valign=3Dbottom>
+									<table border=3D0 cellspacing=3D0 cellpadding=3D0>
+										<tr>
+[if session logged_in]
+[menu
+	name=3DBottom
+	ui_security=3Ddepends_on
+	superuser=3Dsuper
+	full_interpolate=3Dpage
+	localize=3D"name,description"
+	]
+	<td align=3Dleft valign=3Dbottom>&nbsp;&nbsp;<a href=3D"{HREF}" title=3D"=
{DESCRIPTION}" class=3Dmenufont>{NAME}</a>&nbsp;&nbsp;</td>
+[menu-footer]
+[if-mm super]
+	[if scratch ui_meta_link]
+												<td align=3Dleft valign=3Dbottom>
+													&nbsp;&nbsp;<a
+														href=3D"[area href=3D'admin/menu_editor' form=3D'qmenu_name=
=3DBottom']"
+														style=3D"font-size: 7pt">edit</A>
+												&nbsp;&nbsp;</td>
+	[/if]
+[/if-mm]
+[/menu-footer]
+[/menu]
+[/if]
+									</tr>
+								</table>
+							</td>
+						</tr>
+						<tr>
+							<td height=3D11><img src=3D"bg.gif" height=3D1></td>
+						</tr>
+					</table>
+				</td>
+			</tr>
+			<!-- row 2: dark grey space above the tabs -->
+			<tr>
+				<td height=3D2 align=3Dleft valign=3Dmiddle class=3Dtabdark><img src=
=3D"bg.gif"></td>
+			</tr>
+			<!-- row 3: tab row -->
+			<tr>
+				<td height=3D18 align=3Dleft valign=3Dmiddle class=3Dtabdark>
+					<table width=3D"100%" border=3D0 cellspacing=3D0 cellpadding=3D0>
+						<tr>
+							<td>
+								<table border=3D0 cellspacing=3D0 cellpadding=3D0>
+									<tr>
+										<!-- tab: menu entry -->
=20
-<table width=3D"100%" border=3D"0" cellspacing=3D"0" cellpadding=3D"0">
-  <tr bgcolor=3D"#000000">=20
-    <td colspan=3D2><img src=3D"spacer1.gif" width=3D"1" height=3D"1" alt=
=3Dline></td>
-  </tr>
-  <tr bgcolor=3D"#FFFFFF">=20
-    <td colspan=3D2><img src=3D"spacer2.gif" width=3D"1" height=3D"1" alt=
=3Dline></td>
-  </tr>
-  <tr bgcolor=3D"__UI_C_INTBLOCKBAR__">=20
-    <td nowrap>=20
-      <div align=3D"left"><img src=3D"B1.gif" width=3D"9" height=3D"19" al=
t=3Dline>[menu
+[menu
 	  name=3DTop
 	  inactive=3Dinactive
 	  localize=3Dname
@@ -216,29 +508,95 @@
 	  ui_security=3Ddepends_on
 	  entities=3Ddescription
 	  lr=3D1]
-	  {IMG_DN?}
-	  	<!-- class=3D{NAME} -->
-	  <a href=3D"{HREF}"
-	  		onMouseOut=3D"MM_swapImgRestore()" title=3D"{DESCRIPTION}"
-			onMouseOver=3D"MM_swapImage('{NAME}','','{IMG_UP}',1)"><img name=3D"{NA=
ME}" alt=3D"{NAME}" border=3D"0" src=3D"{INDICATED?IMG_UP:IMG_DN}"></a>
-	  {/IMG_DN?}
-	  {IMG_DN:}
-		  <a href=3D"{HREF}" class=3Dctitle title=3D"{DESCRIPTION}">{NAME}</a>
-	  {/IMG_DN:}
-	  [/menu]
-	  <img src=3D"B10.gif" width=3D"17" height=3D"19" alt=3Dline>&nbsp;&nbsp;=
&nbsp;
-	 </div>
-	 </td>
-	 <td align=3Dright>
-	 [if-mm super]
-	 [if scratch ui_meta_link]
-	  <A HREF=3D"[area href=3D__UI_BASE__/menu_editor form=3D"qmenu_name=3DTo=
p"]"
-	  	style=3D"font-size: 7pt" class=3Dctitle>edit</A>
-	 [/if]
-	 [/if-mm]
-    </td>
-  </tr>
+{INDICATED:}
+	<!-- class=3D{NAME} down -->
+											<td valign=3Dbottom>
+												<table width=3D"100%" border=3D0 cellspacing=3D0 cellpadding=
=3D0>
+													<tr>
+														<td width=3D14 rowspan=3D3 class=3Dshrink><a href=3D"{HREF}"=
 title=3D"{DESCRIPTION}"><img border=3D0 src=3D"tab_dark_left.gif"></A></td>
+														<td height=3D1 width=3D69 class=3Dtabborder><img src=3D"bg.g=
if" height=3D1></td>
+														<td width=3D2 rowspan=3D3><img src=3D"tab_dark_right.gif"></=
td>
+													</tr>
+													<tr>
+														<td height=3D2><img src=3D"bg.gif" height=3D1></td>
+													</tr>
+													<tr>
+														<td height=3D13 align=3Dleft valign=3Dtop><a href=3D"{HREF}"=
 title=3D"{DESCRIPTION}" class=3Dbtnfont style=3D"font-size: larger">{NAME}=
</a>&nbsp;&nbsp;</td>
+													</tr>
+													<tr>
+														<td height=3D1 colspan=3D3 class=3Dhrdark><img src=3D"bg.gif=
" height=3D1></td>
+													</tr>
+													<tr>
+														<td height=3D1 colspan=3D3 class=3Dhrlight><img src=3D"bg.gi=
f" height=3D1></td>
+													</tr>
+												</table>
+											</td>
+{/INDICATED:}
+{INDICATED?}
+<!-- tab: {NAME} (up) -->
+<td valign=3Dbottom>
+<table width=3D"100%" border=3D0 cellspacing=3D0 cellpadding=3D0 class=3Di=
nterfacemain>
+	<tr>
+		<td width=3D17 rowspan=3D4 class=3Dshrink><img src=3D"tab_light_left.gif=
"></td>
+		<td height=3D1 width=3D53 class=3Dtabborder><img src=3D"bg.gif" height=
=3D1></td>
+		<td width=3D2 rowspan=3D4><img src=3D"tab_light_right.gif"></td>
+	</tr>
+	<tr>
+		<td height=3D1 class=3Dhrlight><img src=3D"bg.gif" height=3D1></td>
+	</tr>
+	<tr>
+		<td height=3D1><img src=3D"bg.gif" height=3D1></td>
+	</tr>
+	<tr>
+		<td height=3D13 align=3Dleft valign=3Dtop><a href=3D"{HREF}" title=3D"{D=
ESCRIPTION}" class=3Dbtnfont style=3D"font-size: larger">{NAME}</a>&nbsp;&n=
bsp;&nbsp;</td>
+	</tr>
+	<tr>
+		<td height=3D1 colspan=3D3><img src=3D"bg.gif" height=3D1></td>
+	</tr>
+	<tr>
+		<td height=3D1 colspan=3D3><img src=3D"bg.gif" height=3D1></td>
+	</tr>
 </table>
+</td>
+{/INDICATED?}
+[/menu]
+										</tr>
+									</table>
+								</td>
+								<!-- black and white horizontal rules to stretch to width=3D100% -=
->
+								<td height=3D18 width=3D"100%" valign=3Dbottom class=3Dshrink>
+									<table width=3D"100%" border=3D0 cellpadding=3D0 cellspacing=3D0>
+										<tr>
+											<td width=3D"100%" height=3D16 class=3Dshrink align=3Dright>
+[if-mm super]
+	[if scratch ui_meta_link]
+													<a
+														href=3D"[area href=3D'admin/menu_editor' form=3D'qmenu_name=
=3DTop']"
+														style=3D"font-size: 7pt">edit</A>
+												&nbsp;
+	[/if]
+[/if-mm]
+											&nbsp;
+											</td>
+										</tr>
+										<tr>
+											<td height=3D1 class=3Dhrdark><img src=3D"bg.gif" width=3D1></t=
d>
+										</tr>
+										<tr>
+											<td height=3D1 class=3Dhrlight><img src=3D"bg.gif" width=3D1></=
td>
+										</tr>
+									</table>
+								</td>
+							</tr>
+						</table>
+					</td>
+				</tr>
+				<!-- row 4: sub-menu -->
+				<tr>
+					<td height=3D28 class=3Dinterfacemain>
+						<table border=3D0 cellpadding=3D0 cellspacing=3D0>
+							<tr>
+								<td width=3D16><img src=3D"bg.gif" height=3D1></td>
 [menu
 	name=3D"[scratch ui_class]"
 	superuser=3Dsuper
@@ -249,70 +607,96 @@
 	inactive=3Dinactive
 	entities=3Ddescription
 	nbsp=3Dname
-][menu-header]
-<table width=3D"100%" border=3D"0" cellspacing=3D"0" cellpadding=3D"0">
-  <tr>=20
-    <td bgcolor=3D"__UI_C_TOPBLOCKBAR__" colspan=3D2><img src=3D"spacer3.g=
if" width=3D1 height=3D1 alt=3Dline></td>
-  </tr>
-  <tr bgcolor=3D"000000">=20
-    <td colspan=3D2><img src=3D"spacer4.gif" width=3D1 height=3D1 alt=3Dli=
ne></td>
-  </tr>
-  <tr bgcolor=3D"__UI_C_TITLEBARBG__">=20
-    <td valign=3Dcenter nowrap><font face=3D"Verdana, Arial, Helvetica, sa=
ns-serif" size=3D"-1"><img src=3D"bg.gif" height=3D19 width=3D3 align=3Dmid=
dle alt=3Dx>&nbsp;&nbsp;&nbsp;&nbsp;[/menu-header]{NEXT_LINE?}</td><td></td=
></tr><tr bgcolor=3D"__UI_C_INTBLOCKBAR__"><td nowrap valign=3Dcenter><img =
src=3D"bg.gif" height=3D19 width=3D3 align=3Dmiddle alt=3Dx>
-&nbsp;&nbsp;&nbsp;&nbsp;{/NEXT_LINE?}{PAGE?}<A
-	href=3D"{HREF}" title=3D"{DESCRIPTION}"
-	style=3D"
-		{INDICATED?}color: __UI_C_TITLEBARTXT__; font-size: 10pt;{/INDICATED?}
-		{INDICATED:}color: __UI_C_TITLEBARCONT__; font-size: 10pt;{/INDICATED:}
-">{NAME}</A>{/PAGE?}{PAGE:}{NAME}{/PAGE:}&nbsp;&nbsp;&nbsp;&nbsp;[menu-foo=
ter]
-	</td><td align=3Dright>
-	 [if-mm super]
-	 [if scratch ui_meta_link]
-	<A HREF=3D"[area href=3D__UI_BASE__/menu_editor form=3D"qmenu_name=3D[scr=
atch ui_class]"]"
-	  	style=3D"font-size: 7pt" class=3Dctitle>edit</A>
+]{NEXT_LINE?}
+							</tr>
+						</table>
+					</td>
+				</tr>
+				<!-- row 5: dark horizontal rule -->
+				<tr>
+					<td height=3D1 class=3Dhrdark><img src=3D"bg.gif" height=3D1></td>
+				</tr>
+				<!-- row 6: light horizontal rule -->
+				<tr>
+					<td height=3D1 class=3Dhrlight><img src=3D"bg.gif" height=3D1></td>
+				</tr>
+				<!-- row 7: menu options for component type -->
+				<tr>
+					<td height=3D17 align=3Dleft valign=3Dmiddle class=3Dinterfacemain>
+						<table border=3D0 cellspacing=3D0 cellpadding=3D0>
+							<tr>{/NEXT_LINE?}
+								<td align=3Dcenter valign=3Dmiddle>&nbsp;&nbsp;{PAGE?}<A href=3D"{=
HREF}" title=3D"{DESCRIPTION}"
+									style=3D"{INDICATED?}font-weight: bolder;{/INDICATED?}" class=3Dm=
enufont>{NAME}</A>{/PAGE?}{PAGE:}{NAME}{/PAGE:}&nbsp;&nbsp;</td>
+								<td width=3D1 class=3Dvr><img src=3D"bg.gif" width=3D1></td>
+	[menu-footer]
+[if-mm super]
+	[if scratch ui_meta_link]
+												<td width=3D"100%" align=3Dright valign=3Dmiddle>
+													&nbsp;&nbsp;<a
+														href=3D"[area href=3D'admin/menu_editor' form=3D'qmenu_name=
=3D[scratch ui_class]']"
+														style=3D"font-size: 7pt">edit</A>
+												&nbsp;&nbsp;</td>
 	[/if]
-	[/if-mm]</td></TR>
-<tr bgcolor=3D"#000000"><td colspan=3D2><IMG SRC=3D"bg.gif" WIDTH=3D"1" HE=
IGHT=3D"1" alt=3Dx></td></tr></table>
+[/if-mm]
+							</tr>
+						</table>
+					</td>
+				</tr>
+				<!-- row 8: dark horizontal rule -->
+				<tr>
+					<td height=3D1 class=3Dhrdark><img src=3D"bg.gif" height=3D1></td>
+				</tr>
 [/menu-footer][/menu]
-<!-- ----- END MENUBAR ----- -->
-[if scratch ui_checklist]
-	[include file=3Dinclude/wizard_checklist locale=3D"[scratch mv_locale]"]
-[/if]
-
 [if !scratch ui_no_title]
-<table width=3D"100%">
-<TR>
-<TD WIDTH=3D"20">&nbsp;</td><TD>
-          <br>
-		[if scratch icon_name]<img src=3D"[scratch icon_name]" width=3D16 height=
=3D16 border=3D0 valign=3Dtop alt=3Dicon> &nbsp; [/if]
-	   <font size=3D"+1" face=3D"Verdana,arial,helvetica,sans-serif" color=3D=
"__UI_C_HEADERTXT__">[either][scratch page_banner][or][scratch page_title][=
/either]&nbsp;</font><p>
-
-    [if type=3Dexplicit compare=3D"[error all=3D1 show_var=3D1 keep=3D1]"]
-	<P>
-	<B>Error:</B>
-	<BLOCKQUOTE class=3Dcerror>
-		[error show_var=3D1 all=3D1 show_error=3D1 joiner=3D"<br>"]
-	</BLOCKQUOTE>
-	</P>
-	[/if]
-	[if scratch ui_failure]
-	<P>
-	<BLOCKQUOTE>
-	<FONT COLOR=3D"__CONTRAST__">[scratchd ui_failure]</FONT>
-	</BLOCKQUOTE>
-	</P>
-	[/if]
-	[if scratch ui_message]
-	<P>
-	<BLOCKQUOTE>
-	<FONT COLOR=3D"__UI_C_SUCCESS__">[scratchd ui_message]</FONT>
-	</BLOCKQUOTE>
-	</P>
-	[/if]
-	[warnings auto=3D1]
+				<!-- row 9: heading row -->
+				<tr>
+					<td height=3D19 align=3Dleft valign=3Dmiddle class=3Dheaderrow>
+						<table border=3D0 cellspacing=3D0 cellpadding=3D0>
+							<tr>
+								<td width=3D13><img src=3D"bg.gif"></td>
+								<td nowrap class=3Dheading>
+									[calc]
+										my $tit =3D $Scratch->{page_banner} || $Scratch->{page_title};
+										return $tit if $tit =3D~ /^\s*</s;
+										$tit =3D~ s{(.*?)(:|$)}{<span style=3D"font-weight: bold">$1</sp=
an>$2};
+										return $tit;
+									[/calc]
+									[if type=3Dexplicit compare=3D"[error all=3D1 show_var=3D1 keep=
=3D1]"]
+									<blockquote class=3Dcerror>
+										[error show_var=3D1 all=3D1 show_error=3D1 joiner=3D"<br>"]
+									</blockquote>
+									[/if]
+									[if scratch ui_failure]
+									<blockquote class=3Dcerror>
+										[scratchd ui_failure]
+									</blockquote>
+									[/if]
+									[if scratch ui_message]
+									<blockquote class=3Dcmessage>
+									[scratchd ui_message]
+									</blockquote>
+									[/if]
+									[warnings auto=3D1]
+								</td>
+							</tr>
+						</table>
+					</td>
+				</tr>
 [/if]
-[comment] Clear these puppies [/comment]
-[calc]
+<!-- END MENUBAR -->
+				<!-- row 10: main content -->
+				<tr>
+					<td align=3Dleft valign=3Dtop>
+						<table width=3D"100%" border=3D0 cellspacing=3D0 cellpadding=3D10>
+							<tr>
+								<td class=3Dmaincontent valign=3Dtop>[if scratch ui_checklist]
+<table>
+	<tr>
+		<td width=3D"20%">
+	[include file=3Dinclude/wizard_checklist locale=3D"[scratch mv_locale]"]
+		</td>
+		<td width=3D"80%" valign=3Dtop>
+[/if][comment] Clear these puppies [/comment][calc]
 	for (qw/
 				page_title
 				page_banner