Tidied up the dropdown CSS a bit. Reduced font size. Needs to be replaced with a solution that scales to small window sizes though. Not today. Closes #23

This commit is contained in:
Karl Cordes 2011-06-28 11:09:33 +10:00
parent 0c22cb2206
commit 262fe4bb4b
2 changed files with 20 additions and 15 deletions

View file

@ -1,11 +1,12 @@
<?php
/* Quotenik 1.2 - Default Layout. Some Markup from CakePHP Default */?>
/* Quotenik 1.2 - Default Layout. Some Markup from CakePHP Default
*/?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!DOCTYPE html>
<html>
<head>
<?php echo $html->charset(); ?>
<meta charset="utf-8">
<title>
<?php __('CMC'); ?>
<?php echo $title_for_layout; ?>
@ -59,12 +60,12 @@
}
else {
$logoutlink = $html->link('Logout', '/users/logout');
echo "Logged in as: ". $html->link($currentuser['User']['username'], '/users/view/'. $currentuser['User']['id']). ' (' . $logoutlink.')';
echo $html->link($currentuser['User']['username'], '/users/view/'. $currentuser['User']['id']). ' (' . $logoutlink.')';
}
?>
</div>
<div id = "navdiv">
<div id="navdiv">
<ul id="nav">
<li><?php echo $html->link('Enquiries', '/enquiries/index'); ?>
<ul>

View file

@ -173,21 +173,25 @@ ul.principle-emails {
}
#username {
position: absolute;
/* position: absolute;
right:0;
width: 20%;
width: 20%;*/
text-align: right;
color: #FFFFFF;
font-size: 70%;
}
#username a {
color: #FFFFFF;
}
#navdiv {
height: auto;
}
/* nav CSS based on http://www.queness.com/post/1047/easy-to-style-jquery-drop-down-menu-tutorial */
#nav {
width: 100%;
#nav {
margin:0;
padding:0;
list-style:none;
@ -212,13 +216,12 @@ ul.principle-emails {
#nav li a {
display:block;
width: 90px;
/*width: 6em;*/
padding:8px 5px 0 5px;
height:23px;
/* padding:8px 5px 0 5px; */
text-decoration:none;
color:#fff;
text-align:center;
font-size: 80%;
}
#nav li a:hover {
@ -260,12 +263,13 @@ li .last {
display:block;
height: auto;
padding: 8px 5px;
font-size: 80%;
font-size: 70%;
}
#nav ul a:hover {
text-decoration:underline;
}
/*used for the jquery menu */
.clear {
padding: 0;