/***************************/ /*** 2. partNavigation-hvbvr ***/ /***************************/ /* Please, make sure you remove all unnecessary css code. */ /* defaults */ ul.partNavigation-hvbvr, ul.partNavigation-hvbvr * {margin:0;padding:0;list-style:none; text-align:left; line-height:1.0;} ul.partNavigation-hvbvr {border-top: 1px solid #cfd0d1; height: 42px; padding: 4px 0px; border-bottom: 1px solid #cfd0d1; margin-bottom: 0px; transition: 0.3s;} ul.partNavigation-hvbvr li {padding:0px; margin:0px 0px 0px 0px; float: left; position: relative; width: calc(20% - 10px); box-sizing: border-box;} /* level 0 */ ul.partNavigation-hvbvr li a {color:#444; padding:15px 5px 14px 5px; text-decoration:none; display:block; text-align: center;} ul.partNavigation-hvbvr li.selected a {color:#fff; background: #ee0068 url('/images/style/navigation-selected.png') no-repeat center bottom;} ul.partNavigation-hvbvr li a:hover {background: #ee0068 url('/images/style/navigation-selected.png') no-repeat center bottom; color:#fff;} ul.partNavigation-hvbvr li a.first { padding-left:0;} ul.partNavigation-hvbvr li a.last {margin-right: 0px;} /* delete the code below if the menu doesn't have any submenu's */ /* level 1 */ ul.partNavigation-hvbvr li ul li a {background:#fff; color: #777; font-size: 12px; padding: 10px 18px 0px 18px; margin-right: 34px; text-align: left; line-height: 17px;} ul.partNavigation-hvbvr li ul li a.selected {background:#fff; color: #ee0068;} ul.partNavigation-hvbvr li ul li a:hover {background:#fff; color: #ee0068;} ul.partNavigation-hvbvr li.selected ul li a {background:#888888;} ul.partNavigation-hvbvr li.selected ul li a.selected {background:#ba0000;} ul.partNavigation-hvbvr li.selected ul li a:hover {background:#0000bb;} ul.partNavigation-hvbvr li ul li a.first {padding-top: 16px;} ul.partNavigation-hvbvr li ul li a.last {padding-bottom: 15px;} /* defaults for positioning submenu's */ ul.partNavigation-hvbvr li:hover ul, ul.partNavigation-hvbvr li.sfHover ul {left: 0; top:42px; /* match level 0 ul height */ z-index:99;} ul.partNavigation-hvbvr li:hover li ul, ul.partNavigation-hvbvr li.sfHover li ul {top:-999em;} ul.partNavigation-hvbvr li li:hover ul, ul.partNavigation-hvbvr li li.sfHover ul {top:0;} ul.partNavigation-hvbvr li li:hover li ul, ul.partNavigation-hvbvr li li.sfHover li ul {top:-999em;} ul.partNavigation-hvbvr li li li:hover ul, ul.partNavigation-hvbvr li li li.sfHover ul {top:0;} ul.partNavigation-hvbvr ul {position:absolute; top:-999em;} ul.partNavigation-hvbvr ul li {width: 100%;} ul.partNavigation-hvbvr li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */} /* The "width/left" values below should match */ ul.partNavigation-hvbvr ul {width:200px;} ul.partNavigation-hvbvr li li:hover ul, ul.partNavigation-hvbvr li li.sfHover ul {left:200px;} /* Level 1 */ ul.partNavigation-hvbvr li li li:hover ul, ul.partNavigation-hvbvr li li li.sfHover ul {left:200px;} /* Level 2 */ /* submenu ul and arrow settings */ ul.partNavigation-hvbvr li a.sf-with-ul {padding-right: 28px; min-width:1px; /* trigger IE7 hasLayout so spans position accurately */} .sf-sub-indicator {position: absolute; display: block; right: .75em; top: 1.05em; /* IE6 only */ width:10px; height: 10px; text-indent: -999em; overflow:hidden; background: url(http://cdn.tvtweb.nl/img/navigation/arrows-ffffff.png) no-repeat -1px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */} a > .sf-sub-indicator {/* give all except IE6 the correct values */ top:1.0em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/} a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {background-position: -10px -100px; /* arrow hovers for modern browsers*/} /* apply hovers to modern browsers */ ul.partNavigation-hvbvr ul .sf-sub-indicator {background-position: -10px 0; } /* point right for anchors in subs */ ul.partNavigation-hvbvr ul a > .sf-sub-indicator {background-position: 0 0; } /* apply hovers to modern browsers */ ul.partNavigation-hvbvr ul a:focus > .sf-sub-indicator, ul.partNavigation-hvbvr ul a:hover > .sf-sub-indicator, ul.partNavigation-hvbvr ul a:active > .sf-sub-indicator, ul.partNavigation-hvbvr ul li:hover > a > .sf-sub-indicator, ul.partNavigation-hvbvr ul li.sfHover > a > .sf-sub-indicator {background-position: -10px 0; /* arrow hovers for modern browsers*/} /* Shadows for all but IE6 */ .sf-shadow ul {background: url(http://cdn.tvtweb.nl/img/navigation/shadow.png) no-repeat bottom right; padding: 0 8px 9px 0;-moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px;} .sf-shadow ul.sf-shadow-off {background: transparent;} /* defaults */ #portfolioNavigation ul.partNavigation-hvbvr, ul.partNavigation-hvbvr * {margin:0;padding:0;list-style:none; text-align:left; line-height:1.0;} #portfolioNavigation ul.partNavigation-hvbvr {border-bottom: 1px solid #cfd0d1; border-top: none; height: 40px; padding: 4px 0px; font-size: 12px; border-top: 1px solid #cfd0d1;} #portfolioNavigation ul.partNavigation-hvbvr li {padding:0px; margin:0px; float: left; position: relative;} /* level 0 */ #portfolioNavigation ul.partNavigation-hvbvr li a {background:#fff; color:#777; padding:15px 0px 14px 0px; margin-right: 22px; text-decoration:none; display:block; text-align: center;} #portfolioNavigation ul.partNavigation-hvbvr li a.selected {background:#fff; color:#ee0068;} #portfolioNavigation ul.partNavigation-hvbvr li a:hover {background:#fff; color:#ee0068;} #portfolioNavigation ul.partNavigation-hvbvr li a.last {margin-right: 0px;} body #top ul.partNavigation-hvbvr > li:first-child {padding:0; margin:0; width:50px;} body #top ul.partNavigation-hvbvr > li:first-child a {padding:0; margin:0; font-size: 0; height: 44px; display: block; background: url('/images/style/home.svg') no-repeat center; background-size: 23px auto;}