/* * Main Menu of Application * */ nav.main_menu { border-radius: 4px; margin: auto; margin:30px 0; background:#eee; border:1px solid #bbb; height:36px; background-image: -webkit-gradient(linear, 0 0, 0 30, color-stop(0.066, #eee), to(#dfdfdf)); background-image: -webkit-linear-gradient(#eee 6.6%, #dfdfdf); background-image: -moz-linear-gradient(#eee 6.6%, #dfdfdf); background-image: -o-linear-gradient(#eee 6.6%, #dfdfdf); display:table; table-layout:fixed; width:100%; @include shade; .count { position: relative; top: -1px; display: inline-block; height: 15px; margin: 0 0 0 5px; padding: 0 8px 1px 8px; height: auto; font-size: 0.82em; line-height: 14px; text-align: center; color: #777; background: #f2f2f2; border-top: 1px solid #CCC; border-radius: 8px; -moz-border-radius: 8px; } .label { background:$hover; text-shadow:none; color:$style_color; } a { display:table-cell; text-align:center; font-weight:bold; &:first-child{ -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-left: 0; } padding: 9px 2px; color: $style_color; position: relative; margin: 0; text-shadow:0 1px 1px white; border-right: 1px solid #DDD; border-left: 1px solid #EEE; &.home { background: url(home_icon.PNG) no-repeat center center; text-indent:-9999px; img { position:relative; top:4px; } } &.current { background-color:#D5D5D5; border-bottom: 2px solid #474D57; border-right: 1px solid #BBB; border-left: 1px solid #BBB; border-radius: 0 0 1px 1px; &:first-child{ border-bottom:none; border-left:none; } } &.wide { width:185px; @media (min-width: 1080px) and (max-width: 1200px) { width:160px; } } } } /* * End of Main Menu * */