D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
gotomypc
Full window
Github gist
This is the iPhone Messages app created in full CSS. I use this on my website www.memebro.com. To see the full features visit http://www.memebro.com
<div id="iPhoneBro" class="iPhone gen"> <div class="title"> <input type="submit" class="back button" value="Messages"> <span class="contact_name button">(614) MEME-BRO</span> <input type="submit" class="edit button" value="Edit"> </div> <div id="conversation" class="conversation "> <div class="time"><div class="time"><p>Aug 9, 2012 3:43 AM</p></div></div><div class="text sent" id="query"><div class="reflect"></div><p>Check Out <a href-"https://www.memebro.com/?r=codepen">memebro.com</a></p></div> <div class="text receive"><div class="reflect"></div><p>Try "+popular", "+trending", or "+new" for meme lists</p></div> <div class="text sent" id="query"><div class="reflect"></div><p>+popular</p></div> <div class="text receive" id="popular"><div class="reflect"></div><p>#Bad-Luck-Brian-Meme, #One-Does-Not-Simply-A, #First-World-Problems-Ii, #Stoner-Stanley, #Scumbag-Steve, #Conspiracy-Keanu, #I-Dont-Always, #All-The-Things, ...</p></div> <div class="text sent"><div class="reflect"></div><p>Invited to play a game, SAW 7 #badluckbrian</p></div> <div class="text receive"><div class="reflect"></div><p>Processing MMS... <a href="https://memebro.com/pf6t0">https://memebro.com/pf6t0</a></p></div> <div class="text receive"><div class="reflect"></div><p><a href="https://memebro.com/pf6t0"><img class="addthis_shareable" src="https://cdn.memegenerator.net/instances/400x/24506893.jpg"></a></p></div> <div class="clear"></div> <div class="time" style=""><p>Aug 17, 2012 11:59 AM</p></div><div class="text sent" style=""><div class="reflect"></div><p>Not sure if trolling, or just stupid #fry</p></div><div class="text receive" style=""><div class="reflect"></div><p>Processing MMS... <a href="https://memebro.com/zmxo0">https://memebro.com/zmxo0</a></p></div><div class="text receive" style=""><div class="reflect"></div><p><a class="addthis_button_compact" href="https://memebro.com/zmxo0"><img class="addthis_shareable" src="https://cdn.memegenerator.net/instances/400x/25061324.jpg"></a></p></div></div> <div class="message"><input id="imessage" type="text" name="imessage" value="" placeholder="Text Message"><input id="send_btn" type="submit" value="Send" onclick="sendSMS();" class="disabled"><input id="phone" type="hidden" name="number" value=""></div> </div>