a new look for the 1.2

This commit is contained in:
Ralf Becker 2005-11-24 14:29:37 +00:00
parent 759a50c8c6
commit aea55f6b2d
6 changed files with 18 additions and 407 deletions

View File

@ -226,10 +226,13 @@ a.textSidebox
padding:2px;
}
body {
padding: 0px;
}
#divMain
{
background-color:white;
margin-top: 5px;
padding:9px;
border:solid 1px #7e7e7e;
}
@ -237,17 +240,19 @@ a.textSidebox
#divLogo
{
position:absolute;
left:20px;
top:5px;
left:30px;
top:15px;
z-index:51;
}
#divAppIconBar
{
background-color:white;
border-top:solid 1px #9c9c9c;
margin-top: 15px;
background-color:silver;
border:solid 1px #9c9c9c;
background-image: url(../images/background-icon-bar.png);
background-repeat: repeat-x
background-repeat: repeat-x;
height: 45px;
}
#divAppTextBar
@ -351,7 +356,7 @@ a.textSidebox
#divGenTime,#divPoweredBy
{
bottom:14px;
bottom:4px;
text-align:center;
width:99%;
}

View File

@ -1,390 +0,0 @@
/*
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
{
background-image:url(../images/body-background.png);
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding:14px;
}
img
{
border-width:0px;
border-style:none;
/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader;
*/
}
a:link,a:visited
{
cursor:pointer;
color: #006699;
text-decoration: none;
}
/*
a:visited
{
color: #006699;
text-decoration: none;
}
*/
a:hover,a:active
{
cursor:pointer;
color: #ff9933;
text-decoration: underline;
}
/*
a:active
{
color: #006699;
text-decoration: underline;
}
*/
input,button
{
font-size: 12px;
color: #006699;
font-family: Arial, Helvetica, sans-serif;
border: 1px #bbbbbb solid;
}
input[type=submit],input[type=button],button
{
margin:1px;
padding:1px;
cursor: pointer;
cursor: hand;
}
input[type=image]
{
cursor: pointer;
cursor: hand;
border: 0px #bbbbbb none;
}
select
{
font-size: 11px;
color: #006699;
font-family: Arial, Helvetica, sans-serif;
border: 1px #bbbbbb solid;
}
td
{
font-size: 11px;
/* padding-top:1px;
padding-bottom:1px;*/
}
.divLoginbox
{
position:relative;
width: 300px;
border-right: #9c9c9c 1px solid;
border-top: #9c9c9c 1px solid;
border-left: #9c9c9c 1px solid;
border-bottom: #9c9c9c 1px solid
}
.divLoginboxHeader
{
text-align:center;
background-color:#dddddd;
padding-top:2px;
font-size:10px;
color:#666666;
}
.divSidebox
{
position:relative;
width: 147px;
border-right: #9c9c9c 1px solid;
border-top: #9c9c9c 1px solid;
border-left: #9c9c9c 1px solid;
border-bottom: #9c9c9c 1px solid
}
.divSideboxHeader
{
text-align:center;
background-color:#dddddd;
padding-top:2px;
font-size:10px;
color:#666666;
}
a.divSideboxEntry, .divSideboxEntry
{
text-align:left;
height:16px;
background-color:#eeeeee;
}
a.appTitles,.appTitles
{
font-size: 10px;
height:18px;
padding-top:2px;
padding-bottom:2px;
}
a.textSidebox
{
font-size: 10px;
border-top: #aaaaaa 0px none;
}
.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;
}
.prefSection
{
font-weight:bold;
font-size:16px;
line-height:40px;
}
#extraIcons
{
/* position:absolute;
z-index:13;
right:10px;
top:113px;
visibility:hidden;*/
background-image:url(../images/alpha-white.png);
border-width:1px;
border-color:#7e7e7e;
border-style:solid;
}
#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;
overflow:visible;
}
#tdAppbox
{
background-color:white;
padding-left:5px;
width: 100%;
}
#divSideboxContainer
{
position:relative;
width:150px;
top:0px;
left:0px;
background-color:white;
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;
}
#fmStatusBar
{
margin-left:4px;
margin-bottom:3px;
font-size: 10px;
/* font-family: Verdana, Arial, Helvetica, sans-serif;*/
}
.fmButton
{
background-image:url(../images/buttonbackground.png);
width:28px;
height:28px;
background-repeat: no-repeat;
}
#fmLocation
{
position:relative;
/*background-image:url(../images/buttonbackgroundscaled.png);
background-repeat: repeat-x;*/
/*margin-left:4px;*/
margin-bottom:3px;
height:27px;
}
#fmMenu
{
position:relative;
}
#fmFileWindow
{
background-color:#ffffff;
margin-left:4px;
padding:5px;
position:relative;
border-right: #cccccc 1px solid;
border-top: #9c9c9c 2px solid;
border-left: #9c9c9c 2px solid;
border-bottom: #cccccc 1px solid
}
#user_info
{
}
#admin_info
{
position:relative;
text-align:right;
}
#divGenTime
{
bottom:14px;
font-size: 9px;
color: #ff0000;
text-align:center;
width:99%;
}
#divPoweredBy
{
bottom:14px;
font-size: 9px;
color: #000000;
text-align:center;
width:99%;
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 5.5 KiB

View File

@ -33,16 +33,14 @@
<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="69" alt="spacer" /></td>
<td width="180"></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>
</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>

View File

@ -82,7 +82,7 @@
}
$tdwidth=round($tdwidth);
$app_icons .= '<td width="'.$tdwidth.'%" height="66" valign="bottom" align="center" style="text-align:center"><a href="' . $app_data['url'] . '"';
$app_icons .= '<td width="'.$tdwidth.'%" align="center" style="text-align:center"><a href="' . $app_data['url'] . '"';
if(isset($GLOBALS['egw_info']['flags']['navbar_target']) && $GLOBALS['egw_info']['flags']['navbar_target'])
{
@ -184,7 +184,7 @@
$var['app_extra_icons_div']= $app_extra_icons_div;
// $var['app_extra_icons_icon']= '<td width="26" valign="top" align="right" style="padding-right:3px;padding-top:50px;"><a title="'.lang('show_more_apps').'" href="javascript:void(0);" onClick="HideShow(\'extraIcons\');"><img src="'.$var['img_root'].'/extra_icons.png" border="0" /></a></td>';
$var['app_extra_icons_icon']= '<td width="26" valign="top" align="right" style="padding-right:3px;padding-top:50px;"><a title="'.lang('show_more_apps').'" href="#" '.$show_menu_event.'="ypSlideOutMenu.showMenu(\'menu1\')"><img src="'.$var['img_root'].'/extra_icons.png" border="0" /></a></td>';
$var['app_extra_icons_icon']= '<td width="26" valign="top" align="right" style="padding-right:3px;padding-top:20px;"><a title="'.lang('show_more_apps').'" href="#" '.$show_menu_event.'="ypSlideOutMenu.showMenu(\'menu1\')"><img src="'.$var['img_root'].'/extra_icons.png" border="0" /></a></td>';
}
if($GLOBALS['egw_info']['user']['preferences']['common']['navbar_format']!='icons')

View File

@ -6,10 +6,10 @@
<div id="divMain">
<div id="divAppIconBar">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="padding-top: 7px">
<tr>
<td width="180" valign="top" align="left"><img src="{img_root}/grey-pixel.png" width="1" height="68" alt="spacer" /></td>
<td>
<td width="180"></td>
<td valign="bottom">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
{app_icons}
@ -22,8 +22,6 @@
</td>
{app_extra_icons_icon}
<td width="1" valign="top" align="right"><img src="{img_root}/grey-pixel.png" width="1" height="68" alt="spacer" /></td>
</tr>
</table>
</div>