Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- .breadcrumb{ list-style:none; overflow:hidden; position:absolute; font:10px Helvetica,Arial,Sans-Serif; top:160px; float:left}
- .breadcrumb a{ color:white; text-decoration:none; padding:2px 0 2px 35px; background:blue; background:#728c8c; position:relative; display:block; float:left}
- .breadcrumb a:after{ content:""; display:block; width:0; height:0; border-top:50px solid transparent; border-bottom:50px solid transparent; border-left:30px solid #728c8c; position:absolute; top:50%; margin-top:-50px; left:100%; z-index:2}
- .breadcrumb a:before{ content:""; display:block; width:0; height:0; border-top:50px solid transparent; border-bottom:50px solid transparent; border-left:30px solid white; position:absolute; top:50%; margin-top:-50px; margin-left:1px; left:100%; z-index:1}
- .breadcrumb a:first-child { padding-left:10px;}
- .breadcrumb a:nth-child(2) {background: #768c72}
- .breadcrumb a:nth-child(2):after{border-left-color:#768c72}
- .breadcrumb a:nth-child(3) {background: #909673}
- .breadcrumb a:nth-child(3):after{border-left-color:#909673}
- .breadcrumb a:nth-child(4) {background: #ad7601}
- .breadcrumb a:nth-child(4):after{border-left-color:#ad7601}
- .breadcrumb a:nth-child(5) {background: #E3E8E8}
- .breadcrumb a:nth-child(5):after{border-left-color:#E3E8E8}
- .breadcrumb a:nth-child(6) {background: #728c8c}
- .breadcrumb a:nth-child(6):after{border-left-color:#728c8c}
- .breadcrumb a:nth-child(7) {background: #768c72}
- .breadcrumb a:nth-child(7):after{border-left-color:#768c72}
- .breadcrumb a:last-child {background:transparent !important; color:black; pointer-events:none; cursor:default;}
- .breadcrumb a:hover{background:#526476}
- .breadcrumb a:hover:after{border-left-color:#526476 !important}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement