/* Better navigation bar */ .navigation li.active { padding: 10px; color: #E0E0E0; } .navigation li { background: transparent; } .navigation { background: transparent; } .navigation li:not(.active):after, .navigation li:not(.active):before { content: " "; display: block; width: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 9px solid --color; position: absolute; top: 0; margin-top: 16px; margin-left: 19px; left: 100%; z-index: 1; } .navigation li:not(.active):after { border-left: 5px solid rgba(0,0,0,.3); }