Template:Concordia/CSS/navbar

  1. cssmenu {
 border: 1px solid #E0E4CC;
 padding: 0;
 margin: 0;
 width: 100%;

}

  1. cssmenu ul,
  2. cssmenu li {
 list-style: none;
 margin: 0;
 padding: 0;

}

  1. cssmenu ul {
 position: relative;
 z-index: 597;

}

  1. cssmenu ul li {
 float: left;
 min-height: 1px; 
 width: 15.4%;
 vertical-align: middle;

}

  1. cssmenu ul li.hover,
  2. cssmenu ul li:hover {
 position: relative;
 z-index: 599;
 cursor: pointer;

}

  1. cssmenu ul ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;

}

  1. cssmenu ul ul li {
 float: none;

}

  1. cssmenu ul ul ul {
 top: 0;
 left: 190px;
 /* width: 190px; */

}

  1. cssmenu ul li:hover > ul {
 visibility: visible;

}

  1. cssmenu ul ul {
 bottom: 0;
 left: 0;

}

  1. cssmenu ul ul {
 margin-top: 0;

}

  1. cssmenu ul ul li {
 font-weight: normal;

}

  1. cssmenu a {
 display: block;
 line-height: 1em;
 text-decoration: none;

} /* Custom CSS Styles */

  1. cssmenu {
 background: #E0E4CC;
 font-family: 'Oxygen Mono', Tahoma, Arial, sans-serif;
 font-size: 12px;
 text-align:center;

}

  1. cssmenu > ul {
 *display: inline-block;

}

  1. cssmenu:after,
  2. cssmenu ul:after {
 content: ;
 display: block;
 clear: both;

}

  1. cssmenu ul {
 text-transform: uppercase;

}

  1. cssmenu ul ul {
 border-top: 4px solid #A7DBD8;
 text-transform: none;
/* min-width: 190px;  */

}

  1. cssmenu ul ul a {
 background: #A7DBD8;
 color: #ffffff;
 border: 1px solid #69D2E7;
 /* border-top: 0 none; */
 line-height: 150%;
 /* padding: 16px 20px; */
 font-size: 14px;

}

  1. cssmenu ul ul ul {
 border-top: 0 none;

}

  1. cssmenu ul ul li {
 position: relative;
   padding: 16px 20px;

}

  1. cssmenu ul ul li:first-child > a {
 border-top: 1px solid #69D2E7;

}

  1. cssmenu ul ul li:hover > a {
 background: #9bde3ff;
 color: #ffffff;

}

  1. cssmenu ul li ul a:hover {
 background-color: #69D2E7;

}

  1. cssmenu ul ul li:last-child > a {
 -moz-border-radius: 0 0 3px 3px;
 -webkit-border-radius: 0 0 3px 3px;
 border-radius: 0 0 3px 3px;
 -moz-background-clip: padding;
 -webkit-background-clip: padding-box;
 background-clip: padding-box;
 -moz-box-shadow: 0 1px 0 #A7DBD8;
 -webkit-box-shadow: 0 1px 0 #A7DBD8;
 box-shadow: 0 1px 0 #A7DBD8;

}

  1. cssmenu ul ul li:last-child:hover > a {
 -moz-border-radius: 0 0 0 3px;
 -webkit-border-radius: 0 0 0 3px;
 border-radius: 0 0 0 3px;
 -moz-background-clip: padding;
 -webkit-background-clip: padding-box;
 background-clip: padding-box;

}

  1. cssmenu ul ul li.has-sub > a:after {
 content: '+';
 position: absolute;
 top: 50%;
 right: 15px;
 margin-top: -8px;

}

  1. cssmenu ul li:hover > a,
  2. cssmenu ul li.active > a {
 background: #A7DBD8;
 color: #ffffff;

}

  1. cssmenu ul li.has-sub > a:after {
 content: '+';
 margin-left: 5px;

}

  1. cssmenu ul li.last ul {
 left: auto;
 right: 0;

}

  1. cssmenu ul li.last ul ul {
 left: auto;
 right: 99.5%;

}

  1. cssmenu a {
 background: #E0E4CC;
 color: #ffffff;
 padding: 0 20px;

}

  1. cssmenu > ul > li > a {
 line-height: 70px;
 /* font-size: 24px; */
 font-family: 'Press Start 2P';
 /* min-width: 190px; */

}