Added expandable submenu for help into the top menu.

Also fixed a lot of minor stylesheet issues, to optimize
usebility, and display of the syslog data.
This commit is contained in:
Andre Lorbach 2008-11-03 14:23:46 +01:00
parent 669a6ad530
commit 89ffcd18b8
12 changed files with 347 additions and 84 deletions

View File

@ -28,6 +28,31 @@
display: inline;
}
.borderless
{
border:0px solid;
background-color: transparent;
}
.borderlessbuttons
{
border:0px solid;
background-color: transparent;
width:20px;
padding: 0px;
}
.inlinebutton
{
float:left;
position: relative;
border:0px solid;
background-color: transparent;
padding: 0px;
margin: 0px;
}
.SelectSavedFilter
{
margin-top: 2px;
@ -64,40 +89,42 @@
}
/*the span will display just on :hover state*/
/*
.syslogdetails:hover span
{
display:block;
position:absolute;
top:15px;
left:15px;
}
*/
.syslogdetails_popup span
{
display:block;
position:absolute;
overflow:auto;
z-index:5;
/* top:15px; */
/* left:15px; */
}
.gridline
{
vertical-align: top;
height: 16px;
}
.borderless
{
border:0px solid;
background-color: transparent;
/*
* POPUP Helper Styles
*/
.popupdetails
{
position: absolute;
visibility: hidden;
z-index:1
}
.popupdetails:hover
{
position: absolute;
visibility: hidden;
z-index: 2;
}
.borderlessbuttons
.popupdetails_popup
{
border:0px solid;
background-color: transparent;
width:20px;
padding: 0px;
position: absolute;
visibility: visible;
z-index: 2;
}

View File

@ -1,24 +1,31 @@
#menu {
width: 16px; /* set width of menu */
z-index: 10;
/* width: 16px; /* set width of menu */
}
#menu ul { /* remove bullets and list indents */
position: absolute;
z-index: 10;
position: relative;
/* position: absolute;*/
display: block;
list-style: none;
white-space:nowrap;
margin: 0;
padding: 0;
vertical-align: text-top;
}
/* style, color and size links and headings to suit */
#menu a, #menu h2 {
display: block;
margin: 2px;
margin: 0px;
padding: 1px 1px;
}
#menu h2 {
font-size: 12px;
font-size: 10px;
font-weight: bold;
text-align: center;
}
@ -32,6 +39,7 @@
}
#menu li {
text-align: left;
/* make the list elements a containing block for the nested lists */
position: relative;
}
@ -43,14 +51,16 @@
}
#menu ul ul {
z-index:10;
/* border-color: #44617D #203040 #203040 #44617D; */
z-index: 2;
white-space: nowrap;
position: absolute;
top: 12px;
left: 4px; /* to position them to the right of their containing block */
width: 400; /* width is based on the containing block */
top: 12px; /*14px; */
left: 0px; /* to position them to the right of their containing block */
width: auto;
min-width: 200px; /* workaround for FF */
height: 16px;
}
div#menu ul ul,

View File

@ -54,7 +54,6 @@ InitFilterHelpers(); // Helpers for frontend filtering!
// --- Define Extra Stylesheet!
$content['EXTRA_STYLESHEET'] = '<link rel="stylesheet" href="css/highlight.css" type="text/css">' . "\r\n";
$content['EXTRA_STYLESHEET'] .= '<link rel="stylesheet" href="css/menu.css" type="text/css">';
// ---
// --- CONTENT Vars
@ -556,6 +555,8 @@ if ( isset($content['Sources'][$currentSourceID]) )
$content['syslogmessages'][$counter]['values'][$mycolkey]['hasdropdownbutton'] = true;
$content['syslogmessages'][$counter]['values'][$mycolkey]['buttons'][] = array(
'ButtonUrl' => '?uid=' . $uID,
'ButtonTarget' => '_top',
'ButtonAppendUrl' => true,
'DisplayName' => $content['LN_VIEW_MESSAGECENTERED'],
'IconSource' => $content['MENU_BULLET_GREEN']
);

