Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dapibus porttitor velit, sed aliquet nisi consectetur ut. In vestibulum orci nibh, a lacinia nulla interdum aliquet. Integer varius eros eget ante vehicula accumsan at eget lacus. Etiam malesuada nec lacus sit amet efficitur. In hac habitasse platea dictumst. Sed nibh massa, hendrerit eget lacus ac, interdum lacinia ipsum. Ut finibus lacus turpis, at aliquet risus malesuada nec. Sed blandit lorem eleifend vulputate ultrices. Nam ut gravida magna. Sed dictum maximus ultricies. Sed turpis justo, ullamcorper eu molestie id, aliquam egestas est. Phasellus nec venenatis massa. Sed at lacus et ligula feugiat dictum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse nec elementum arcu, ut sodales eros.
<div class='readmore'><a expr:href='data:post.url'>Leer Más »</a></div>
/* Leer mas
--------------*/
.readmore {
float: right;
background:#fff;
text-align:right;
cursor:pointer;
margin:5px 0;
border-left:200px solid #6882C7;
border-right:2px solid #6882C7;
border-top:2px solid #6882C7;
border-bottom:2px solid #6882C7;
padding:1px 5px 1px 1px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:4px;
font:bold 11px sans-serif;
}
.readmore :hover {
background:#EB7F17;
color:#fff;
border-left:10px dashed #6882C7;
border-right:2px solid #6882C7;
border-top:2px solid #6882C7;
border-bottom:2px solid #6882C7;
}
.readmore a {
color:#6882C7;
text-decoration:none;
}
.readmore a:hover {
color:#fff;
text-decoration:none;
}
No hay comentarios:
Déjame tu opinión