mirror of
https://github.com/DzzXH/DzzOffice.git
synced 2026-04-11 08:25:13 +08:00
240 lines
6.7 KiB
HTML
240 lines
6.7 KiB
HTML
<!--{template common/header_simple_start}-->
|
|
<link href="static/css/common.css?{VERHASH}" rel="stylesheet" media="all">
|
|
<!--[if lt IE 9]>
|
|
<script src="static/js/jquery.placeholder.js" type="text/javascript"></script>
|
|
<![endif]-->
|
|
<style>
|
|
html body {
|
|
overflow: hidden
|
|
}
|
|
|
|
.mainContainer {
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
position: relative;
|
|
z-index: 10;
|
|
background: url(dzz/images/b.gif);
|
|
}
|
|
|
|
.modal-content {
|
|
position: absolute;
|
|
width: auto;
|
|
margin: 10px;
|
|
left: 0;
|
|
top: 0;
|
|
right: 0;
|
|
z-index: 900;
|
|
text-shadow: 1px 1px 1px #FFF;
|
|
background-color: RGBA(255, 255, 255, 0.9);
|
|
}
|
|
|
|
.ie8 .modal-content {
|
|
width: 350px;
|
|
margin: 10px;
|
|
position: absolute;
|
|
right: 80px;
|
|
top: 80px;
|
|
z-index: 900;
|
|
left: auto;
|
|
background-color: RGBA(255, 255, 255, 0.9);
|
|
}
|
|
|
|
@media (min-width: 510px) {
|
|
.modal-content {
|
|
width: 350px;
|
|
position: absolute;
|
|
right: 80px;
|
|
top: 80px;
|
|
z-index: 900;
|
|
left: auto;
|
|
background-color: RGBA(255, 255, 255, 0.9);
|
|
}
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.modal-content {
|
|
width: 350px;
|
|
margin: 0;
|
|
position: absolute;
|
|
top: 80px;
|
|
right: 80px;
|
|
left: auto;
|
|
z-index: 900;
|
|
background-color: RGBA(255, 255, 255, 0.9);
|
|
}
|
|
}
|
|
|
|
.form-login .form-group-lg {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.form-login .form-group-lg .form-control {
|
|
padding: 10px 16px;
|
|
height: 46px;
|
|
}
|
|
|
|
.siteinfo {
|
|
padding: 50px 20px 20px 50px;
|
|
opacity: 0.9;
|
|
font-weight: 700;
|
|
text-shadow: 1px 1px 1px #000;
|
|
color: #FFF;
|
|
}
|
|
|
|
.siteinfo-title {
|
|
font-size: 40px;
|
|
padding-bottom: 20px;
|
|
}
|
|
|
|
.siteinfo-subtitle {
|
|
font-size: 30px;
|
|
padding-bottom: 20px;
|
|
}
|
|
</style>
|
|
<script type="text/javascript" src="dzz/scripts/imgReady.js"></script>
|
|
|
|
<!--{template common/header_simple_end}-->
|
|
<!--{eval $loginhash = 'L'.random(4);}-->
|
|
<!--{template common/beijing}-->
|
|
<div class="mainContainer clearfix">
|
|
<!--文字层-->
|
|
<div class="siteinfo">
|
|
<div class="siteinfo-title"> $_G['setting']['loginset']['title'] </div>
|
|
<div class="siteinfo-subtitle"> $_G['setting']['loginset']['subtitle'] </div>
|
|
</div>
|
|
|
|
<div class="modal-content">
|
|
<div id="main_message">
|
|
<div id="layer_login_$loginhash">
|
|
<div class="modal-header" style="border-bottom:1px solid #DDD;">
|
|
<h4 class="modal-title text-center">
|
|
<p><img class="img-circle" style="width:30px;height:30px" src="$uinfo[figureurl]" /></p>
|
|
<div>$uinfo[nickname]</div>
|
|
</h4>
|
|
</div>
|
|
<div class="modal-body" style="font-size:14px;padding:10px 30px 10px 30px;">
|
|
<form method="post" name="login " id="loginform_$loginhash" class="form-login" role="form">
|
|
<input type="hidden" name="formhash" value="{FORMHASH}" />
|
|
<p>
|
|
{lang binding_for_account}
|
|
</p>
|
|
<div class="form-group form-group-lg">
|
|
<input type="text" class="form-control" id="email_$loginhash" placeholder="{lang email_username}" name="email" autocomplete="off">
|
|
</div>
|
|
<div class="form-group form-group-lg">
|
|
<input type="password" class="form-control " id="password3_$loginhash" placeholder="{lang user_login_password}" name="password" onfocus="clearpwd()" autocomplete="off">
|
|
</div>
|
|
|
|
<div class="form-group form-group-lg">
|
|
<label class="checlbox checkbox-inline"><input type="checkbox" name="cookietime" id="cookietime_$loginhash" value="2592000" $cookietimecheck />{lang automatic_login_within_thirtydays}</label>
|
|
</div>
|
|
<div class="form-group form-group-lg last">
|
|
<button class="btn btn-primary btn-block" type="submit" name="loginsubmit" value="true"><strong style="line-height:30px;">{lang bundle_empty}</strong></button>
|
|
</div>
|
|
|
|
</form>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<a class="" tabindex="-1" href="user.php?mod=register" <!--{if !empty($_GET[ 'inajax'])}-->onclick="_login.register();return false;"
|
|
<!--{/if}-->title="{lang register_new_account_bound}">{lang register_new_account}</a>
|
|
</div>
|
|
<!--{if $_G['setting']['pwdsafety']}-->
|
|
<script type="text/javascript" src="dzz/scripts/md5.js?{VERHASH}" reload="1"></script>
|
|
<!--{/if}-->
|
|
</div>
|
|
|
|
</div>
|
|
<div class="nfl" id="main_succeed" style="display: none">
|
|
<div class="modal-body">
|
|
<div class="alert_right">
|
|
<div id="succeedmessage"></div>
|
|
<div id="succeedlocation" class="alert_btnleft"></div>
|
|
<p class="alert_btnleft">
|
|
<a id="succeedmessage_href" href="javascript:;">{lang message_forward}</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script type="text/javascript">
|
|
var clientHeight, clientWidth;
|
|
var width, height;
|
|
|
|
function setHeightCenter(flag) {
|
|
clientWidth = document.documentElement.clientWidth;
|
|
clientHeight = document.documentElement.clientHeight;
|
|
var modalHeight = jQuery('.modal-content').outerHeight(true);
|
|
jQuery('.mainContainer').css('height', clientHeight);
|
|
if(jQuery('.ie8').length) {
|
|
if(clientWidth < 430) {
|
|
jQuery('.modal-content').css({ 'top': 0, 'width': 'auto', 'margin': '10px', 'left': 0, 'right': 0 });
|
|
} else if(clientWidth < 768) {
|
|
jQuery('.modal-content').css({ 'top': '80px', 'width': '350px', 'margin': '0', 'left': 'auto', 'right': '80px' });
|
|
} else {
|
|
jQuery('.modal-content').css({ 'top': '80px', 'width': '350px', 'margin': '0', 'left': 'auto', 'right': '80px' });
|
|
}
|
|
}
|
|
var top = (clientHeight - modalHeight) / 2;
|
|
if(top > 100) top = 100;
|
|
|
|
if(top > 10) jQuery('.modal-content').css('top', top);
|
|
else jQuery('.modal-content').css('top', 10);
|
|
}
|
|
var pwdclear = 1;
|
|
|
|
function initinput_login() {
|
|
document.body.focus();
|
|
if($('loginform_$loginhash')) {
|
|
$('loginform_$loginhash').email.focus();
|
|
}
|
|
}
|
|
|
|
function clearpwd() {
|
|
if(pwdclear) {
|
|
$('password3_$loginhash').value = '';
|
|
}
|
|
pwdclear = 0;
|
|
}
|
|
|
|
function setImage() {
|
|
clientWidth = document.documentElement.clientWidth;
|
|
clientHeight = document.documentElement.clientHeight;
|
|
var r0 = clientWidth / clientHeight;
|
|
var r1 = width / height;
|
|
if(r0 > r1) { //width充满
|
|
w = clientWidth;
|
|
h = w * (height / width);
|
|
} else {
|
|
h = clientHeight;
|
|
w = h * (width / height);
|
|
}
|
|
document.getElementById('imgbg').style.width = w + 'px';
|
|
document.getElementById('imgbg').style.height = h + 'px';
|
|
}
|
|
var Timer = null;
|
|
window.onresize = function() {
|
|
if(Timer) window.clearTimeout(Timer);
|
|
Timer = window.setTimeout(function() { setHeightCenter();
|
|
setImage(); }, 50);
|
|
}
|
|
|
|
jQuery(document).ready(function(e) {
|
|
setHeightCenter(true);
|
|
initinput_login();
|
|
if($('imgbg')) {
|
|
imgReady($('imgbg').src, function() {
|
|
width = this.width;
|
|
height = this.height;
|
|
});
|
|
}
|
|
if(jQuery('.ie8,.ie9').length) { //ie8模拟placeholder;
|
|
jQuery(':input[placeholder]').each(function() {
|
|
jQuery(this).placeholder();
|
|
});
|
|
}
|
|
});
|
|
</script>
|
|
<script src="static/bootstrap/js/bootstrap.min.js?{VERHASH}"></script>
|
|
|
|
<!--{template common/footer}--> |