View File

@ -1,6 +1,13 @@
/*
Helper Javascript Constants
*/
/* Detect Browser Version */
var szBrowserApp = "MOZILLA"; // Default!
if (/MSIE (\d+\.\d+);/.test(navigator.userAgent))
{
if (!/Opera[\/\s](\d+\.\d+)/.test(navigator.userAgent))
{
// Set browser to Internet Explorer
szBrowserApp = "IEXPLORER";
}
}
/*
Helper Javascript functions
@ -30,6 +37,9 @@ function NewWindow(Location, WindowName,X_width,Y_height,Option) {
}
// helper array to keep track of the timeouts!
var runningTimeouts = new Array();
/*
* Helper function to show and hide a div area
*/
@ -159,9 +169,6 @@ function toggleFormareaVisibility(FormFieldName, FirstHiddenArea, SecondHiddenAr
}
}
// helper array to keep track of the timeouts!
var runningTimeouts = new Array();
// MOVED INTO HEADER var defaultMenuTimeout = 3000;
/*
* Toggle display type from NONE to BLOCK
*/
@ -205,11 +212,15 @@ function ToggleDisplayClearTimeout(ObjID)
function ToggleDisplayEnhanceTimeOut(ObjID)
{
// First clear timeout
ToggleDisplayClearTimeout(ObjID);
// Only perform if timeout exists!
if (runningTimeouts[ObjID] != null)
{
// First clear timeout
ToggleDisplayClearTimeout(ObjID);
// Set new timeout
ToggleDisplaySetTimeout(ObjID);
// Set new timeout
ToggleDisplaySetTimeout(ObjID);
}
}
/*
@ -295,3 +306,91 @@ function GoToPopupTarget(myTarget, parentObj)
FinishPopupWindow(parentObj);
}
}
function FinishPopupWindowMenu()
{
// Change CSS Class
var obj = document.getElementById('popupdetails');
if (obj != null)
{
obj.className='popupdetails with_border';
}
}
function movePopupWindowMenu(myEvent, ObjName, parentObj)
{
var obj = document.getElementById(ObjName);
// var PopupContentWidth = 0;
// var middle = PopupContentWidth / 2;
var middle = -10;
if (myPopupHovering == false && obj != null && parentObj != null)
{
// Different mouse position capturing in IE!
if (szBrowserApp == "IEXPLORER")
{
obj.style.top = (event.y+document.body.scrollTop + 10) + 'px';
}
else
{
obj.style.top = (myEvent.pageY + 20) + 'px';
}
obj.style.left = (myEvent.clientX - middle) + 'px';
}
}
function HoverPopup( myObjRef, myPopupTitle, HoverContent, OptionalImage )
{
// Change CSS Class
var obj = document.getElementById('popupdetails');
obj.className='popupdetails_popup with_border';
if ( myObjRef != null)
{
myObjRef.src = OptionalImage;
// "{BASEPATH}images/player/" + myTeam + "/hover/" + ImageBaseName + ".png";
}
// Set title
var obj = document.getElementById("popuptitle");
obj.innerHTML = myPopupTitle;
// Set Content
var obj = document.getElementById("popupcontent");
obj.innerHTML = HoverContent;
}
function HoverPopupMenuHelp( myEvent, parentObj, myPopupTitle, HoverContent )
{
if (szBrowserApp !== "IEXPLORER")
{
// Don't need helper here!
return;
}
// Change CSS Class
var objPopup = document.getElementById('popupdetails');
objPopup.className='popupdetails_popup with_border';
// Set title
var obj = document.getElementById("popuptitle");
obj.innerHTML = myPopupTitle;
// Set Content
obj = document.getElementById("popupcontent");
obj.innerHTML = HoverContent;
// var PopupContentWidth = 0;
// var middle = PopupContentWidth / 2;
var middle = -5;
if (myPopupHovering == false && parentObj != null)
{
// Different mouse position capturing in IE!
objPopup.style.top = (event.y+document.body.scrollTop - 50) + 'px';
objPopup.style.left = (myEvent.clientX - middle) + 'px';
}
}

View File

@ -103,6 +103,10 @@ $content['LN_ERROR_NORECORDS'] = "Es wurden keine syslog-Eintr&auml;ge gefunden.
$content['LN_MENU_SEARCH'] = "Suchen";
$content['LN_MENU_SHOWEVENTS'] = "Show Events";
$content['LN_MENU_HELP'] = "Hilfe";
$content['LN_MENU_DOC'] = "Documentation";
$content['LN_MENU_FORUM'] = "Support Forum";
$content['LN_MENU_WIKI'] = "phpLogCon Wiki";
$content['LN_MENU_PROSERVICES'] = "Professional Services";
$content['LN_MENU_SEARCHINKB'] = "Search in Knowledge Base";
$content['LN_MENU_LOGIN'] = "Login";
$content['LN_MENU_ADMINCENTER'] = "Admin Center";
@ -111,6 +115,7 @@ $content['LN_MENU_LOGOFF'] = "Logoff";
$content['LN_MENU_MAXVIEW'] = "Maximize View";
$content['LN_MENU_NORMALVIEW'] = "Normalize View";
$content['LN_MENU_STATISTICS'] = "Statistics";
$content['LN_MENU_CLICKTOEXPANDMENU'] = "Click the icon to show the menu";
// Index Site

View File

@ -105,6 +105,10 @@ $content['LN_ERROR_DB_DBFIELDNOTFOUND'] = "Database Field mapping for at least o
$content['LN_MENU_SEARCH'] = "Search";
$content['LN_MENU_SHOWEVENTS'] = "Show Events";
$content['LN_MENU_HELP'] = "Help";
$content['LN_MENU_DOC'] = "Documentation";
$content['LN_MENU_FORUM'] = "Support Forum";
$content['LN_MENU_WIKI'] = "phpLogCon Wiki";
$content['LN_MENU_PROSERVICES'] = "Professional Services";
$content['LN_MENU_SEARCHINKB'] = "Search in Knowledge Base";
$content['LN_MENU_LOGIN'] = "Login";
$content['LN_MENU_ADMINCENTER'] = "Admin Center";
@ -113,6 +117,8 @@ $content['LN_MENU_LOGGEDINAS'] = "Logged in as";
$content['LN_MENU_MAXVIEW'] = "Maximize View";
$content['LN_MENU_NORMALVIEW'] = "Normalize View";
$content['LN_MENU_STATISTICS'] = "Statistics";
$content['LN_MENU_CLICKTOEXPANDMENU'] = "Click the icon to show the menu";
// Main Index Site
$content['LN_ERROR_INSTALLFILEREMINDER'] = "Warning! You still have NOT removed the 'install.php' from your phpLogCon main directory!";

View File

@ -107,6 +107,10 @@ $content['LN_ERROR_NORECORDS'] = "Sem mensagens encontradas.";
$content['LN_MENU_SEARCH'] = "Search";
$content['LN_MENU_SHOWEVENTS'] = "Show Events";
$content['LN_MENU_HELP'] = "Help";
$content['LN_MENU_DOC'] = "Documentation";
$content['LN_MENU_FORUM'] = "Support Forum";
$content['LN_MENU_WIKI'] = "phpLogCon Wiki";
$content['LN_MENU_PROSERVICES'] = "Professional Services";
$content['LN_MENU_SEARCHINKB'] = "Search in Knowledge Base";
$content['LN_MENU_LOGIN'] = "Login";
$content['LN_MENU_ADMINCENTER'] = "Admin Center";
@ -115,6 +119,7 @@ $content['LN_ERROR_NORECORDS'] = "Sem mensagens encontradas.";
$content['LN_MENU_MAXVIEW'] = "Maximize View";
$content['LN_MENU_NORMALVIEW'] = "Normalize View";
$content['LN_MENU_STATISTICS'] = "Statistics";
$content['LN_MENU_CLICKTOEXPANDMENU'] = "Click the icon to show the menu";
// Main Index Site
$content['LN_ERROR_INSTALLFILEREMINDER'] = "Aten&ccedil;&atilde;o! Voc&ecirc; ainda N&Atilde;O removeu o arquivo 'install.php' do diret&oacute;rio de seu phpLogCon!";

View File

@ -5,6 +5,7 @@
{EXTRA_METATAGS}
<link rel="stylesheet" href="{BASEPATH}css/defaults.css" type="text/css">
<link rel="stylesheet" href="{BASEPATH}themes/{user_theme}/main.css" type="text/css">
<link rel="stylesheet" href="{BASEPATH}css/menu.css" type="text/css">
{EXTRA_STYLESHEET}
<script type='text/javascript'>
var defaultMenuTimeout = {PopupMenuTimeout};
@ -139,6 +140,13 @@
</tr>
</table>
<table class="popupdetails with_border" id="popupdetails" OnMouseOver="HoveringPopup(event,this);" OnMouseOut="FinishHoveringPopup(event,this);" OnMouseMove="disableEventPropagation();" cellpadding="2" cellspacing="0" border="0">
<tr><td width="100%" class="cellmenu1" id="popuptitle" align="center" nowrap>&nbsp;</td></tr>
<tr>
<td width="100%" class="popupcontent" id="popupcontent">&nbsp;</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="table_with_border">
<tr>
<td>

View File

@ -1,14 +1,25 @@
<table width="100%" border="0" cellspacing="0" cellpadding="2">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="topmenu1begin" nowrap align="center" width="16"><img align="left" src="{MENU_BULLET_GREEN}" width="16" height="16" vspace="0"></td>
<td class="topmenu1" nowrap align="center" width="75"><a class="topmenu1_link" href="{BASEPATH}search.php" target="_top"><img align="left" src="{MENU_SEARCH}" width="16" height="16" vspace="0">{LN_MENU_SEARCH}</a></td>
<td class="topmenu1" nowrap align="center" width="100"><a class="topmenu1_link" href="{BASEPATH}index.php?{additional_url}" target="_top"><img align="left" src="{MENU_HOMEPAGE}" width="16" height="16" vspace="0">{LN_MENU_SHOWEVENTS}</a></td>
<td class="topmenu1" nowrap align="center" width="90"><a class="topmenu1_link" href="{BASEPATH}statistics.php" target="_top"><img align="left" src="{MENU_CHARTS}" width="16" height="16" vspace="0">{LN_MENU_STATISTICS}</a></td>
<!-- <td class="topmenu1" nowrap align="center" width="125"><a class="topmenu1_link" href="" target="_top">Show SysLogTags</a></td>-->
<!-- <td class="topmenu1" nowrap align="center" width="100"><a class="topmenu1_link" href="" target="_top">User Options</a></td>-->
<!-- <td class="topmenu1" nowrap align="center" width="125"><a class="topmenu1_link" href="" target="_top">Database Options</a></td>-->
<!-- <td class="topmenu1" nowrap align="center" width="100"><a class="topmenu1_link" href="?" target="_top">Refresh</a></td>-->
<td class="topmenu1" nowrap align="center" width="60"><a class="topmenu1_link" href="{PHPLOGCON_HELPLINK}" target="phplogcon_help"><img align="left" src="{MENU_HELP}" width="16" height="16" vspace="0">{LN_MENU_HELP}</a></td>
<td class="topmenu1" nowrap align="left" width="60" nowrap>
<img align="left" src="{MENU_HELP}" width="16" height="16" title="{LN_GEN_PREDEFINEDSEARCHES}" OnClick="ToggleDisplayTypeById('menu_help');" OnMouseOver="HoverPopupMenuHelp(event, this, '{LN_MENU_HELP}', '{LN_MENU_CLICKTOEXPANDMENU}');" OnMouseOut="FinishPopupWindowMenu();">
<div id="menu"><ul>
<li class="topmenu1_link">
<a class="topmenu1_link" href="{PHPLOGCON_HELPLINK}" target="phplogcon_help">{LN_MENU_HELP}</a>
<ul id="menu_help" OnMouseMove="ToggleDisplayEnhanceTimeOut('menu_help');">
<li class="topmenu2"><a class="topmenu2_link" href="{PHPLOGCON_HELPLINK}" target="phplogcon_help"><img align="left" src="{MENU_BULLET_YELLOW}" width="16" height="16" vspace="0">{LN_MENU_DOC}</a></li>
<li class="topmenu2"><a class="topmenu2_link" href="http://kb.monitorware.com/phplogcon-f39.html" target="phplogcon_help"><img align="left" src="{MENU_BULLET_YELLOW}" width="16" height="16" vspace="0">{LN_MENU_FORUM}</a></li>
<li class="topmenu2"><a class="topmenu2_link" href="http://wiki.rsyslog.com/index.php/PhpLogCon_FAQ" target="phplogcon_help"><img align="left" src="{MENU_BULLET_YELLOW}" width="16" height="16" vspace="0">{LN_MENU_WIKI}</a></li>
<li class="topmenu2"><a class="topmenu2_link" href="http://www.phplogcon.org/doc-professional_services.html" target="phplogcon_help"><img align="left" src="{MENU_BULLET_YELLOW}" width="16" height="16" vspace="0">{LN_MENU_PROSERVICES}</a></li>
</ul>
</li>
</ul></div>
</td>
<td class="topmenu1" nowrap align="center" width="200"><a class="topmenu1_link" href="http://kb.monitorware.com/search.php" target="_blank"><img align="left" src="{MENU_KB}" width="16" height="16" vspace="0">{LN_MENU_SEARCHINKB}</a></td>
<!-- IF UserDBEnabled="true" -->
<!-- IF SESSION_LOGGEDIN!="true" -->

View File

@ -22,7 +22,7 @@
<li class="cellmenu1">
<h2>{LN_GEN_PREDEFINEDSEARCHES}</h2>
<!-- BEGIN Search -->
<li class="{cssclass}" OnMouseMove="ToggleDisplayEnhanceTimeOut('menu_presearches');">
<li class="topmenu3" OnMouseMove="ToggleDisplayEnhanceTimeOut('menu_presearches');">
<a href="?{SearchQuery}{additional_url_sourceonly}" target="_top">{DisplayName}</a>
</li>
<!-- END Search -->
@ -262,17 +262,24 @@
<!-- ENDIF MiscShowDebugGridCounter="1" -->
<!-- BEGIN values -->
<td align="{FieldAlign}" class="{fieldcssclass}" {fieldbgcolor} valign="top" {isnowrap}>
<td align="{FieldAlign}" class="{fieldcssclass} gridline" {fieldbgcolor} valign="top" {isnowrap}>
<!-- IF hasbuttons="true" -->
<div id="menu">
<!-- IF hasdropdownbutton="true" -->
<div style="position: relative;">
<img class="inlinebutton" src="{MENU_NAV_CLOSE}" width="16" height="16" title="{LN_GEN_AVAILABLESEARCHES}" OnClick="ToggleDisplayTypeById('menu_{FieldColumn}_{uid}');">
</div>
<!-- ENDIF hasdropdownbutton="true" -->
<div id="menu" style="position: absolute;">
<ul>
<li>
<ul class="with_border" id="menu_{FieldColumn}_{uid}">
<li class="cellmenu1" OnMouseMove="ToggleDisplayEnhanceTimeOut('menu_{FieldColumn}_{uid}');">
<h2>{LN_GEN_AVAILABLESEARCHES}</h2>
<!-- BEGIN buttons -->
<li class="{cssclass}" OnMouseMove="ToggleDisplayEnhanceTimeOut('menu_{FieldColumn}_{uid}');">
<li class="topmenu3" OnMouseMove="ToggleDisplayEnhanceTimeOut('menu_{FieldColumn}_{uid}');">
<img align="left" src="{IconSource}" width="16" height="16" vspace="2"><a href="{ButtonUrl}<!-- IF ButtonAppendUrl="true" -->{additional_url_sourceonly}<!-- ENDIF ButtonAppendUrl="true" -->" target="{ButtonTarget}" OnClick="ToggleDisplayOffTypeById('menu_{FieldColumn}_{uid}');">{DisplayName}</a>
</li>
<!-- END buttons -->
@ -280,10 +287,6 @@
</li>
</ul>
</div>
<!-- IF hasdropdownbutton="true" -->
<img align="left" vspace="0" hspace="2" src="{MENU_NAV_CLOSE}" width="16" height="16" border="0" title="{LN_GEN_AVAILABLESEARCHES}" OnClick="ToggleDisplayTypeById('menu_{FieldColumn}_{uid}');">
<!-- ENDIF hasdropdownbutton="true" -->
<!-- ENDIF hasbuttons="true" -->
<!-- IF ismessagefield="true" -->
@ -304,7 +307,6 @@
<!-- IF ismessagefield="true" -->
<a href="{detaillink}{additional_url_sourceonly}" class="syslogdetails" target="_top">{fieldvalue}</a>
<!-- ENDIF ismessagefield="true" -->
<!-- ENDIF hasdetails="false" -->
<!-- IF hasdetails="true" -->
@ -314,7 +316,7 @@
<tr><td colspan="2" class="cellmenu1" align="center"><B>{popupcaption}</B></td></tr>
<!-- BEGIN messagesdetails -->
<tr>
<td width="150" nowrap class="cellmenu2">{detailfieldtitle}</td>
<td width="150" nowrap class="cellmenu2_naked">{detailfieldtitle}</td>
<td width="100%" class="{detailscssclass}">{detailfieldvalue}</td>
</tr>
<!-- END messagesdetails -->

View File

@ -3,8 +3,8 @@ BODY
{
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
background-color: #000000;
color: #F3F3F1;
background-color: #000000;
scrollbar-face-color: #475059;
scrollbar-highlight-color: #b8c2cc;
@ -257,15 +257,6 @@ font
background-color: #492D2B;
text-decoration: none;
}
.topmenu1_link, A.topmenu1_link
{
color: #FFDD22;
}
.topmenu1_link:hover, A.topmenu1_link:hover
{
color: #FFFF99;
text-decoration: none;
}
.topmenuend
{
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
@ -336,6 +327,60 @@ font
color: #FFFFFF;
background-color: #49221F;
}
.topmenu3begin
{
height: 16px;
border:0px;
padding: 2px 2px 0px 2px;
vertical-align: middle;
background-color: #3F68AA;
}
.topmenu3
{
height: 16px;
border:1px ridge;
border-color: #09506C #557986 #09506C #09506C;
padding: 2px 2px 0px 2px;
vertical-align: middle;
font: 10px Arial, Verdana, Helvetica, sans-serif;
color: #FFFFFF;
background-color: #3F68AA;
}
.topmenu3:hover
{
color: #FFFF99;
border:1px inset;
border-color: #09506C #557986 #09506C #09506C;
background-color: #294572;
text-decoration: none;
}
.topmenu3end
{
height: 16px;
font: 10px Arial, Verdana, Helvetica, sans-serif;
color: #FFFFFF;
background-color: #3F68AA;
}
.topmenu1_link, a.topmenu1_link, a.topmenu1_link:visited, .topmenu2_link, a.topmenu2_link, a.topmenu2_link:visited, .topmenu3_link, a.topmenu3_link, a.topmenu3_link:visited
{
vertical-align: middle;
height: 16px;
color: #FFDD22;
font-weight:bold;
text-decoration: none;
}
.topmenu1_link:hover, .topmenu2_link:hover, .topmenu3_link:hover
{
vertical-align: middle;
color: #FFFF99;
font-weight:bold;
text-decoration: none;
}
/* Cell Columns */
.cellmenu1

