Авторизация в окне в стиле Apple. 3D transform + CSS3. Хак.

 
<!--  ВСТАВЛЯЕМ ЭТОТ КОД  !-->
    <!-- Our CSS stylesheet file -->
    <link rel="stylesheet" href="/templates/_default_/assets/css/styles.css" />
    <!--[if lt IE 9]>
       <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
<!--  ВСТАВЛЯЕМ ЭТОТ КОД  !-->
 

    <link href="/templates/_default_/css/styles.css" rel="stylesheet" type="text/css" /> 

 
 
<!--  ВСТАВЛЯЕМ ЭТОТ КОД  !-->
  <link href="/templates/_default_/css/colorbox.css" rel="stylesheet" type="text/css" />
  <script src="/templates/_default_/js/jquery.colorbox-min.js" type="text/javascript"></script>
<!--  ВСТАВЛЯЕМ ЭТОТ КОД  !-->
 
 

<div class="grid_9">
                    <?php if (!$inUser->id){ ?>
                        <div class="mod_user_menu">
                            <span class="register"><a href="/registration">Регистрация</a></span>
                            <span class="login"><a href="/login">Вход</a></span>
                        </div>
                    <?php } else { ?>
                        <?php cmsModule('header'); ?>
                    <?php } ?>
         </div>

<!--  МЕНЯЕМ НА ЭТОТ КОД  !-->
<div class="grid_9">
                    <?php if (!$inUser->id){ ?>
                        <div class="mod_user_menu">
                            <span class="register"><a class='example7' href="/registration">Регистрация</a></span>
                            <span class="login"><a class='example1' href="/login">Вход</a></span>
                        </div>
<script>
$(document).ready(function(){
   $(".example1").colorbox({width:"500px", inline:true, href:"#inline_example1"});
});
</script>
 
	<div style='display:none'>
		<div id='inline_example1' style='padding:10px; background:#fff;'>
		<div id="formContainer">
			<form id="login" name="authform" method="post" action="/login">
				<a href="#" id="flipToRecover" class="flipLink">Forgot?</a>
				<input type="text" name="login" id="loginEmail" value="Login" />
				<input type="password" name="pass" id="loginPass" value="Пароль" />
             <input type="checkbox" tabindex="3" id="remember" checked="checked" value="1" name="remember">
				<input type="submit" name="login_btn" value="Вход" />
			</form>
			<form id="recover" method="post" name="prform" action="/passremind.html">
				<a href="#" id="flipToLogin" class="flipLink">Забыл?</a>
				<input type="text" name="email" id="recoverEmail" value="Email" />
				<input type="submit" name="goremind" value="Напомнить пароль" />
			</form>
		</div>
		<script src="/templates/_default_/assets/js/script.js"></script>
 
		</div>
	</div>
                    <?php } else { ?>
                        <?php cmsModule('header'); ?>
                    <?php } ?>
                </div>
<!--  МЕНЯЕМ НА ЭТОТ КОД  !-->