#breadcrumbs-bbeginner { background: #eee; width:620px; margin-left:20px; border-width: 1px; font-family:Verdana, sans-serif; margin-top:40px; text-transform: uppercase; border-style: solid; border-color: #f5f5f5 #e5e5e5 #ccc; border-radius: 5px; box-shadow: 0 0 2px rgba(0,0,0,.2); overflow: hidden; } #breadcrumbs-bbeginner li{ float: left; } #breadcrumbs-bbeginner a{ padding: .7em 1em .7em 2em; float: left; text-decoration: none; color: #444; position: relative; text-shadow: 0 1px 0 rgba(255,255,255,.5); background-color: #ddd; background-image: linear-gradient(to right, #f5f5f5, #ddd); } #breadcrumbs-bbeginner li:first-child a{ padding-left: 1em; border-radius: 5px 0 0 5px; } #breadcrumbs-bbeginner a:hover{ background: #fff; } #breadcrumbs-bbeginner a::after, #breadcrumbs-bbeginner a::before{ content: ""; position: absolute; top: 50%; margin-top: -1.5em; border-top: 1.5em solid transparent; border-bottom: 1.5em solid transparent; border-left: 1em solid; right: -1em; } #breadcrumbs-bbeginner a::after{ z-index: 2; border-left-color: #ddd; } #breadcrumbs-bbeginner a::before{ border-left-color: #ccc; right: -1.1em; z-index: 1; } #breadcrumbs-bbeginner a:hover::after{ border-left-color: #fff; } #breadcrumbs-bbeginner .current, #breadcrumbs-bbeginner .current:hover{ font-weight: bold; background: none; } #breadcrumbs-bbeginner .current::after, #breadcrumbs-bbeginner .current::before{ content: normal; } ul{ margin: 0; padding: 0; list-style: none; } #breadcrumbs-bbeginner .current, #breadcrumbs-bbeginner .current:hover{ font-weight: normal; background: none; } #breadcrumbs-bbeginner .current::after, #breadcrumbs-bbeginner .current::before{ content: normal; }

Thursday, September 18, 2014

What I do Better



.

No comments:

Post a Comment