New webadmin skin

author: Bogomil Shopov <shopov@kolabsys.com> 2011-04-13 09:34:03 (GMT)
committer: Bogomil Shopov <shopov@kolabsys.com> 2011-04-13 09:34:03 (GMT)
commit: a218a1b5f0d076907fd9bb2685d495a1ef35de4f (patch)
tree: c719c142269baca37bd3dd85b4f30c9fc0dea837 /data
parent: fdc0e32a6a66a721b36fbb9f8502db7ba5708e5d (diff)
download: kolab-webadmin-a218a1b5f0d076907fd9bb2685d495a1ef35de4f.tar.gz
2 files changed, 58 insertions, 52 deletions
diff --git a/data/templates/login.tpl b/data/templates/login.tpl
index 3c36775..6c56dcf 100755
--- a/data/templates/login.tpl
+++ b/data/templates/login.tpl
@@ -5,18 +5,22 @@
   End:
 *}
 <h1>{tr msg="Enter UID and password to login"}</h1>
-<div class="contentform">
+
+
+<div class="contentform_login" style="width:40%;text-align:center;">
 <form method="post">
 <table>
 <tr>
-	<td><label for="username">{tr msg="Username:"}</label></td><td><input type="text" name="username" id="username"/></td>
+	<td><label for="username">{tr msg="Username:"}</label></td><td><input type="text" name="username" id="username" style="background:#f0f0f0;margin:5px;padding:4px;"/></td>
 </tr>
+
 <tr>
-	<td><label for="password">{tr msg="Password:"}</label></td><td><input type="password" name="password" id="password"/></td>
+	<td colspan="2" align="right" width="1px"></td>
 </tr>
-<tr>
-	<td colspan="2" align="right"><input type="submit" name="login" value="{tr msg="Login"}"/></td>
+<tr style="background:#fefefe">
+	<td><label for="password">{tr msg="Password:"}</label></td><td><input type="password" name="password" id="password" style="background:#f0f0f0;margin:5px;padding:4px;"/> <input type="submit" name="login" value="{tr msg="Login"}"/></td>
 </tr>
+
 </table>
 </form>
 </div>
diff --git a/data/templates/page.tpl b/data/templates/page.tpl
index 4b71979..e6d178d 100755
--- a/data/templates/page.tpl
+++ b/data/templates/page.tpl
@@ -4,19 +4,17 @@
   buffer-file-coding-system: utf-8
   End:
 *}
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
-	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
+<!DOCTYPE HTML>
+<html lang="en-US">
 <head>
-<title>{$page_title}</title>
+<meta charset="UTF-8">
+<title>Kolab: {$page_title}</title>
 <link rel="shortcut icon" type="image/png" href="{$webserver_web_prefix}/favicon.png" />
 <meta name="robots" content="noindex" />	
-<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
-<meta http-equiv="Content-Language" content="{$currentlang}" /> 
 <meta name="description" content="Kolab Administration Webinterface" />
 <meta name="keywords" content="Linux, Unix, Groupware, Email, Calendar" />
-<link rel="stylesheet" type="text/css" href="{$stylesheet|default:"$topdir/style.css"}" />
-<link rel="stylesheet" type="text/css" media="print" href="{"$topdir/print.css"}" />
+<link rel="stylesheet" type="text/css" href="{$stylesheet|default:"$topdir/screen.css"}" />
+<link rel="stylesheet" type="text/css" href="{"$topdir/custom.css"}" />
 
 <script type="text/javascript">
 <!--
@@ -29,18 +27,15 @@ function changeLanguage(combobox) {ldelim}
 
 </head>
 <body>
-<div id="topbar">
-	<a href="{$kolab_wui}"><span id="toplogo"></span></a>
-	<div id="toptitle">{$page_title}</div>
-</div>
-<div id="topuserinfo">
+<div id="header" class="container">
+<div class="span-24">
+<h3><a href="{$kolab_wui}"><img src="/admin/images/klogo.png" style="vertical-align:middle;" alt="logo"></a></h3>
+<div id="menu-top">
 {if $uid}
-{tr msg="User:"} {$uid} | {tr msg="Role:"} {$group} | <a id="logout" href="{$topdir}/logout.php">{tr msg="Logout"}</a>
-{else}
-{tr msg="Not logged in"}
+<img src="/admin/images/user-icon-1-20x20.gif" width="16" style="vertical-align:middle;" title="Username" alt="username icon"> {$uid} <img src="/admin/images/eye_pencil.png" width="16" style="vertical-align:middle;margin-left:8px;" title="Role" alt="Role icon"> {$group} 
 {/if}
