setup now uses the new and last idots templates set

2003-10-26 14:46:52 +00:00 · 2003-10-26 14:46:52 +00:00 · bc173c09ce
commit bc173c09ce
parent 1713f946c9
3 changed files with 354 additions and 233 deletions
--- a/setup/templates/default/css/idots.css
+++ b/setup/templates/default/css/idots.css
@ -1,160 +1,276 @@
-A:link 
+/*
+	StyleSheet coding standards:
+
+	1. use lowercase if possible
+
+	2. format styles like this:
+	
+		body
+		{
+			font-size: 12px;
+			font-family: Verdana, Arial, Helvetica, sans-serif
+		}
+
+	3. existing html elements on top of the document, then all self defined .classes and at last all self defined #id's.
+
+	4. close every property with ; also the last one.
+*/
+
+body 
 {
-	COLOR: #006699; 
-	TEXT-DECORATION: none
+	background-image:url(../images/body-background.png);
+	font-size: 11px; 
+	font-family: Verdana, Arial, Helvetica, sans-serif;
+	padding:14px;
 }

-A:visited 
+a:link
 {
-	COLOR: #006699; 
-	TEXT-DECORATION: none
+	color: #006699; 
+	text-decoration: none;
 }

-A:hover 
+a:visited 
 {
-	COLOR: #ff9933; TEXT-DECORATION: underline
+	color: #006699; 
+	text-decoration: none;
 }

-A:active 
+a:hover 
 {
-	COLOR: #006699; 
-	TEXT-DECORATION: underline
+	color: #ff9933;
+	text-decoration: underline;
 }

-INPUT 
+a:active 
 {
-	FONT-SIZE: 12px; 
-	COLOR: #006699; 
-	FONT-FAMILY: Arial, Helvetica, sans-serif
+	color: #006699; 
+	text-decoration: underline;
 }

-SELECT 
+input,button
 {
-	FONT-SIZE: 12px; 
-	COLOR: #006699; 
-	FONT-FAMILY: Arial, Helvetica, sans-serif
+	font-size: 11px; 
+	color: #006699; 
+	font-family: Arial, Helvetica, sans-serif;
+	border: 1px #bbbbbb solid;
 }

-BODY 
+input[type=submit],input[type=button],button
 {
-	FONT-SIZE: 12px; 
-	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
+	cursor: pointer; 
+	cursor: hand;
 }

-FORM 
+select 
 {
-	FONT-SIZE: 12px; 
-	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
+	font-size: 11px; 
+	color: #006699; 
+	font-family: Arial, Helvetica, sans-serif;
+	border: 1px #bbbbbb solid;
 }

-TABLE 
+td
 {
-	FONT-SIZE: 12px; 
-	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
+	font-size: 11px;
+/*	padding-top:1px;
+	padding-bottom:1px;*/
 }

-.sideboxcontent 
+.divSidebox 
 {
-	PADDING-RIGHT: 5px; 
-	PADDING-LEFT: 5px; 
-	FONT-SIZE: 12px; 
-	PADDING-BOTTOM: 5px; 
-	WIDTH: 160px; 
-	COLOR: #000000; 
-	LINE-HEIGHT: 20px; 
-	PADDING-TOP: 5px; 
-	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
+	position:relative;
+	width: 160px; 
+	border-right: #9c9c9c 1px solid; 
+	border-top: #9c9c9c 1px solid; 
+	border-left: #9c9c9c 1px solid; 
+	border-bottom: #9c9c9c 1px solid
 }

-.mainnote 
+.divSideboxHeader 
 {
-	FONT-SIZE: 12px; 
-	COLOR: #006699; 
-	FONT-FAMILY: Arial, Helvetica, sans-serif
+	text-align:center;
+	background-color:#dddddd;
+	height:12px;
+	padding-top:2px;
+	font-size:10px;
+	color:#666666;
 }

