JSFiddle - React, Tailwind, and code Playground
by Andrea Scanu
HTML
<script src="http://xenforo.com/community/css.php?css=xenforo,form,public&style=1&dir=LTR&d=1324565843"></script>
<script src="http://xenforo.com/community/css.php?css=facebook,login_bar,node_category,node_forum,node_link,node_list,node_page,panel_scroller,sidebar_share_page,xfcom_page_wrapper&style=1&dir=LTR&d=1324565843"></script>
<script src="http://xenforo.com/community/js/xenforo/min/xenforo.js?_v=4bb52252"></script>
<script src="http://xenforo.com/community/js/jquery/jquery.xenforo.rollup.js?_v=4bb52252"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script src="http://connect.facebook.net/en_US/all.js"></script>
<div id="loginBar" style="z-index: 9999; ">
<div class="pageWidth">
<div class="pageContent">
<h3 id="loginBarHandle">
<label for="LoginControl"><a href="login/" class="concealed noOutline">Log in or Sign up</a></label>
</h3>
<span class="helper"></span>
<div class="_swOuter" style="height: 167px; overflow-x: hidden; overflow-y: hidden; "><div class="_swInner" style="margin-right: auto; margin-bottom: auto; margin-left: auto; margin-top: 0px; "><form action="login/login" method="post" class="xenForm eAuth" id="login" style="display: block; ">
<ul id="eAuthUnit">
<li><a href="register/facebook?reg=1" class="fbLogin" tabindex="110"><span>Login with Facebook</span></a></li>
</ul>
<div class="ctrlWrapper">
<dl class="ctrlUnit">
<dt><label for="LoginControl">Your name or email address:</label></dt>
<dd><input type="text" name="login" id="LoginControl" class="textCtrl" tabindex="101"></dd>
</dl>
<dl class="ctrlUnit">
<dt>
<label...