new idots design because old one had copyright problems and this one is better

This commit is contained in:
Pim Snel 2003-10-23 15:04:22 +00:00
parent e4c0b82b2b
commit 60bc6e0332
20 changed files with 409 additions and 216 deletions

View File

@ -0,0 +1,32 @@
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td align="left">
<a href="http://www.eGroupWare.org" target="_new"><img src="{phpgw_logo}" border="0" alt="eGroupWare"></a>
</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td align="left">{phpgw_version}</td>
</tr>
<tr>
<td align="left">{phpgw_message}</td>
</tr>
<tr>
<td height="3"><img src="phpgwapi/templates/default/images/spacer.gif" alt="spacer" height="3" /></td>
</tr>
<tr>
<td align="center"><div class="greyLine"></div></td>
</tr>
<tr>
<td height="3"><img src="phpgwapi/templates/default/images/spacer.gif" alt="spacer" height="3" /></td>
</tr>
<tr>
<td align="left">
{phpgw_app_about}
</td>
</tr>
</table>

View File

@ -6,4 +6,4 @@
{app_css}
-->
</style>
{css_file}
{css_file}

View File

@ -1,162 +1,256 @@
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: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding:14px;
/* margin: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
{
FONT-SIZE: 12px;
COLOR: #006699;
FONT-FAMILY: Arial, Helvetica, sans-serif
font-size: 12px;
color: #006699;
font-family: Arial, Helvetica, sans-serif
}
BODY
select
{
FONT-SIZE: 12px;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
font-size: 12px;
color: #006699;
font-family: Arial, Helvetica, sans-serif
}
FORM
.divSidebox
{
FONT-SIZE: 12px;
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
}
TABLE
.divSideboxHeader
{
FONT-SIZE: 12px;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
text-align:center;
background-image:url(../images/sidebox-header-background.png);
background-repeat: repeat-x;
height:12px;
padding-top:2px;
padding-bottom:0px;
font-size:10px;
color:#666666;
}
.sideboxcontent
.divSideboxEntry
{
PADDING-RIGHT: 5px;
PADDING-LEFT: 5px;
FONT-SIZE: 12px;
PADDING-BOTTOM: 5px;
WIDTH: 160px;
COLOR: #000000;
BACKGROUND-COLOR: #efefef;
LINE-HEIGHT: 20px;
PADDING-TOP: 5px;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
text-align:left;
height:16px;
background-color:#d6d6d6;
}
a.appTitles,.appTitles
{
font-size: 10px;
height:18px;
padding-top:2px;
padding-bottom:2px;
}
.mainnote
a.textSidebox,.textSidebox
{
FONT-SIZE: 12px;
COLOR: #006699;
BACKGROUND-COLOR: #efefef;
FONT-FAMILY: Arial, Helvetica, sans-serif
font-size: 10px;
height:18px;
padding-top:2px;
padding-bottom:2px;
border-top: #ffffff 1px solid
}
.articlecontent
.sideboxSpace
{
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
height:9px;
}
.sideboxtext
.greyLine
{
FONT-SIZE: 12px;
LINE-HEIGHT: 18px;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
margin:1px;
border-top-color:#7e7e7e;
border-top-width:1px;
border-top-style:solid;
height:1px;
}
.toppannel
#divMain
{
BACKGROUND-IMAGE: url(../images/panel.png);
BACKGROUND-REPEAT: repeat-x
background-color:white;
margin-top: 9px;
/* margin-left: 14px;
margin-right: 14px;*/
padding:4px;
border-color:#7e7e7e;
border-width:1px;
border-style:solid;
}
.copyright
#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
{
margin-top: 2px;
margin-bottom: 4px;
}
#tdSidebox
{
width:170px;
background-color:white;
}
#tdAppbox
{
background-color:white;
padding:10px;
}
#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
{
background-image:url(../images/appbox-header-background.png);
background-repeat: repeat-x;
height:30px;
text-align:center;
font-size:22px;
color:#666666;
padding-top:5px;
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;
/* height:200px;*/
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,11 +1,12 @@
</tr>
</table>
</div>
<!-- Applicationbox Column -->
</td>
</tr>
</table>
</div>
</div>
<br></td>
<td width="15"></td>
</tr>
</table></tr>
</table></tr>
</table>
<p align="center" class="copyright">{powered_by}</p>
<div id="divPoweredBy"><br/><span>{powered_by}</span></div>
</body>
</html>
<!-- END footer.tpl -->

View File

@ -1,18 +1,48 @@
<!-- BEGIN head -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset={charset}">
<meta name="author" content="eGroupWare http://www.egroupware.org">
<meta name="description" content="eGroupWare">
<meta name="keywords" content="eGroupWare">
<meta name="robots" content="none">
<link rel="icon" href="{img_icon}" type="image/x-ico">
<link rel="shortcut icon" href="{img_shortcut}">
<link href="{theme_css}" type="text/css" rel="StyleSheet">
{css}
<title>{website_title}</title>
{java_script}
</head>
<body bgcolor="#e5e5e5" {body_tags}>
<!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;
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>{website_title}</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="{img_icon}" type="image/x-ico" />
<link rel="shortcut icon" href="{img_shortcut}" />
<link href="{theme_css}" type="text/css" rel="StyleSheet" />
{css}
{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]-->
</head>
<!-- we don't need body tags anymore, do we?) -->
<!--<body {body_tags}>-->
<body>
<!-- END Head -->

Binary file not shown.

After

Width:  |  Height:  |  Size: 238 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 233 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 240 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 189 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 515 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 218 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

View File

@ -0,0 +1,33 @@
function correctPNG() // correctly handle PNG transparency in Win IE 5.5 or higher.
{
for(var i=0; i<document.images.length; i++)
{
var img = document.images[i]
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
{
var imgID = (img.id) ? "id='" + img.id + "' " : ""
var imgClass = (img.className) ? "class='" + img.className + "' " : ""
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
var imgStyle = "display:inline-block;" + img.style.cssText
var imgAttribs = img.attributes;
for (var j=0; j<imgAttribs.length; j++)
{
var imgAttrib = imgAttribs[j];
if (imgAttrib.nodeName == "align")
{
if (imgAttrib.nodeValue == "left") imgStyle = "float:left;" + imgStyle
if (imgAttrib.nodeValue == "right") imgStyle = "float:right;" + imgStyle
break
}
}
var strNewHTML = "<span " + imgID + imgClass + imgTitle
strNewHTML += " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
strNewHTML += "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
strNewHTML += "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
img.outerHTML = strNewHTML
i = i-1
}
}
}
window.attachEvent("onload", correctPNG);

View File

@ -40,23 +40,23 @@
$title = $GLOBALS['phpgw_info']['apps'][$app]['title'];
$icon = '<img src="' . $app_data['icon'] . '" alt="' . $title .
'" title="'. $title . '" border="0" height="60">';
'" title="'. $title . '" border="0" />';
$app_icons .= '<TD align="center"><a href="' . $app_data['url'] . '"';
$app_icons .= '<td height="66" valign="bottom" align="center"><a href="' . $app_data['url'] . '"';
if (isset($GLOBALS['phpgw_info']['flags']['navbar_target']) &&
$GLOBALS['phpgw_info']['flags']['navbar_target'])
{
$app_icons .= ' target="' . $GLOBALS['phpgw_info']['flags']['navbar_target'] . '"';
}
$app_icons .= '>' . $icon . '</a></TD>';
$app_icons .= '>' . $icon . '</a></td>';
$app_titles .= '<TD align=center class="mainnote"><a href="'.$app_data['url'] . '"';
$app_titles .= '<td align=center valign="top" class="appTitles"><a href="'.$app_data['url'] . '"';
if (isset($GLOBALS['phpgw_info']['flags']['navbar_target']) &&
$GLOBALS['phpgw_info']['flags']['navbar_target'])
{
$app_titles .= ' target="' . $GLOBALS['phpgw_info']['flags']['navbar_target'] . '"';
}
$app_titles .= '>' . $title . '</a></TD>';
$app_titles .= '>' . $title . '</a></td>';
unset($icon);
unset($title);

View File

@ -1,87 +1,75 @@
<!-- BEGIN navbar_header -->
<TABLE class="box" height="90%" cellspacing="0" cellpadding="1" width="100%" bgcolor="#ffffff" border="0">
<TR>
<TD valign="top">
<TABLE cellspacing="0" cellpadding="0" width="100%" bgcolor="#ffffff" border="0">
<TR>
<TD width="185" rowspan="2" align="center" valign="top" class="toppannel"><a href="http://{logo_url}" target="_blank"><IMG src="{logo_file}" border="0" title="{logo_title}" alt="{logo_title}"></a></TD>
<TD colspan="2" valign="top" background="{img_root}/panel.png" style="background-repeat: repeat-x;">
<TABLE width="100%" border="0" cellpadding="0" cellspacing="0" background="{img_root}/panel.png" bgcolor="#ffffff">
<TR valign="center">
<TD width="1%"></TD>
<!-- <TD align="center" width="10%"><a href="{home_link}"><img src="{img_root}/home.jpg" width="60" height="62" border="0"></TD></a>-->
{app_icons}
<TD width="1%"></TD>
</TR>
<TR valign="top" bgcolor="#ffffff">
<TD width="1%"></TD>
<!-- <TD align="center" class="mainnote"><a href="{home_link}">{lang_home}</a></TD>-->
{app_titles}
<TD width="1%" colspan="100"></TD>
</TR>
</TABLE></TD>
<TD width="15" rowspan="2" valign="top" class="toppannel"></TD>
</TR>
<TR>
<TD align="left" valign="top">{user_info}</TD>
<TD align="right" valign="top">{current_users}</TD>
</TR>
</TABLE>
<TABLE cellspacing="0" cellpadding="0" width="100%" border="0">
<TR valign="top">
<TD width="15"></TD>
<TD valign="top" width="1">
<div id="divLogo"><a href="http://{logo_url}" target="_blank"><img src="{logo_file}" 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="{img_root}/grey-pixel.png" width="1" height="68" alt="spacer" /></td>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
{app_icons}
</tr>
<tr>
{app_titles}
</tr>
</table>
</td>
<td width="1" valign="top" align="right"><img src="{img_root}/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">
<!-- start blocks -->
<!-- END navbar_header -->
<!-- BEGIN navbar_footer -->
<BR>
</TD>
<TD width="15"><img src="{img_root}/spacer.gif" width="15" alt=""></TD>
<TD>
<TABLE cellspacing="0" cellpadding="0" width="100%" border="0">
<TR>
<TD valign="top" height="100%"> <TABLE align="center" class="box" cellspacing="1" cellpadding="0" width="100%" border="0">
<TR>
<TD height="23" colspan="2" align="center" class="articletitle">{current_app_title}</TD>
</TR>
<TR align="center">
<TD height="20" colspan="2" class="mainnote">
</td>
<!-- End Sidebox Column -->
<!-- Applicationbox Column -->
<td id="tdAppbox" valign="top">
<div id="divAppboxHeader">{current_app_title}</div>
<div id="divAppbox">
<!-- END navbar_footer -->
<!-- BEGIN extra_blocks_header -->
<TABLE class="sidebox" cellspacing="1" cellpadding="0" width="100%" border="0">
<TR>
<TD class="sideboxtitle" align="middle" height="28">{lang_title}</TD>
</TR>
<TR>
<TD class="sideboxcontent">
<TABLE class="sideboxtext" cellspacing="0" cellpadding="0" width="100%" border="0" valign="top">
<div class="divSidebox">
<div class="divSideboxHeader"><span>{lang_title}</span></div>
<div>
<table width="100%" cellspacing="0" cellpadding="0">
<!-- END extra_blocks_header -->
<!-- BEGIN extra_blocks_footer -->
</TABLE>
</TD>
</TR>
</TABLE>
<br>
</table>
</div>
</div>
<div class="sideboxSpace"></div>
<!-- END extra_blocks_footer -->
<!-- BEGIN extra_block_row -->
<TR>
<TD valign="top" align="middle">{icon_or_star}&nbsp;</TD>
<TD width="100%" height="20" align="left" valign="top"><A href="{item_link}">{lang_item}</A></TD>
</TR>
<tr class="divSideboxEntry">
<td width="20" align="center" valign="middle" class="textSidebox">{icon_or_star}<!-- <img src="{image_root}/orange-ball.png" alt="ball"/> --></td><td class="textSidebox"><a href="{item_link}">{lang_item}</a></td>
</tr>
<!-- END extra_block_row -->
<!-- BEGIN extra_block_spacer -->
<TR>
<TD colspan="2" height="8"></TD>
</TR>
<tr>
<td colspan="2" height="8"></td>
</tr>
<!-- END extra_block_spacer -->

View File

@ -1,3 +1,3 @@
<TD width="10%" align=center><img src="{img_root}/admin.jpg" width="60" height="62"></TD>
<!-- <TD width="10%" align=center><img src="{img_root}/admin.jpg" width="60" height="62"></TD>-->
<!--<td align="center" width="{width}">{value}</td>-->

View File

@ -1,11 +1,10 @@
<!-- BEGIN nextmatchs -->
<table width="{table_width}" border="0" bgcolor="{th_bg}" cellspacing="0" cellpadding="0" cols="5">
<tr> {left}
<td align="center" bgcolor="{th_bg}" valign="top" width="92%">{cats_search_filter_data}</td> {right}
<td align="center" bgcolor="{th_bg}" valign="top" width="92%">{cats_search_filter_data}</td>{right}
</tr>
</table>
<br>
<br/>
<!-- END nextmatchs -->
@ -45,9 +44,7 @@
<td width="2%" align="{align}" valign="top">
<table border="0" bgcolor="{th_bg}" cellspacing="0" cellpadding="0">
<tr>
<td align="{align}">
<img src="{img}" border="{border}" alt="{label}">
</td>
<td align="{align}"><img src="{img}" border="{border}" alt="{label}" hspace="2" /></td>
</tr>
</table>
</td>

View File

@ -14,26 +14,44 @@
</table>
</p>
<!-- END portal_box -->
<!-- BEGIN portal_row -->
<tr>
{output}
</tr>
<!-- END portal_row -->
<!-- BEGIN portal_listbox_header -->
<td>
<ul>
<!-- END portal_listbox_header -->
<!-- BEGIN portal_listbox_link -->
<li><a href="{link}">{text}</a></li>
<!-- END portal_listbox_link -->
<!-- BEGIN portal_listbox_footer -->
</ul>
</td>
<!-- END portal_listbox_footer -->
<!-- BEGIN portal_control -->
<td valign="middle" align="right" nowrap="nowrap">{control_link}
</td>
<!-- END portal_control -->
<!-- BEGIN link_field -->
{link_field_data}
<!-- END link_field -->