Follow SMF on Twitter.
// Otherwise they're a guest - this time ask them to either register or login - lazy bums... elseif (!empty($context['show_login_bar'])) { echo ' <script type="text/javascript" src="', $settings['default_theme_url'], '/scripts/sha1.js"></script> <form id="guest_form" action="', $scripturl, '?action=login2" method="post" accept-charset="', $context['character_set'], '" ', empty($context['disable_login_hashing']) ? ' onsubmit="hashLoginPassword(this, \'' . $context['session_id'] . '\');"' : '', '> <div class="info">', sprintf($txt['welcome_guest'], $txt['guest_title']), '</div> <input type="text" name="user" size="10" class="input_text" /> <input type="password" name="passwrd" size="10" class="input_password" /> <select name="cookielength"> <option value="60">', $txt['one_hour'], '</option> <option value="1440">', $txt['one_day'], '</option> <option value="10080">', $txt['one_week'], '</option> <option value="43200">', $txt['one_month'], '</option> <option value="-1" selected="selected">', $txt['forever'], '</option> </select> <input type="submit" value="', $txt['login'], '" class="button_submit" /><br /> <div class="info">', $txt['quick_login_dec'], '</div>'; if (!empty($modSettings['enableOpenID'])) echo ' <br /><input type="text" name="openid_identifier" id="openid_url" size="25" class="input_text openid_login" />'; echo ' <input type="hidden" name="hash_passwrd" value="" /> </form>'; } echo '
// Otherwise they're a guest - this time ask them to either register or login - lazy bums... elseif (!empty($context['show_login_bar'])) { echo ' <div class="panel"> <a href="#login_form" id="login_pop">Ingresa</a> <a href="', $scripturl . '?action=register" id="join_pop">Registrate</a> </div>'; echo' <!-- popup form #1 --> <a href="#x" class="overlay" id="login_form" action="', $scripturl, '?action=login2" method="post" accept-charset="', $context['character_set'], '" ', empty($context['disable_login_hashing']) ? ' onsubmit="hashLoginPassword(this, \'' . $context['session_id'] . '\');"' : '', '></a> <div class="popup"> <h2>Bienvenido!</h2> <p>Por favor, ingrese su nombre de usuario y contraseña</p> <form id="login_form" action="', $scripturl, '?action=login2" method="post" accept-charset="', $context['character_set'], '" ', empty($context['disable_login_hashing']) ? ' onsubmit="hashLoginPassword(this, \'' . $context['session_id'] . '\');"' : '', '> <div> <label for="login">Usuario</label> <input type="text" name="user" size="10" class="input_text" /> </div> <div> <label for="password">Contraseña</label> <input type="password" name="passwrd" size="10" class="input_password" /> </div> <input type="submit" name="submit" value="Entrar" /> </form> <a class="close" href="#close"></a> </div>'; } echo '
div#upper_section div.user{ width: 50%; float: left; overflow: auto;}
div#upper_section div.user{ width: 50%; float: left; overflow: auto; height: 100px;}
.panel { background-color: none; height: 34px; width: 100px; padding: 5px;}.panel a#login_pop, .panel a#join_pop { outline: 0; padding: 5px; display: block; color: #9fa8b0; margin-right: 10px; text-decoration: none; font-weight: bold; text-shadow: 1px 1px #1f272b; border: 1px solid #1c252b; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #232B30; /* old browsers */ background: -moz-linear-gradient(top, #3D4850 3%, #313d45 4%, #232B30 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#3D4850), color-stop(4%,#313d45), color-stop(100%,#232B30)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3D4850', endColorstr='#232B30',GradientType=0 ); /* ie */ box-shadow: 1px 1px 1px rgba(0,0,0,0.2); /* CSS3 */ -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.2); /* Firefox */ -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2); /* Safari, Chrome */}a#login_pop:hover, a#join_pop:hover { color: #fff; background: #4C5A64; /* old browsers */ background: -moz-linear-gradient(top, #4C5A64 3%, #404F5A 4%, #2E3940 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#4C5A64), color-stop(4%,#404F5A), color-stop(100%,#2E3940)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4C5A64', endColorstr='#2E3940',GradientType=0 ); /* ie */}a#login_pop:active, a#join_pop:active { background-position: 0 top; position: relative; top: 1px; color: #fff; padding: 6px 12px 4px; background: #20282D; /* old browsers */ background: -moz-linear-gradient(top, #20282D 3%, #252E34 51%, #222A30 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#20282D), color-stop(51%,#252E34), color-stop(100%,#222A30)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20282D', endColorstr='#222A30',GradientType=0 ); /* ie */ -moz-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* Firefox */ -webkit-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* Safari, Chrome */ box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* CSS3 */}.overlay { background-color: rgba(0, 0, 0, 0.6); bottom: 0; cursor: default; left: 0; opacity: 0; position: fixed; right: 0; top: 0; visibility: hidden; z-index: 1; -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -ms-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s;}.overlay:target { visibility: visible; opacity: 1;}.popup { background-color: #fff; border: 3px solid #fff; display: inline-block; left: 50%; opacity: 0; padding: 15px; position: fixed; text-align: justify; top: 40%; visibility: hidden; z-index: 10; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset; -moz-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset; -ms-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset; -o-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset; box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset; -webkit-transition: opacity .5s, top .5s; -moz-transition: opacity .5s, top .5s; -ms-transition: opacity .5s, top .5s; -o-transition: opacity .5s, top .5s; transition: opacity .5s, top .5s;}.overlay:target .popup { top: 50%; opacity: 1; visibility: visible;}.close { background-color: rgba(0, 0, 0, 0.8); height: 30px; line-height: 30px; position: absolute; right: 0; text-align: center; text-decoration: none; top: -15px; width: 30px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px;}.close:before { color: rgba(255, 255, 255, 0.9); content: "X"; font-size: 24px; text-shadow: 0 -1px rgba(0, 0, 0, 0.9);}.close:hover { background-color: rgba(64, 128, 128, 0.8);}.popup p, .popup div { margin-bottom: 10px;}.popup label { display: inline-block; text-align: left; width: 120px;}.popup input[type="text"], .popup input[type="password"] { border: 1px solid; border-color: #999 #ccc #ccc; margin: 0; padding: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px;}.popup input[type="text"]:hover, .popup input[type="password"]:hover { border-color: #555 #888 #888;}