setup now uses the new and last idots templates set

This commit is contained in:
Pim Snel 2003-10-26 14:46:52 +00:00
parent 1713f946c9
commit bc173c09ce
3 changed files with 354 additions and 233 deletions

View File

@ -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
}

View File

@ -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>-->

View File

@ -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 -->