-.articlecontent 
+a.divSideboxEntry, .divSideboxEntry
 {
-	PADDING-RIGHT: 10px; 
-	PADDING-LEFT: 10px; 
-	FONT-SIZE: 12px; 
-	PADDING-BOTTOM: 10px; 
-	COLOR: #000000; 
-	LINE-HEIGHT: 20px; 
-	PADDING-TOP: 10px; 
-	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
+	text-align:left;
+	height:16px;
+	background-color:#eeeeee;
 }

-.sideboxtext 
+a.appTitles,.appTitles
 {
-	FONT-SIZE: 12px; 
-	LINE-HEIGHT: 18px; 
-	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
+	font-size: 10px; 
+	height:18px;
+	padding-top:2px;
+	padding-bottom:2px;
 }

-.toppannel 
+a.textSidebox
 {
-	BACKGROUND-IMAGE: url(../images/panel.png); 
-	BACKGROUND-REPEAT: repeat-x
+	font-size: 10px; 
+	border-top: #aaaaaa 0px none;
 }

-.copyright 
+.textSidebox
 {
+	font-size: 10px; 
+	height:18px;
+	padding-top:2px;
+	padding-bottom:2px;
+	border-top: #aaaaaa 1px solid;
+	
+}
+
+.sideboxSpace
+{
+	height:9px;
+}
+
+.greyLine
+{
+	margin:1px;
+	border-top-color:#7e7e7e;
+	border-top-width:1px;
+	border-top-style:solid;
+	height:1px;
+}
+
+#divMain
+{
+	background-color:white;
+	margin-top: 5px;
+	padding:9px;
+	border-color:#7e7e7e;
+	border-width:1px;
+	border-style:solid;
+}
+
+#divLogo
+{
+	position:absolute;
+	left:20px;
+	top:14px;
+	z-index:51;
+}
+
+#divAppIconBar
+{
+	background-color:white;
+	border-top-color:#9c9c9c;
+	border-top-width:1px;
+	border-top-style:solid;
+	background-image: url(../images/background-icon-bar.png); 
+	background-repeat: repeat-x
+}
+
+#divAppTextBar
+{
+	background-color:white;
+}
+
+#divStatusBar
+{
+	background-color:white;
+	height:15px;
+	padding-left:170px;
+	margin-top: 13px;
+/*	margin-bottom: 2px;*/
+}
+
+#divSubContainer
+{
+}
+
+#tdSidebox
+{
+	width:170px;
+	background-color:white;
+}
+
+#tdAppbox
+{
+	background-color:white;
+	padding-left:9px;
+	width: 100%;
+}
+#divSideboxContainer
+{
+	position:relative;
+	width:150px;
+	top:0px;
+	left:0px;
+	background-color:white;
+	border-color:red;
+	border-width:1px;
+	border-style:solid;
+	z-index:40;
+}
+
+#divAppboxHeader
+{
+	width:100%;
+	background-image:url(../images/appbox-header-background.png);
+	background-repeat: repeat-x;
+	height:36px;
+	line-height:28px;
+	text-align:center;
+/*	padding-top:7px;*/
+	padding-bottom:0px;
+	font-size:14px;
+	font-weight:bold;
+	color:#666666;
+	border-top-color:#9c9c9c;
+	border-top-width:1px;
+	border-top-style:solid;
+	border-left-color:#9c9c9c;
+	border-left-width:1px;
+	border-left-style:solid;
+	border-right-color:#9c9c9c;
+	border-right-width:1px;
+	border-right-style:solid;
+}
+
+#divAppbox
+{
+	width:100%;
+	background-color:#f7f7f7;
+	padding:5px;
+	border-bottom-color:#9c9c9c;
+	border-bottom-width:1px;
+	border-bottom-style:solid;
+	border-left-color:#9c9c9c;
+	border-left-width:1px;
+	border-left-style:solid;
+	border-right-color:#9c9c9c;
+	border-right-width:1px;
+	border-right-style:solid;
+}
+
+#user_info
+{
+
+
+}
+
+#admin_info
+{
+	position:relative;
+	text-align:right;
+}
+
+#divPoweredBy 
+{
+	bottom:14px;
 	font-size: 9px;
 	color: #000000;
+	text-align:center;
+	width:99%;
 }

