generator-portals-clientside
Version:
Generates a SharePoint clientside project skeleton. Brought to you by Skyline's Portals & Collaboration Team.
80 lines (71 loc) • 1.38 kB
CSS
#DeltaTopNavigation {
display: none;
}
.menu-TopNav {
z-index: 102;
position: relative;
}
.menu-TopNav ul {
list-style: none;
padding: 0;
margin: 0;
background: transparent;
}
.menu-TopNav>ul ul {
box-shadow: 1px 1px 3px rgba(0,0,0,.4);
}
.menu-TopNav ul li {
display: block;
position: relative;
float: left;
background: transparent;
z-index: 101;
}
.menu-TopNav ul.menu-items {
min-width: 200px;
}
.menu-TopNav > ul.menu-items > li {
background:transparent;
}
.menu-TopNav ul.menu-items li.has-children li {
background: #fff;
}
.menu-TopNav ul li .menu-item-text {
display: block;
padding: 1em;
text-decoration: none;
white-space: nowrap;
color: #333;
}
.menu-TopNav ul li a:hover {
color: #000;
background: #ddd;
}
.menu-TopNav li>ul {
display: none;
}
.menu-TopNav ul li:hover {
z-index: 102;
}
.menu-TopNav li:hover>ul {
display: block;
position: absolute;
}
.menu-TopNav li:hover li {
float: none;
}
.menu-TopNav ul ul ul {
left: 100%;
top: 0;
}
.menu-TopNav ul:before,
.menu-TopNav ul:after {
content: " ";
display: table;
}
.menu-TopNav ul:after {
clear: both;
}
.menu-TopNav .menu-item.has-children:hover .menu-item-text {
cursor: pointer;
}