Codigo
/*PostLabels-----------------------------------------------------*/
.post-labels { margin: 0; padding: 0;}
.post-labels a {
float: left;
position: relative;
background-color: $(link.color);/*cor do fundo*/
/* la altura */
height: 24px;
line-height: 24px;
padding:0 10px 0px 12px;
margin-left:20px; bottom: 5px;
color: #FFF;/*cor texto*/
font-size:11px;
font-family: Arial;
text-decoration: none;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
-moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px;
border-top-right-radius: 4px;
}
.post-labels a:before {
border-color: transparent $(link.color) transparent transparent;/*cor ponta seta*/
border-style: solid;
border-width: 12px 12px 12px 0;
content: "";
float: left;
left:-12px;
height: 0;
position: absolute;
top: 0;
width: 0;
}
.post-labels a:after {
background-color: #FFF; /* cor bolinha */
content: "";
float: left;
left: 0;
position: absolute;
top: 10px;
height: 4px;
width: 4px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
.post-labels a:hover{
background-color: $(link.hover.color);/*cor seta passar mouse*/
}
.post-labels a:hover:before {
border-color: transparent $(link.hover.color) transparent transparent;/*cor ponta seta*/
}
/*Showlink-----------------------------------------------------*/
#showlink { margin: 0 34px 10px 0; padding: 0;}
#showlink a{
float: right;
position: relative;
background-color: $(link.color);/*cor do fundo*/
/* la altura */
height: 24px;
line-height: 24px;
padding:0 10px 0px 12px;
margin-left:16px; bottom: 5px;
color: #FFF;/*cor texto*/
font-size:11px;
font-family: Arial;
text-decoration: none;
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px;
border-top-left-radius: 4px;
}
#showlink a:before {
border-color: transparent transparent transparent $(link.color);/*cor ponta seta*/
border-style: solid;
border-width:12px 0px 12px 12px;
content: "";
float: right;
right: -12px;
height: 0;
position: absolute;
top: 0;
width: 0;
}
#showlink a:after {
background:#fff; /* cor bolinha */
content: "";
float: right;
right: 0;
position: absolute;
top: 10px;
height: 4px;
width: 4px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
#showlink a:hover{
background-color: $(link.hover.color);/*cor seta passar mouse*/
}
#showlink a:hover:before {
border-color: transparent transparent transparent $(link.hover.color) ;/*cor ponta seta*/
}
.post-comment-link{
float: left;
background:$(link.color); /* cor bolinha */
font-size:12px;
text-align:center;
float:right; margin:-3px 0 10px 25px;
padding:5px 7px 0 5px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.post-comment-link a{color: #fff;}