.codrops-top{font-size:11px;text-transform:uppercase;position:relative;box-shadow:1px 0 2px rgba(0,0,0,.2);background:#fff;background:hsla(0,0%,100%,.5);line-height:24px;z-index:9999}.codrops-top a{padding:0 10px;color:#333;letter-spacing:1px;display:inline-block}.codrops-top a:hover{color:#000;background:hsla(0,0%,100%,.8)}.codrops-top span.right{float:right}.codrops-top span.right a{float:left;display:block}.codrops-demos{float:right}.codrops-demos a{font-weight:700;color:#fff;border-bottom:4px solid transparent;margin:10px;line-height:30px;display:inline-block}.codrops-demos a:hover{border-color:#000;color:#000}.codrops-demos a.current-demo,.codrops-demos a.current-demo:hover{border-color:hsla(0,0%,100%,.5);color:hsla(0,0%,100%,.5)}