<!-- TWEETY --> <div class="tweety-quote"> <div class="tweety-header"> <div class="tweety-img"> <img alt="tweety-img" class="tweety-landscape" src="http://www.zengardner.com/wp-content/uploads/mahatma-gandhi1.jpg" /> </div> <ul class="tweety-info"> <li class="tweety-user">Mahatma Gandhi</li> <li class="tweety-profile">@Hakuna_tus_chakras</li> </ul> </div> <div class="tweety-content">Sé el cambio que quieras ver en el <span class="tweety-link">#mundo.</span></div> </div> <!-- END TWEETY -->
/* Tweety CSS ******************************/ .tweety-quote { padding: 20px; overflow: hidden; background-color: #fff; border: 1px solid #e1e8ed; border-radius: 4px; max-width: 80%; margin: 22px auto 22px auto; } .tweety-header { width: 100%; height: 48px; } .tweety-img { float: left; width: 48px; height: 48px; overflow: hidden; position: relative; border-radius: 4px; } .tweety-img img { position: absolute; left: -1000%; right: -1000%; top: -1000%; bottom: -1000%; margin: auto; } .tweety-img img.tweety-landscape { height: 100%; width: auto; max-width: none; } .tweety-portrait img.tweety-portrait { height: auto; width: 100%; } ul.tweety-info { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; float: left; position: relative; top: 4px; list-style-type: none; padding: 0 !important; margin: 0 0 0 10px !important; line-height: 1.2em !important; } ul.tweety-info li { margin-bottom: 0; } .tweety-user { font-size: 16px; font-weight: 700; color: #292F33; display: inline-block; } .tweety-tick { float: right; height: 16px; width: 16px; } .tweety-user::after { background-image: url("http://i63.tinypic.com/2uxwqhj.png"); background-size: 16px 16px; background-repeat: no-repeat; float: right; margin-left: 5px; content: ""; display: block; width: 16px; height: 16px; } .tweety-profile { font-size: 14px; font-weight: 300; color: #8899A6; } .tweety-content { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; padding-top: 16px; font-size: 20px; font-weight: 400; color: #292F33; } .tweety-link { color:#1B95E0; } /* END Tweety CSS ******************************/