-.title 
-{
-	PADDING-LEFT: 5px; 
-	FONT-WEIGHT: bold; 
-	FONT-SIZE: 12px; 
-	COLOR: #000000; 
-	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
-}
-
-.box 
-{
-	BORDER-RIGHT: #98aab1 1px solid; 
-	BORDER-TOP: #98aab1 1px solid; 
-	BORDER-LEFT: #98aab1 1px solid; 
-	BORDER-BOTTOM: #98aab1 1px solid
-}
-
-.content 
-{
-	FONT-SIZE: 12px; 
-	COLOR: #000000; 
-	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
-}
-
-.sideboxtitle 
-{
-	BACKGROUND-POSITION: center 50%; 
-	FONT-WEIGHT: bold; 
-	FONT-SIZE: 12px; 
-	BACKGROUND-IMAGE: url(../images/boxbg.gif); 
-	COLOR: #000000; 
-	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
-}
-
-.sidebox 
-{
-	BORDER-RIGHT: #98aab1 1px solid; 
-	BORDER-TOP: #98aab1 1px solid; 
-	BORDER-LEFT: #98aab1 1px solid; 
-	WIDTH: 160px; 
-	BORDER-BOTTOM: #98aab1 1px solid
-}
-
-.articletitle 
-{
-	FONT-WEIGHT: bold; 
-	FONT-SIZE: 12px; 
-	BACKGROUND-IMAGE: url(../images/greypanel.gif); 
-	COLOR: #000000; 
-	TEXT-INDENT: 5pt; 
-	BACKGROUND-REPEAT: repeat-x; 
-	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
-	HEIGHT: 20px
-}
--- a/setup/templates/default/footer.tpl
+++ b/setup/templates/default/footer.tpl
@ -1,5 +1,17 @@
 <!-- footer.tpl -->
-<br/><br/>
+		 							</div>
+<!-- Applicationbox Column -->
+</td>
+</tr>
+</table>
+</div>
+</div>
+
+<div id="divPoweredBy"><br/><span>&nbsp;<a class="copyright" href="http://www.egroupware.org/">eGroupWare</a> version {pgw_ver} </span></div>	
+</body>
+</html>
+<!-- END footer.tpl -->
+<!--<br/><br/>
 </td>
 </tr>
 </tbody></table>
@ -12,4 +24,4 @@
 </tbody></table></td></tr>
 </tbody></table>
 <p align="center" class="copyright">&nbsp;<a class="copyright" href="http://www.egroupware.org/">eGroupWare</a> version {pgw_ver} </p>
-</body></html>
+</body></html>-->
--- a/setup/templates/default/head.tpl
+++ b/setup/templates/default/head.tpl
@ -1,131 +1,124 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
-<html>
-<head>
+<!-- BEGIN head -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xml:lang="nl" xmlns="http://www.w3.org/1999/xhtml">
+	<head>
+		<!--
+		HTML Coding Standards;

