* fixed style of login view.
This commit is contained in:
Catouse
+18
-28
@@ -1,28 +1,18 @@
|
||||
html,body{background-color: #036;}
|
||||
#container{margin: 10% auto 0 auto;}
|
||||
#login-panel{margin: 0 auto;width: 540px;min-height: 280px;background-color: #fff;border: 1px solid #dfdfdf;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;-moz-box-shadow:0px 0px 30px rgba(0,0,0,0.75); -webkit-box-shadow:0px 0px 30px rgba(0,0,0,0.75); box-shadow:0px 0px 30px rgba(0,0,0,0.75);}
|
||||
#login-panel .panel-head{min-height: 70px;background-color: #edf3fe;border-bottom: 1px solid #dfdfdf;position: relative;}
|
||||
#login-panel .panel-head h3{margin: 0 0 0 20px;padding: 0;line-height: 70px;}
|
||||
#login-panel .panel-head .nav{float: right;position: absolute;right: 0;top: 0;padding: 0;}
|
||||
#login-panel .panel-head .nav .btn{clear: both;display: block;margin: 10px 10px 0 0;position: absolute;top: 6px;right: 6px;border-color: #ccc;}
|
||||
#login-panel #mobile{height: 28px;}
|
||||
#login-panel #mobile i{margin: 0;padding: 0;}
|
||||
#login-panel #lang{right: 60px;padding: 8px;width: auto;word-spacing:nowrap; overflow:visible;min-width: 80px;text-align: center;}
|
||||
#login-panel .panel-content{padding-left: 150px;background:url('theme/default/images/main/zt-logo.png') 50px top no-repeat;}
|
||||
#login-panel .panel-content table{border: none;width: 300px;margin: 20px auto;}
|
||||
#login-panel .panel-content table td{padding: 6px;}
|
||||
#login-panel .panel-content table td.attr{font-weight: bold;text-align: right;vertical-align: middle;}
|
||||
#login-panel .panel-content input.text-2{width: 212px;}
|
||||
#login-panel .panel-content .button-s{width: 80px;}
|
||||
#login-panel .panel-content .button-c{width: 88px;margin-right: 0;}
|
||||
#login-panel .panel-foot{text-align: center;padding: 15px;line-height: 2em;background-color: #e5e5e5;border-top: 1px solid #dfdfdf;}
|
||||
.droppanel{display: none;margin: 0;padding: 4px 0;position: absolute;left: 0;top: 55px;background-color: #fff;-moz-box-shadow:0px 2px 6px rgba(0,0,0,0.5); -webkit-box-shadow:0px 2px 6px rgba(0,0,0,0.5); box-shadow:0px 2px 6px rgba(0,0,0,0.5);z-index: 9999;}
|
||||
#langs{left: -166px;}
|
||||
#qrcode{left: -310px;padding: 0;}
|
||||
#qrcode h4{background-color: #e5e5e5;line-height: 2em;padding:5px 15px;}
|
||||
.droppanel li{list-style: none;min-width: 120px;font-size: 14px;}
|
||||
.droppanel li a{display: block;padding: 8px 15px;border-bottom: 1px dashed #eee;}
|
||||
.droppanel li a:hover{background-color: #e5e5e5;color: #333;}
|
||||
.droppanel li a.active{background-color: #FAFFBD;}
|
||||
#poweredby{float: none; color: #eee;text-align: center;margin-top: 30px;}
|
||||
#poweredby a{color: #fff;}
|
||||
html,body{background-color: #036}
|
||||
#container{margin: 10% auto 0 auto}
|
||||
#login-panel{margin: 0 auto;width: 540px;min-height: 280px;background-color: #fff;border: 1px solid #dfdfdf;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;-moz-box-shadow:0px 0px 30px rgba(0,0,0,0.75); -webkit-box-shadow:0px 0px 30px rgba(0,0,0,0.75); box-shadow:0px 0px 30px rgba(0,0,0,0.75)}
|
||||
#login-panel .panel-head{min-height: 70px;background-color: #edf3fe;border-bottom: 1px solid #dfdfdf;position: relative}
|
||||
#login-panel .panel-head h4{margin: 0 0 0 20px;padding: 0;line-height: 70px}
|
||||
#login-panel .panel-actions{float: right;position: absolute;right: 15px;top: 18px;padding: 0}
|
||||
#login-panel .panel-actions .dropdown {display: inline-block; margin-right: 2px}
|
||||
#mobile {font-size: 28px; padding: 1px 12px; line-height: 28px}
|
||||
#login-panel .panel-content{padding-left: 150px;background:url('theme/default/images/main/zt-logo.png') 50px top no-repeat; min-height: 161px}
|
||||
#login-panel .panel-content table{border: none;width: 300px;margin: 20px auto}
|
||||
#login-panel .panel-content .button-s{width: 80px}
|
||||
#login-panel .panel-content .button-c{width: 88px;margin-right: 0}
|
||||
#login-panel .panel-foot{text-align: center;padding: 15px;line-height: 2em;background-color: #e5e5e5;border-top: 1px solid #dfdfdf}
|
||||
#poweredby{float: none; color: #eee;text-align: center;margin-top: 30px}
|
||||
#poweredby a{color: #fff}
|
||||
#keeplogin label {font-weight: normal}
|
||||
.popover {max-width: 500px}
|
||||
.popover-content {padding: 0}
|
||||
|
||||
+4
-21
@@ -3,28 +3,11 @@ $(document).ready(function()
|
||||
{
|
||||
$('#account').focus();
|
||||
|
||||
$("#lang").click(function(event)
|
||||
$("#langs li > a").click(function()
|
||||
{
|
||||
$("#langs").toggle();
|
||||
event.stopPropagation();
|
||||
selectLang($(this).data('value'));
|
||||
console.log($(this).data('value'));
|
||||
});
|
||||
|
||||
$(document).click(function(event)
|
||||
{
|
||||
$("#langs").hide();
|
||||
$("#qrcode").hide();
|
||||
});
|
||||
|
||||
$("#langs a").click(function()
|
||||
{
|
||||
$("#langs a").removeClass('active');
|
||||
$(this).addClass("active");
|
||||
selectLang($(this).attr("data-value"));
|
||||
});
|
||||
|
||||
$("#mobile").click(function(event) {
|
||||
$("#qrcode").toggle();
|
||||
event.stopPropagation();
|
||||
return false;
|
||||
});
|
||||
$('#mobile').popover({html: true, container: 'body'});
|
||||
})
|
||||
|
||||
@@ -11,47 +11,39 @@
|
||||
include '../../common/view/header.lite.html.php';
|
||||
?>
|
||||
|
||||
<div id="container">
|
||||
<div id="login-panel">
|
||||
<div class="panel-head">
|
||||
<h3><?php printf($lang->welcome, $app->company->name);?></h3>
|
||||
<div class="nav">
|
||||
<a href="###" id="lang" class="btn" title="Change Language/更换语言/更換語言"><?php echo $config->langs[$this->app->getClientLang()]; ?> <i class="icon-caret-down"></i></a>
|
||||
<a href="###" id="mobile" class="btn" title="<?php echo $lang->user->mobileLogin; ?>"><i class="icon-mobile-phone icon-2x"></i></a>
|
||||
<ul class="droppanel" id="langs">
|
||||
<?php foreach($config->langs as $key => $value):?>
|
||||
<li><a href="###" data-value="<?php echo $key; ?>" class="<?php echo $key==$this->app->getClientLang()?'active':''; ?>"><?php echo $value; ?></a></li>
|
||||
<?php endforeach;?>
|
||||
</ul>
|
||||
<div class="droppanel" id="qrcode">
|
||||
<h4><i class="icon-mobile-phone icon-large"></i> <?php echo $lang->user->mobileLogin ?></h4>
|
||||
<?php if(extension_loaded('gd')):?>
|
||||
<img src='<?php echo $this->createLink('misc', 'qrcode');?>' />
|
||||
<?php else:?>
|
||||
<table width='300' class='mt-10px bd-none'>
|
||||
<tr><td><?php echo $noGDLib;?></td></tr>
|
||||
</table>
|
||||
<?php endif;?>
|
||||
<div id='container'>
|
||||
<div id='login-panel'>
|
||||
<div class='panel-head'>
|
||||
<h4><?php printf($lang->welcome, $app->company->name);?></h4>
|
||||
<div class='panel-actions'>
|
||||
<div class='dropdown' id='langs'>
|
||||
<button class='btn' data-toggle='dropdown' title='Change Language/更换语言/更換語言'><?php echo $config->langs[$this->app->getClientLang()]; ?> <span class="caret"></span></button>
|
||||
<ul class='dropdown-menu'>
|
||||
<?php foreach($config->langs as $key => $value):?>
|
||||
<li><a href="###" data-value="<?php echo $key; ?>" class="<?php echo $key==$this->app->getClientLang()?'active':''; ?>"><?php echo $value; ?></a></li>
|
||||
<?php endforeach;?>
|
||||
</ul>
|
||||
</div>
|
||||
<button data-placement='bottom' data-toggle='popover' data-content="<?php if(extension_loaded('gd')) echo "<img height='297' width='297' src='" . $this->createLink('misc', 'qrcode') . "' />"; else echo $noGDLib; ?>" data-original-title="<i class='icon-mobile-phone'></i> <?php echo $lang->user->mobileLogin;?>" id='mobile' class='btn' title='<?php echo $lang->user->mobileLogin; ?>'><i class='icon-mobile-phone'></i></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel-content" id="login-form">
|
||||
<form method='post' target='hiddenwin'>
|
||||
<table>
|
||||
<form method='post' target='hiddenwin' class='form-condensed'>
|
||||
<table class='table table-form'>
|
||||
<tr>
|
||||
<td class="attr"><?php echo $lang->user->account;?></td>
|
||||
<td><input class='text-2' type='text' name='account' id='account' /></td>
|
||||
<th><?php echo $lang->user->account;?></th>
|
||||
<td><input class='form-control' type='text' name='account' id='account' /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="attr"><?php echo $lang->user->password;?></td>
|
||||
<td><input class='text-2' type='password' name='password' /></td>
|
||||
<th><?php echo $lang->user->password;?></th>
|
||||
<td><input class='form-control' type='password' name='password' /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="attr"></td>
|
||||
<th></th>
|
||||
<td id="keeplogin"><?php echo html::checkBox('keepLogin', $lang->user->keepLogin, $keepLogin);?></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<th></th>
|
||||
<td>
|
||||
<?php
|
||||
echo html::submitButton($lang->login);
|
||||
@@ -76,7 +68,7 @@ include '../../common/view/header.lite.html.php';
|
||||
if(isset($demoUsers['tester1'])) echo html::a(inlink('login') . $sign . "account=tester1&password=123456", $demoUsers['tester1'], 'hiddenwin');
|
||||
?>
|
||||
</div>
|
||||
<?php endif;?>
|
||||
<?php endif;?>
|
||||
</div>
|
||||
<div id="poweredby">
|
||||
powered by <a href='http://www.zentao.net' target='_blank'>ZenTaoPMS</a>(<?php echo $config->version;?>)
|
||||
|
||||
Reference in New Issue
Block a user