layout colors and image updates

This commit is contained in:
Jerry Ruhe 2006-12-08 05:36:29 +00:00
parent ce2a7c918f
commit 55e745ce85
4 changed files with 69 additions and 91 deletions

View File

@ -3,68 +3,6 @@
allowed attributes: font-family,font-size,color,font-weight allowed attributes: font-family,font-size,color,font-weight
*/ */
.tdJrTopLt
{
background-image: url(../images/coinsupg.png);
height: 15px;
}
.tdJrTopMid
{
background-image: url(../images/sup.png);
height: 15px;
}
.tdJrTopRt
{
background-image: url(../images/coinsupd.png);
height: 15px;
}
.tdJrLt
{
background-image: url(../images/g.png);
width:15px;
}
.tdJrFill
{
background-image: url(../images/fond.png);
}
.tdJrRt
{
background-image: url(../images/d.png);
width:15px;
}
.tdJrBotLt
{
background-image: url(../images/coininfg.png);
height: 15px;
width: 15px;
}
.tdJrBotMid
{
background-image: url(../images/inf.png);
height: 15px;
}
.tdJrBotRt
{
background-image: url(../images/coininfd.png);
height: 15px;
}
body,td body,td
{ {
font-family: Verdana, Arial, Helvetica, sans-serif; font-family: Verdana, Arial, Helvetica, sans-serif;
@ -86,14 +24,14 @@ select
a:link,a:visited a:link,a:visited
{ {
cursor:pointer; cursor:pointer;
color: #17202b; color: #727f8a;
text-decoration: none; text-decoration: none;
} }
a:hover,a:active a:hover,a:active
{ {
cursor:pointer; cursor:pointer;
color: #ff0000; color: #9a3028;
text-decoration: underline; text-decoration: underline;
} }
.divLoginboxHeader,.divSideboxHeader,a.appTitles,.appTitles,a.textSidebox,.textSidebox,#fmStatusBar .divLoginboxHeader,.divSideboxHeader,a.appTitles,.appTitles,a.textSidebox,.textSidebox,#fmStatusBar
@ -105,7 +43,7 @@ a:hover,a:active
{ {
font-size:90%; font-size:90%;
background-color: #a7c4db; background-color: #a7c4db;
border-right: 1px solid #17202b; border-right: 1px solid #9f9f9f;
} }
.prefSection .prefSection
@ -234,22 +172,20 @@ input[type=image]
{ {
position:relative; position:relative;
width: 370px; width: 370px;
border: #17202b 1px solid; border: #9f9f9f 1px solid;
} }
.divSidebox .divSidebox
{ {
width: 177px; width: 188px;
} }
.divSideboxHeader,.divLoginboxHeader .divSideboxHeader,.divLoginboxHeader
{ {
text-align:center; text-align:center;
background-image:url(../images/appbox-header2-background.png); background-image:url(../images/menuTitle.png);
/*background-color:#6798cb;*/ color:#17202b;
/*padding-top:2px;*/ height: 18px;
color:#ffffff;
height: 20px;
font-weight:bold; font-weight:bold;
font-size:12px; font-size:12px;
} }
@ -259,6 +195,7 @@ a.divSideboxEntry, .divSideboxEntry
text-align:left; text-align:left;
height:18px; height:18px;
background-color:#fbf8f1; background-color:#fbf8f1;
border-top: 1px solid #9f9f9f;
} }
a.appTitles,.appTitles a.appTitles,.appTitles
@ -279,8 +216,34 @@ a.textSidebox
padding-left: 2px; padding-left: 2px;
/*padding-top:2px;*/ /*padding-top:2px;*/
/*padding-bottom:2px;*/ /*padding-bottom:2px;*/
border-top: solid #e2d4b2 1px; border-top: solid #9f9f9f 1px;
} }
.textSideboxHover
{
/*background-image: url(../images/appTitleBar.png);*/
background-color: #ede6d8;
background-repeat: repeat-x;
border-top: 1px solid #9f9f9f;
padding-left: 2px;
font-size: 10px;
}
.textSideboxHover:first-letter {
text-transform:uppercase;
}
.textSideboxSpacer
{
height:18px;
padding-left: 0px;
/*padding-top:2px;*/
/*padding-bottom:2px;*/
border-top: solid #9f9f9f 1px;
}
/* /*
** make the sidebox entries consistently start with a capital letter ** make the sidebox entries consistently start with a capital letter
*/ */
@ -328,8 +291,8 @@ body {
#divLogo #divLogo
{ {
position:absolute; position:absolute;
left:20px; left:19px;
top:20px; top:21px;
z-index:51; z-index:51;
} }
@ -368,6 +331,24 @@ body {
padding:0px; padding:0px;
} }
.iconBack
{
background-image: url(../images/iconBackBlue.png);
border-right: 1px solid #9f9f9f;
border-left: 1px solid #cfcfcf;
border-bottom: 1px solid #9f9f9f;
border-top: 1px solid #9f9f9f;
}
.iconBackHover
{
background-image: url(../images/iconBackYellow.png);
border-right: 1px solid #9f9f9f;
border-left: 1px solid #cfcfcf;
border-bottom: 1px solid #9f9f9f;
border-top: 1px solid #9f9f9f;
}
#divAppTextBar #divAppTextBar
{ {
/*background-color:white;*/ /*background-color:white;*/
@ -380,9 +361,10 @@ body {
top:0px top:0px
left:0px; left:0px;
height:18px; height:18px;
vertical-align:bottom;
border: 0px solid black; border: 0px solid black;
padding-left:186px; padding-left:186px;
padding-top:2x; padding-top:10px;
/*margin-top: 18px;*/ /*margin-top: 18px;*/
} }
@ -402,16 +384,12 @@ body {
#divAppboxHeader #divAppboxHeader
{ {
/*background-image:url(../images/appbox-header-background.png);*/ background-image:url(../images/appTitleBar.png);
/*background-repeat: repeat-x;*/ height:18px;
background-image:url(../images/appbox-header2-background.png); color: black;
/*background-color:#6798cb;*/
height:20px;
text-align:center; text-align:center;
padding-bottom:0px; padding-bottom:0px;
border-top:solid 1px #17202b; border:solid 1px #17202b;
border-left:solid 1px #17202b;
border-right:solid 1px #17202b;
} }
#divAppbox #divAppbox

Binary file not shown.

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 8.5 KiB

View File

@ -95,7 +95,7 @@
} }
$tdwidth=round($tdwidth); $tdwidth=round($tdwidth);
$app_icons .= '<td width="'.$tdwidth.'%" align="center" style="text-align:center; border-right: 1px solid #9f9f9f;border-left: 1px solid #cfcfcf; border-bottom: 1px solid #9f9f9f; border-top: 1px solid #9f9f9f" onMouseOver="style.backgroundColor=\'#a7c4db\'; " onMouseOut="style.backgroundColor=\'\';"><a href="' . $app_data['url'] . '"'; $app_icons .= '<td width="'.$tdwidth.'%" align="center" class="iconBack" onmouseover="this.className=\'iconBackHover\'" onmouseout="this.className=\'iconBack\'" ><a href="' . $app_data['url'] . '"';
if(isset($GLOBALS['egw_info']['flags']['navbar_target']) && $GLOBALS['egw_info']['flags']['navbar_target']) if(isset($GLOBALS['egw_info']['flags']['navbar_target']) && $GLOBALS['egw_info']['flags']['navbar_target'])
{ {
@ -360,7 +360,7 @@
return; return;
} }
$var['icon_or_star']='<img src="'.$GLOBALS['egw_info']['server']['webserver_url'] . '/phpgwapi/templates/jerryr/images'.'/orange-ball.png" width="9" height="9" alt="ball"/>'; $var['icon_or_star']='<img src="'.$GLOBALS['egw_info']['server']['webserver_url'] . '/phpgwapi/templates/jerryr/images'.'/orange-ball.png" width="0" height="0" alt="ball"/>';
$var['target'] = ''; $var['target'] = '';
if(is_array($item_link)) if(is_array($item_link))
{ {

View File

@ -12,7 +12,7 @@
<div id="divAppIconBar"> <div id="divAppIconBar">
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="padding-top: 0px"> <table width="100%" border="0" cellspacing="0" cellpadding="0" style="padding-top: 0px">
<tr> <tr>
<td width="180"></td> <td width="178"></td>
<td valign="bottom"> <td valign="bottom">
<table width="100%" border="0" cellspacing="0" cellpadding="0"> <table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr> <tr>
@ -113,24 +113,24 @@
<!-- BEGIN extra_block_row --> <!-- BEGIN extra_block_row -->
<tr class="divSideboxEntry"> <tr class="divSideboxEntry">
<td width="20" align="center" valign="middle" class="textSideboxStar">{icon_or_star}</td><td class="textSidebox"><a class="textSidebox" href="{item_link}"{target}>{lang_item}</a></td> <td width="20" align="center" valign="middle" class="textSideboxStar">{icon_or_star}</td><td class="textSidebox" onmouseover="this.className='textSideboxHover'" onmouseout="this.className='textSidebox'"><a class="textSidebox" href="{item_link}"{target}>{lang_item}</a></td>
</tr> </tr>
<!-- END extra_block_row --> <!-- END extra_block_row -->
<!-- BEGIN extra_block_row_raw --> <!-- BEGIN extra_block_row_raw -->
<tr class="divSideboxEntry"> <tr class="divSideboxEntry">
<td colspan="2" class="textSidebox">{lang_item}</td> <td colspan="2">{lang_item}</td>
</tr> </tr>
<!-- END extra_block_row_raw --> <!-- END extra_block_row_raw -->
<!-- BEGIN extra_block_row_no_link --> <!-- BEGIN extra_block_row_no_link -->
<tr class="divSideboxEntry"> <tr class="divSideboxEntry">
<td width="20" align="center" valign="middle" class="textSidebox">{icon_or_star}</td><td class="textSidebox">{lang_item}</td> <td width="20" align="center" valign="middle" class="textSideboxStar">{icon_or_star}</td><td class="textSideboxSpacer">{lang_item}</td>
</tr> </tr>
<!-- END extra_block_row_no_link --> <!-- END extra_block_row_no_link -->
<!-- BEGIN extra_block_spacer --> <!-- BEGIN extra_block_spacer -->
<tr class="divSideboxEntry"> <tr class="divSideboxEntry">
<td colspan="2" height="8" class="textSidebox">&nbsp;</td> <td width="20" align="center" valign="middle" class="textSideboxStar">{icon_or_star}</td><td height="8" class="textSideboxSpacer">&nbsp;</td>
</tr> </tr>
<!-- END extra_block_spacer --> <!-- END extra_block_spacer -->