Código da personalização dos marcadores

Views:
COLAR ACIMA DE <head> CONFORME TUTORIAL: 

<style type='text/css'>
/* CSS label */
 .Label li{position:relative;background:transparent;border-bottom: 0px solid #bbb;color:#444;padding:0;margin:0;text-align:left;width:100%;font-size:100%;transition:all .3s ease-out}
 .Label li:hover {background:transparent;color:#cf4d35;}
 .Label li:before {content:&quot;&quot;;position:absolute;width:0;height:100%;background:#4fafe9;transition:all .2s ease-in-out;}
 .Label li:hover:before {width:100%;}
 .Label li a{padding:0 0 0 10px;display:block;position:relative;line-height:42px;color:#787878;text-decoration:none;transition:all .3s ease-out}
 .Label li a:hover {color:#fff;}
 .Label li span{float:right;height:42px;line-height:42px;width:42px;text-align:center;display:inline-block;background:#4fafe9;color:#FFF;position:absolute;top:0;right:0;z-index:2}
 .Label li:nth-child(1) span, .Label li:nth-child(1):before, .Label li:nth-child(7) span,.Label li:nth-child(7):before {background:#ca85ca;}
 .Label li:nth-child(2) span, .Label li:nth-child(2):before, .Label li:nth-child(8) span, .Label li:nth-child(8):before {background:#e54e7e;}
 .Label li:nth-child(3) span, .Label li:nth-child(3):before, .Label li:nth-child(9) span, .Label li:nth-child(9):before {background:#61c436;}
 .Label li:nth-child(4) span, .Label li:nth-child(4):before, .Label li:nth-child(10) span, .Label li:nth-child(10):before {background:#f4b23f;}
 .Label li:nth-child(5) span, .Label li:nth-child(5):before, .Label li:nth-child(11) span, .Label li:nth-child(11):before {background:#46c49c;}
.Label li:nth-child(6) span, .Label li:nth-child(6):before, .Label li:nth-child(12) span, .Label li:nth-child(12):before {background:#607ec7;}

</style>


Home Sobre mim Tutoriais Loja de templates Portfólio Fanpage