View File

@ -3,7 +3,7 @@ BODY
{
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000
color: #000000;
background-color: #f9f9f9;
scrollbar-face-color: #DEE3E7;
@ -229,7 +229,7 @@ font
/* TOP Menu Classes */
.topmenu1begin
{
height: 20px;
height: 16px;
border:0px;
padding: 2px 2px 0px 2px;
vertical-align: middle;
@ -238,7 +238,7 @@ font
}
.topmenu1
{
height: 20px;
height: 16px;
border:1px ridge;
border-color: #79AABE #09506C #79AABE #79AABE;
padding: 2px 2px 0px 2px;
@ -256,32 +256,23 @@ font
background-color: #6A88B8;
text-decoration: none;
}
.topmenu1_link, A.topmenu1_link
{
color: #FFDD22;
}
.topmenu1_link:hover, A.topmenu1_link:hover
{
color: #FFFF99;
text-decoration: none;
}
.topmenuend
{
height: 20px;
height: 16px;
font: 10px Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
background-color: #4E6485;
}
.topmenuextra
{
height: 20px;
height: 16px;
font: 10px Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
background-color: #B8D4E0;
}
.topmenu2begin
{
height: 20px;
height: 16px;
border:0px;
padding: 2px 2px 0px 2px;
vertical-align: middle;
@ -290,7 +281,7 @@ font
}
.topmenu2
{
height: 20px;
height: 16px;
border:1px ridge;
border-color: #BDEEFF #79AABE #09506C #09506C;
padding: 2px 2px 0px 2px;
@ -319,13 +310,66 @@ font
}
.topmenu2end
{
height: 20px;
height: 16px;
border:1px inset;
border-color: #BDEEFF #79AABE #09506C #09506C;
font: 10px Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
background-color: #7A92A6;
}
.topmenu3begin
{
height: 16px;
border:0px;
padding: 2px 2px 0px 2px;
vertical-align: middle;
background-color: #D4DAE3;
}
.topmenu3
{
height: 16px;
border:1px ridge;
border-color: #BDEEFF #79AABE #09506C #09506C;
padding: 2px 2px 0px 2px;
vertical-align: middle;
font: 10px Arial, Verdana, Helvetica, sans-serif;
color: #FFFFFF;
background-color: #D4DAE3;
}
.topmenu3:hover
{
color: #FFFF99;
border:1px inset;
border-color: #BDEEFF #79AABE #09506C #09506C;
background-color: #ACCBFD;
text-decoration: none;
}
.topmenu3end
{
height: 16px;
font: 10px Arial, Verdana, Helvetica, sans-serif;
color: #FFFFFF;
background-color: #D4DAE3;
}
.topmenu1_link, a.topmenu1_link, a.topmenu1_link:visited, .topmenu2_link, a.topmenu2_link, a.topmenu2_link:visited, .topmenu3_link, a.topmenu3_link, a.topmenu3_link:visited
{
vertical-align: middle;
height: 16px;
color: #FFDD22;
font-weight:bold;
text-decoration: none;
}
.topmenu1_link:hover, .topmenu2_link:hover, .topmenu3_link:hover
{
vertical-align: middle;
color: #FFFF99;
font-weight:bold;
text-decoration: none;
}