-<br/>
-<select name="lang" class="langcombo" onchange="changeLanguage(this);">
+
+<img src="/admin/images/ul-icon.png" width="16" style="vertical-align:middle;margin-left:8px;" title="Change Language" alt="Language icon"> <select name="lang" style="height:17px;vertical-align:middle" onchange="changeLanguage(this);">
 {section name=id loop=$languages}
 {if $languages[id].code==$currentlang}
 <option value="{$languages[id].code}" selected="selected">{$languages[id].name}</option>
@@ -49,28 +44,43 @@ function changeLanguage(combobox) {ldelim}
 {/if}
 {/section}
 </select>
+{if $uid}
+<a id="logout" href="{$topdir}/logout.php"><img src="/admin/images/icon_grey_logout.png" width="16" style="vertical-align:middle;margin-left:90px;" title="Logout" alt="Logout icon"></a>
+{/if}
 </div>
-{strip}
-<div id="topmenu">
-{foreach from=$menuitems item=menuitem}
-<a href="{$menuitem.url}">
-	<span class="topmenuitem{$menuitem.selected}">&nbsp;{$menuitem.name}&nbsp;</span>
-</a>
+		</div><!-- .span-24 -->
+	</div><!-- #header -->
+	<div id="root">
+		<div class="container">
+			<div>
+				<ul id="navlist">
+				
+				{foreach from=$menuitems item=menuitem}
+  				<li>
+						<a class="{$menuitem.selected}" href="{$menuitem.url}">{$menuitem.name}</a>
+					</li>
 {/foreach}
-</div>
-{/strip}
-{if count($submenuitems) > 0}
+
+				</ul>
+			</div><!-- .span-24 -->
+
+
+			<div id="content">
+		
 <div id="submenu">
+{if count($submenuitems) > 0}
+{$page_title}:
 {strip}
 {section name=id loop=$submenuitems}
 <a href="{$submenuitems[id].url}">
-	<span class="submenuitem{$submenuitems[id].selected}">{$submenuitems[id].name}</span>
+{$submenuitems[id].name}
 </a>&nbsp;|&nbsp;
 {/section}
 {/strip}
-</div>
 {/if}
-<div id="page">
+</div>
+
+<!--start-->
 {if $errors}
 <div id="errorcontent">
 <div id="errorheader">{tr msg="Errors:"}</div>
@@ -87,23 +97,15 @@ function changeLanguage(combobox) {ldelim}
 {/section}
 </div>
 {/if}
-<div id="maincontent">
+
+<!--end-->
+<div id="allhere">
 {include file=$maincontent}
 </div>
-<!--
-<div id="validators">
-<a href="http://validator.w3.org/check/referer">
-<img style="border:0;width:88px;height:31px"
-     src="http://www.w3.org/Icons/valid-xhtml10"
-     alt="Valid XHTML 1.0!" />
-</a>
-<a href="http://jigsaw.w3.org/css-validator/check/referer">
-<img style="border:0;width:88px;height:31px"
-     src="http://jigsaw.w3.org/css-validator/images/vcss" 
-     alt="Valid CSS!" />
-</a>
-</div>
--->
-</div>
+			</div>
+		</div><!-- .container -->
+	</div><!-- #root -->
+<div id="footer">
+This is the Community Edition of the <b>Kolab Server</b>. It comes with absolutely <b>no warranties</b> and is typically run entirely self supported. You can find help & information on the community <a href="http://kolab.org">web site</a> & <a href="http://wiki.kolab.org">wiki</a>. Professional support is available from <a href="http://kolabsys.com">Kolab Systems</a>.
 </body>
-</html>
+</html>
+\ No newline at end of file
author	Bogomil Shopov <shopov@kolabsys.com>	2011-04-13 09:34:03 (GMT)
committer	Bogomil Shopov <shopov@kolabsys.com>	2011-04-13 09:34:03 (GMT)
commit	a218a1b5f0d076907fd9bb2685d495a1ef35de4f (patch)
tree	c719c142269baca37bd3dd85b4f30c9fc0dea837 /data
parent	fdc0e32a6a66a721b36fbb9f8502db7ba5708e5d (diff)
download	kolab-webadmin-a218a1b5f0d076907fd9bb2685d495a1ef35de4f.tar.gz