From 89f738967781ede8579f4d9b52bda0904f588af0 Mon Sep 17 00:00:00 2001
From: Nestor Urbina <nuwebcreations@gmail.com>
Date: Sat, 2 Nov 2013 18:58:05 -0600
Subject: [PATCH] Tarea

.comentarios &:after css3 triangulo
---
 css/puls4.css  |  3 ++-
 css/puls4.styl | 19 ++++++++++++++++---
 2 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/css/puls4.css b/css/puls4.css
index d00a600..a51b017 100644
--- a/css/puls4.css
+++ b/css/puls4.css
@@ -29,7 +29,8 @@ nav .menu li a:hover{background:rgba(0,0,0,0.1)}
 .posts .post{background:#fff;border-radius:0 0 .5em .5em;box-shadow:2px 2px 10px rgba(0,0,0,0.5);color:#7a7a7a;margin-bottom:.5em;}
 .posts .post .acciones{border-top:3px solid #22bce0;padding:.5em;overflow:hidden;}
 .posts .post .acciones .datos{float:right;}
-.posts .post .acciones .datos .comentarios{background:#444;border-radius:3px;color:#fff;margin:0 1em 0 0;padding:2px 5px;text-decoration:none}
+.posts .post .acciones .datos .comentarios{background:#797979;border-radius:3px;color:#fff;margin:0 1em 0 0;padding:2px 5px;position:relative;text-decoration:none;}
+.posts .post .acciones .datos .comentarios:after{border-left:6px solid transparent;border-right:2px solid transparent;border-top:5px solid #797979;bottom:-5px;content:" ";height:0;left:17px;position:absolute;width:0}
 .posts .post .acciones .datos .estrellita{text-decoration:none;}
 .posts .post .acciones .datos .estrellita:after{color:#fcb92d;content:"\e601";font-family:"iconitos";font-size:1.1em}
 .posts .post .acciones .votos{float:left;}
diff --git a/css/puls4.styl b/css/puls4.styl
index 5bdedb7..c80973a 100644
--- a/css/puls4.styl
+++ b/css/puls4.styl
@@ -1,7 +1,8 @@
 azul = #22BCE0
-naranja = #DD4F24
-gris_texto = #7A7A7A
+gris_claro = #797979
 gris_oscuro = #444
+gris_texto = #7A7A7A
+naranja = #DD4F24
 
 @font-face {
 	font-family: 'iconitos';
@@ -181,13 +182,25 @@ nav
 				float right
 
 				.comentarios
-					background gris_oscuro
+					background gris_claro
 					border-radius 3px
 					color white
 					margin 0 1em 0 0
 					padding 2px 5px
+					position relative
 					text-decoration none
 
+					&:after
+						border-left 6px solid transparent
+						border-right 2px solid transparent
+						border-top 5px solid gris_claro
+						bottom -5px
+						content " "
+						height 0
+						left 17px
+						position absolute
+						width 0
+
 				.estrellita
 					text-decoration none