-<META name="AUTHOR" content="eGroupWare http://www.egroupware.org">
-<META NAME="description" CONTENT="eGroupWare">
-<META NAME="keywords" CONTENT="eGroupWare">
-<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
-<META HTTP-EQUIV="Cache-control" CONTENT="no-cache">
-<META HTTP-EQUIV="content-type" CONTENT="text/html;charset={lang_charset}">
-<link href="templates/default/css/idots.css" type="text/css" rel="StyleSheet">
+		1. use lowercase is possible, because of xhtml validation
+		2. make your template validate either html 4.01 or xhtml 1
+		3. make your application validat both if possible
+		4. always use "" when possible (please help me I don't know the English word)
+		5. use png-graphics if possible, but keep in ming IE has a transparency bug when it renders png's
+
+		-->
+
+		<!-- LAY-OUT BUGS 
+		
+		1. in IE no link cursor is displayd when for png's that link
+		2. tabs are ugly in preferences
+		3. spacers inside sidebox
+
+		-->
+		<title>eGroupWare Setup - {lang_setup} {configdomain}</title>
+		<meta http-equiv="content-type" content="text/html; charset={charset}" />
+		<meta name="keywords" content="egroupware" />
+		<meta name="description" content="egroupware" />
+		<meta name="keywords" content="egroupware" />
+		<meta name="copyright" content="egroupware http://www.egroupware.org (c) 2003" />
+		<meta name="language" content="en" />
+		<meta name="author" content="egroupware http://www.egroupware.org" />
+		<meta name="robots" content="none" />
+		<link rel="icon" href="../phpgwapi/templates/default/images/favicon.ico" type="image/x-ico" />
+		<link rel="shortcut icon" href="../phpgwapi/templates/default/images/favicon.ico" />
+		<link href="../phpgwapi/templates/idots/css/idots.css" type="text/css" rel="stylesheet" />
+		<!--
+		{css}
+		-->

 		<style type="text/css">
-  <!--
-  .row_on { color: #000000; background-color: #eeeeee; }
-  .row_off { color: #000000; background-color: #E8F0F0; }
-  .th 
-  { 
-  	color: #000000; 
-  	background-color: #cccccc; 
-  }
+			<!--
+			.row_on { color: #000000; background-color: #eeeeee; }
+			.row_off { color: #000000; background-color: #e8f0f0; }
+			.th 
+			{ 
+			  color: #000000; 
+			  background-color: #cccccc; 
+			}

-  -->
-  </style>
-<title>eGroupWare {lang_setup} {page_title}</title>
-</head>
+			-->	
+		</style>
+		
+		<!--{java_script}-->
+		
+		<!-- this solves the internet explorer png-transparency bug, but only for ie 5.5 and higher --> 
+		<!--[if gte ie 5.5000]>
+		<script src="../phpgwapi/templates/idots/js/pngfix.js" type=text/javascript>
+		</script>
+		<![endif]-->

-	<body bgcolor="#e5e5e5" alink="red" link="blue" vlink="blue">
-<!--<table width="100%" border="0" cellspacing="0" cellpadding="2">
-				<tr class="banner">
-					<td align="left">
-						&nbsp;eGroupWare version {pgw_ver} {lang_setup} {configdomain}
-					</td>
-					<td align="right">{logoutbutton}</td>
+	</head>
+	<body>
+
+<div id="divLogo"><a href="http://www.egroupware.org" target="_blank"><img src="../phpgwapi/templates/idots/images/logo-setup.png" border="0" alt="egroupware"/></a></div>
+
+<div id="divMain">
+	<div id="divAppIconBar">
+		<table width="100%" border="0" cellspacing="0" cellpadding="0">
+			<tr>
+				<td width="180" valign="top" align="left"><img src="../phpgwapi/templates/idots/images/grey-pixel.png" width="1" height="68" alt="spacer" /></td>
+				<td>
+					<table width="100%" border="0" cellspacing="0" cellpadding="0">
+						<tr>
+							<td width="100%"><img src="../phpgwapi/templates/idots/images/spacer.gif" width="1" height="68" alt="spacer" /></td>
+						</tr>
+						<tr>
+							<td width="100%">&nbsp;</td>
+						</tr>
+					</table>
+
+				</td>
+				<td width="1" valign="top" align="right"><img src="../phpgwapi/templates/idots/images/grey-pixel.png" width="1" height="68" alt="spacer" /></td>
+			</tr>
+		</table>
+	</div>
+<!--	<div id="divstatusbar"><table width="100%" cellspacing="0" cellpadding="0" border="0"><tr><td align="left" id="user_info">{user_info}</td><td align="right" id="admin_info">{current_users}</td></tr></table></div>-->
+	<div id="divSubContainer">
+		<table width="100%" cellspacing="0" cellpadding="0">
+			<tr>
+				<!-- sidebox column -->
+				<td id="tdSidebox" valign="top">
+					
+					
+					<div class="divSidebox">
+						<div class="divSideboxHeader"><span>setup main menu</span></div>
+						<div>
+							<table width="100%" cellspacing="0" cellpadding="0">
+					
+								<tr class="divSideboxEntry">
+									<td width="20" align="center" valign="middle" class="textSidebox"><img src="../phpgwapi/templates/idots/images/orange-ball.png" alt="ball" /></td><td class="textSidebox"><a class="textsidebox" href="../home.php">back to user login</a></td>
+								</tr>
+
+								<tr class="divSideboxEntry">
+					<td width="20" align="center" valign="middle" class="textSidebox"><img src="../phpgwapi/templates/idots/images/orange-ball.png" alt="ball" /></td><td class="textSidebox"><a class="textsidebox" href="check_install.php">check installation</a></td>
 				</tr>
-				</table>-->
-								<table class="box" height="90%" cellspacing="0" cellpadding="1" width="100%" bgcolor="#ffffff" border="0">
-<tbody><tr> 
-		<td valign="top"> 
-			<table cellspacing="0" cellpadding="0" width="100%" bgcolor="#ffffff" border="0">
-				<tbody><tr> 
-						<td width="185" rowspan="2" align="center" valign="top" class="toppannel"><a href="http://www.eGroupWare.org" target="_blank"><img src="templates/default/images/setup-anim.gif" alt="logo" border="0" title="www.eGroupWare.org"></a></td>
-						<td colspan="2" valign="top" style="background-image:url(templates/default/images/panel.png);background-repeat: repeat-x;"> 
-							<table width="100%" border="0" cellpadding="0" cellspacing="0"  bgcolor="#ffffff" style="background-image:url(templates/default/images/panel.png);background-repeat: repeat-x;">
-								<tbody><tr valign="middle"> 
-										
-										
-										<!-- If there are no icons -->
-										<td width="100%"><img src="templates/default/images/spacer.gif" width="100%" height="60" alt=""></td>
-									

-										<!-- else the icons -->
+								<tr class="divSideboxEntry">
+							<td width="20" align="center" valign="middle" class="textSidebox"><img src="../phpgwapi/templates/idots/images/orange-ball.png" alt="ball" /></td><td class="textSidebox"><!--<a class="textsidebox" href="check_install.php">check installation</a>-->{logoutbutton}</td>
+						</tr>
+									</table>	
+						</div>
+					</div>
+					<div class="sideboxSpace"></div>

-										<!--		<td align="center"><a href="http://vlinder.rsm.lingewoud.nl/groupwork/horssen.groupwork.nl/egroupware/admin/index.php"><img src="images/navbar_003.png" alt="Admin" title="Admin" border="0" height="60"></a></td><td align="center"><a href="http://vlinder.rsm.lingewoud.nl/groupwork/horssen.groupwork.nl/egroupware/calendar/index.php"><img src="images/navbar.png" alt="Calendar" title="Calendar" border="0" height="60"></a></td><td align="center"><a href="http://vlinder.rsm.lingewoud.nl/groupwork/horssen.groupwork.nl/egroupware/addressbook/index.php"><img src="images/navbar_002.png" alt="Addressbook" title="Addressbook" border="0" height="60"></a></td><td align="center"><a href="http://vlinder.rsm.lingewoud.nl/groupwork/horssen.groupwork.nl/egroupware/jinn/index.php"><img src="images/navbar_004.png" alt="jinn" title="jinn" border="0" height="60"></a></td>
-										<td width="1%"></td>-->
+				</td>
+				<!-- end sidebox column -->

-									</tr>
-									<tr valign="top" bgcolor="#ffffff">
-										<td width="100%">&nbsp;</td>
+				<!-- applicationbox column -->
+				<td id="tdAppbox" valign="top">
+				<div id="divAppboxHeader">{lang_setup} {configdomain}</div>
+				<div id="divAppbox">

-										<!-- the icons texts -->
-										<!--								<td align="center" class="mainnote"><a href="http://vlinder.rsm.lingewoud.nl/groupwork/horssen.groupwork.nl/egroupware/admin/index.php">Admin</a></td><td align="center" class="mainnote"><a href="http://vlinder.rsm.lingewoud.nl/groupwork/horssen.groupwork.nl/egroupware/calendar/index.php">Calendar</a></td><td align="center" class="mainnote"><a href="http://vlinder.rsm.lingewoud.nl/groupwork/horssen.groupwork.nl/egroupware/addressbook/index.php">Addressbook</a></td><td align="center" class="mainnote"><a href="http://vlinder.rsm.lingewoud.nl/groupwork/horssen.groupwork.nl/egroupware/jinn/index.php">jinn</a></td>
-										<td width="1%" colspan="100"></td>-->
-									</tr>
-						</tbody></table></td>
-						<td width="15" rowspan="2" valign="top" class="toppannel"></td>
-					</tr>
-					<tr>
-						<td align="left" valign="top" class="mainnote">&nbsp;</td>
-						<td align="right" valign="top" class="mainnote">&nbsp;</td>
-					</tr>
-					<tr>
-						<td align="left" valign="top" class="mainnote">&nbsp;</td>
-						<td align="right" valign="top" class="mainnote"><!--<font color=red>Setup adminisator not logged in</font>--></td>
-					</tr>
-			</tbody></table>
-			<table cellspacing="0" cellpadding="0" width="100%" border="0">
-				<tbody><tr valign="top"> 
-						<td width="15"></td>
-						<td valign="top" width="1">
-
-							<!-- start blocks -->
-							<table class="sidebox" cellspacing="1" cellpadding="0" width="100%" border="0">
-								<tbody><tr> 
-										<td class="sideboxtitle" align="center" height="28">General Menu</td>
-									</tr>
-									<tr> 
-										<td class="sideboxcontent" bgcolor="#efefef">
-											<table class="sideboxtext" cellspacing="0" cellpadding="0" width="100%" border="0">
-												<tbody>
-													<tr>
-														<td valign="top" align="center"><font color="#ff9933">*</font>&nbsp;</td>
-														<td width="100%" height="20" align="left" valign="top"><a href="../home.php">Back to user login</a></td>
-													</tr>
-													<tr>
-														<td valign="top" align="center"><font color="#ff9933">*</font>&nbsp;</td>
-														<td width="100%" height="20" align="left" valign="top"><a href="check_install.php">Check Installation</a></td>
-													</tr>
-													<tr>
-														<td valign="top" align="center"><font color="#ff9933">{logouticon}</font>&nbsp;</td>
-														<td width="100%" height="20" align="left" valign="top">{logoutbutton}</td>
-													</tr>
-													<!--<tr>
-														<td valign="top" align="center"><font color="#ff9933">*</font>&nbsp;</td>
-														<td width="100%" height="20" align="left" valign="top"><a href="http://vlinder.rsm.lingewoud.nl/groupwork/horssen.groupwork.nl/egroupware/about.php?app=eGroupWare">About </a></td>
-													</tr>-->
-												</tbody>
-											</table>
-										</td>
-									</tr>
-							</tbody></table>
-							<br>	
-							<br>
-						</td>
-						<td width="15"><img src="templates/default/images/spacer.gif" width="15" alt=""></td>
-						<td>
-
-										<table cellspacing="0" cellpadding="0" width="100%" border="0">
-<tbody><tr> 
-		<td valign="top" height="100%"> 
-			<table align="center" class="box" cellspacing="1" cellpadding="0" width="100%" border="0">
-				<tbody><tr> 
-						<td height="23" colspan="2" align="center" class="articletitle">{lang_setup} {configdomain}</td>
-					</tr>
-					<tr align="center"> 
-						<td height="20" colspan="2" bgcolor="#efefef" class="mainnote">
-							<br>
-							<br>

 <!-- end head.tpl -->