176 lines
3.0 KiB
CSS
176 lines
3.0 KiB
CSS
|
|
#ddmenu
|
|
{
|
|
display:block;
|
|
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
text-align:center; /*Specify the alignment of the whole UL if UL is not width:100%;*/
|
|
letter-spacing:normal;
|
|
margin-top: -25px;
|
|
width: 500px;
|
|
|
|
}
|
|
#ddmenu li
|
|
{
|
|
height :20px;
|
|
font-size:16px;
|
|
display:inline-block;
|
|
*display:inline;
|
|
/*for IE6-7*/
|
|
position:relative;
|
|
color:#eee;
|
|
line-height:46px; /*This determines the height of the menu*/
|
|
transition:background-color 0.2s;
|
|
outline:none;
|
|
}
|
|
|
|
#ddmenu li.full-width {
|
|
position: static;
|
|
|
|
}
|
|
|
|
#ddmenu li.over
|
|
{
|
|
color:#FFF;
|
|
|
|
|
|
}
|
|
|
|
#ddmenu .top-heading
|
|
{
|
|
|
|
font-weight:bold;
|
|
white-space:nowrap;
|
|
margin :3px 17px;
|
|
color:white;
|
|
text-decoration:none;
|
|
display:inherit;
|
|
outline:0;
|
|
cursor:pointer;
|
|
position:inherit;
|
|
font-size:11px;
|
|
}
|
|
|
|
/* links of top-heading */
|
|
#ddmenu li a, #ddmenu li a:link, #ddmenu li a:hover
|
|
{
|
|
color:inherit;
|
|
}
|
|
#ddmenu li a:hover
|
|
{
|
|
text-decoration:underline;
|
|
}
|
|
|
|
#ddmenu li a:focus
|
|
{
|
|
outline:1px dotted #09F;
|
|
}
|
|
|
|
/* caret(arrow icon) */
|
|
#ddmenu i.caret
|
|
{ margin-top: 1px;
|
|
color:black;
|
|
left:-12px;
|
|
width: 0;
|
|
height: 0;
|
|
overflow:hidden;/*for IE6*/
|
|
vertical-align:middle;
|
|
margin-bottom:2px;
|
|
border-top: 4px solid;/*caret size is 4px now*/
|
|
border-right: 4px solid transparent;
|
|
border-left: 4px solid transparent;
|
|
display: inline-block;
|
|
position:relative;
|
|
}
|
|
|
|
/* sub-menu layout
|
|
----------------------------*/
|
|
|
|
#ddmenu .dropdown
|
|
{
|
|
width:auto;
|
|
left:0px;
|
|
color:#000;
|
|
padding:0;margin:0;display:none;position:absolute;
|
|
top:100%;
|
|
border:1px solid rgba(255,255,255,0.35);
|
|
border-top:none;
|
|
border-radius:2px;
|
|
background-color:rgba(0,0,0,0.1);
|
|
background-color:#ccc \9;/*fallback for old IE*/
|
|
}
|
|
|
|
#ddmenu li.full-width .dropdown {
|
|
width:100%;
|
|
padding:0;
|
|
margin:0;
|
|
margin-left:-1px; /*Set to 0 if UL has no border*/
|
|
}
|
|
|
|
#ddmenu .offset300 {
|
|
left:-300px;right:auto;
|
|
}
|
|
|
|
#ddmenu .right-aligned {
|
|
left :auto;
|
|
right:0px;
|
|
}
|
|
|
|
#ddmenu li.over .dropdown
|
|
{
|
|
display:block;
|
|
}
|
|
|
|
#ddmenu .dd-inner {
|
|
text-align:center;
|
|
padding:15px;
|
|
margin:16px;
|
|
background-color:#FFF;
|
|
white-space:nowrap;
|
|
font-size:13px;
|
|
line-height:1.35;
|
|
}
|
|
|
|
/* links in sub menu
|
|
----------------------------*/
|
|
|
|
#ddmenu .dropdown a
|
|
{
|
|
|
|
|
|
color:#000;
|
|
line-height:15px;
|
|
text-decoration:none;
|
|
padding:0;
|
|
}
|
|
|
|
#ddmenu .dropdown a:hover, #ddmenu .dropdown a:focus
|
|
{
|
|
text-decoration:underline;
|
|
color:#09F;
|
|
}
|
|
|
|
/* blocks within the sub-menu
|
|
-----------------------------*/
|
|
#ddmenu div.column
|
|
{
|
|
text-align:left;
|
|
vertical-align:top;/*or middle*/
|
|
display:inline-block;
|
|
*display:inline;*zoom:1;
|
|
white-space:normal;
|
|
width:auto;min-width:170px;
|
|
padding:0 20px;
|
|
border-right:1px solid #999;
|
|
}
|
|
|
|
#ddmenu div.dd-inner div:last-child
|
|
{
|
|
border-right:none;
|
|
}
|
|
|
|
|
|
|
|
#ddmenu div.column h3 {text-transform:uppercase;}
|
|
#ddmenuLink {display:none;}
|
|
|