Navigator demonstration of the use of all the standard display options, with a simple and elegantly defined style.
Settings Used:
| Group Class Settings |
| Static |
Demo1Head |
| Hover |
Demo1HeadO |
| Left Image |
|
| Right Image |
|
| Left Text |
Demo1HeadF |
| Right Text |
|
| Item Class Settings |
| Static |
Demo1Item |
| Hover |
Demo1ItemO |
| Left Image |
|
| Right Image |
|
| Left Text |
Demo1ItemF |
| Right Text |
|
| Format Attributes |
| Left Image |
style="width: 16px;" |
| Left Text |
align=left |
| Right Text |
|
| Right Image |
|
| Custom Settings |
| Procedure |
|
| Show |
Left Image and Left Text |
| Display Type |
Root |
| Expansion Type |
Current |
| Style Sheet (CSS) |
.DEMO1HEAD
{
font-size: 70%;
color: #3355D1;
background: #90D5A8;
border: 1px solid #399961;
cursor: hand;
}
.DEMO1HEADF
{
font-size: 70%;
cursor: hand;
}
A.DEMO1HEADF:LINK,A.DEMO1HEADF:ACTIVE, A.DEMO1HEADF:VISITED
{
color: #3355D1;
text-decoration:none;
}
A.DEMO1HEADF:HOVER
{
color: black;
text-decoration:none;
}
.DEMO1HEADO
{
font-size: 70%;
border: 1px solid black;
color: black;
background: #99FF00;
cursor: hand;
}
.DEMO1ITEM
{
font-size: 70%;
border: 1px solid #BBBBBB;
background: #9FE5B8;
cursor: hand;
}
.DEMO1ITEMF
{
padding: 0px 0px 0px 8px;
font-size: 7pt;
font-face: arial;
cursor: hand;
}
A.DEMO1ITEMF:LINK, A.DEMO1ITEMF:ACTIVE, A.DEMO1ITEMF:HOVER
{
color: black;
text-decoration:none;
}
A.DEMO1ITEMF:HOVER
{
color: black;
text-decoration:none;
}
.DEMO1ITEMO
{
width: 80%;
border: 1px solid #000000;
background: #F7E15D;
cursor: hand;
}
|