mirror of
https://github.com/DzzXH/DzzOffice.git
synced 2026-04-08 12:26:42 +08:00
233 lines
8.3 KiB
HTML
233 lines
8.3 KiB
HTML
<!--{template common/header_simple}-->
|
|
<!--[if lt IE 9]>
|
|
<script src="static/js/jquery.placeholder.js" type="text/javascript"></script>
|
|
<![endif]-->
|
|
<script type="text/javascript" src="static/js/md5.js"></script>
|
|
<!--{eval $loginhash = 'L'.random(4);}-->
|
|
<!--{if $_G['setting'][loginset][template] == 2}-->
|
|
<link href="static/css/dlzc.css?{VERHASH}" rel="stylesheet" media="all">
|
|
<div class="relative min-h-screen flex">
|
|
<div class="flex flex-col sm:flex-row items-center md:items-start sm:justify-center md:justify-start flex-auto min-w-0 bg-white">
|
|
<div class="sm:w-1/2 xl:w-3/5 h-full hidden md:flex flex-auto items-center justify-center p-10 overflow-hidden bg-purple-900 text-white bg-no-repeat bg-cover relative"<!--{if $_G['setting']['loginset']['img']}--> style="background-image: url($_G['setting']['loginset']['img'])"<!--{/if}-->>
|
|
<div class="absolute bg-gradient-to-b opacity-75 inset-0 z-0" style="<!--{if !$_G['setting']['loginset']['img']}-->--tw-gradient-from: #4f46e5;--tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to, rgba(79, 70, 229, 0));<!--{/if}-->--tw-gradient-to:<!--{if $_G['setting']['loginset']['bcolor']}-->$_G['setting']['loginset']['bcolor']<!--{else}-->#3b82f6<!--{/if}-->"></div>
|
|
<div class="w-full max-w-md z-10">
|
|
<!--{if $_G[setting][sitename]}--><div class="sm:text-4xl xl:text-5xl font-bold leading-tight mb-6">$_G[setting][sitename]</div><!--{/if}-->
|
|
<!--{if $_G[setting][loginset][subtitle]}--><div class="sm:text-4xl xl:text-5xl font-bold leading-tight mb-6">$_G[setting][loginset][subtitle]</div><!--{/if}-->
|
|
<!--{if $_G[setting][metadescription]}--><div class="sm:text-sm xl:text-md text-gray-200 font-normal">$_G[setting][metadescription]</div><!--{/if}-->
|
|
</div>
|
|
<!--{if !$_G['setting']['loginset']['img']}-->
|
|
<ul class="circles">
|
|
<li></li>
|
|
<li></li>
|
|
<li></li>
|
|
<li></li>
|
|
<li></li>
|
|
<li></li>
|
|
<li></li>
|
|
<li></li>
|
|
<li></li>
|
|
<li></li>
|
|
</ul>
|
|
<!--{/if}-->
|
|
</div>
|
|
<div class="md:flex md:items-center md:justify-center w-full sm:w-auto md:h-full w-2/5 xl:w-2/5 p-8 md:p-10 lg:p-14 sm:rounded-lg md:rounded-none bg-white">
|
|
<div class="max-w-md w-full mx-auto space-y-8">
|
|
<div class="flex flex-row justify-center items-center space-x-3">
|
|
$avastar
|
|
</div>
|
|
<div class="sm:text-4xl xl:text-5xl font-bold leading-tight mb-6 text-center">
|
|
{lang title_admincp}
|
|
</div>
|
|
<form class="mt-8 space-y-6" action="$extra" method="POST" name="login" id="loginform" role="form" enctype="multipart/form-data" onsubmit="pwmd5('admin_password')">
|
|
<input type="hidden" name="sid" value="$sid">
|
|
$loginuser2
|
|
<div class="relative" id="admin_password_Container">
|
|
<input autofocus class="w-full text-base px-4 py-2 border-b border-gray-300 focus:outline-none rounded-2xl focus:border-indigo-500" name="admin_password" id="admin_password" type="password" class="form-control" value="" autocomplete="off" placeholder="$lang1[password]" />
|
|
</div>
|
|
<div>
|
|
<button type="submit" class="w-full flex justify-center bg-gradient-to-r from-indigo-500 to-blue-600 hover:bg-gradient-to-l hover:from-blue-500 hover:to-indigo-600 text-gray-100 p-4 rounded-full tracking-wide font-semibold shadow-lg cursor-pointer transition ease-in duration-500" name="loginsubmit" value="true">{lang login}</button>
|
|
</div>
|
|
<p class="items-center justify-center mt-10 text-center text-md text-gray-500">
|
|
<span>访问首页？</span>
|
|
<a href="$_G[siteurl]" class="text-indigo-400 hover:text-blue-500 no-underline hover:underline cursor-pointer transition ease-in duration-300">{lang Home page}</a>
|
|
</p>
|
|
</form>
|
|
<div class="w-full max-w-md z-10">
|
|
<div class="sm:text-sm xl:text-md text-gray-200 font-normal text-center"><!--{template common/copyright}--></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--{else}-->
|
|
<link rel="stylesheet" href="static/bootstrap/css/bootstrap.min.css" type="text/css" media="all" />
|
|
<link rel="stylesheet" href="static/css/common.css" type="text/css" media="all" />
|
|
<style>
|
|
.mainContainer{
|
|
animation-duration: 800ms;
|
|
position: relative;
|
|
animation-fill-mode: both;
|
|
z-index: 10;
|
|
height: 100%;
|
|
text-align: center;
|
|
overflow:auto;
|
|
}
|
|
.loginContainer{
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
.loginformContainer {
|
|
padding: 30px;
|
|
text-align: center;
|
|
background-color: RGBA(255,255,255,.9);
|
|
border-radius: 5px;
|
|
border: 1px solid #e3e3e3;
|
|
-webkit-box-shadow: 0 5px 15px RGBA(0,0,0,.3);
|
|
-moz-box-shadow: 0 5px 15px RGBA(0,0,0,.3);
|
|
box-shadow: 0 5px 15px RGBA(0,0,0,.3);
|
|
}
|
|
input:-webkit-autofill {
|
|
box-shadow: 0 0 0px 1000px white inset !important;
|
|
}
|
|
.logintips {
|
|
color: red;
|
|
line-height: 30px;
|
|
padding: 20px;
|
|
width: 350px;
|
|
background: #FFF;
|
|
border-radius: 5px;
|
|
border: 1px solid #e3e3e3;
|
|
-webkit-box-shadow: 0 5px 15px RGBA(0,0,0,.3);
|
|
-moz-box-shadow: 0 5px 15px RGBA(0,0,0,.3);
|
|
box-shadow: 0 5px 15px RGBA(0,0,0,.3);
|
|
}
|
|
#loginform {
|
|
margin: 0;
|
|
text-align: center;
|
|
width: 320px;
|
|
}
|
|
.login h4 {
|
|
height: 35px;
|
|
margin-bottom: 10px;
|
|
}
|
|
.avatarContainer {
|
|
margin-bottom: 50px;
|
|
margin-top: 20px;
|
|
overflow: hidden;
|
|
text-align: center;
|
|
}
|
|
.avatarContainer img {
|
|
max-width: 128px;
|
|
max-height: 128px;
|
|
}
|
|
.avatarContainer .maintitle{
|
|
font-size:20px;
|
|
font-weight: 600;
|
|
padding-top:10px;
|
|
}
|
|
#admin_password_Container {
|
|
padding: 30px 0 30px 0;
|
|
}
|
|
#admin_password_Container .input-black {
|
|
margin-bottom: 10px;
|
|
}
|
|
.loginformContainer .username {
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
margin: 10px 0 0;
|
|
min-height: 1em;
|
|
}
|
|
.loginformContainer .email {
|
|
color: #404040;
|
|
line-height: 2;
|
|
margin-bottom: 0;
|
|
font-size: 14px;
|
|
}
|
|
input[type="password"], input[type="text"] {
|
|
height: 40px;
|
|
width: 100%;
|
|
direction: ltr;
|
|
font-size: 14px;
|
|
outline: none;
|
|
width: 286px\0;
|
|
*width:286px;
|
|
}
|
|
input[type="submit"] {
|
|
width: 100%;
|
|
height: 40px;
|
|
font-size: 16px;
|
|
font-weight: 700;
|
|
width: 286px\0;
|
|
*width:286px;
|
|
}
|
|
input[type="password"]:focus, input[type="text"]:focus {
|
|
box-shadow: none;
|
|
outline: none;
|
|
}
|
|
.footer .copyright {
|
|
border: medium none;
|
|
font-size: 12px;
|
|
position: static;
|
|
text-align: center;
|
|
}
|
|
.copyright {
|
|
color: #899;
|
|
font-family: "微软雅黑";
|
|
font-size: 12px;
|
|
left: 5px;
|
|
line-height: 150%;
|
|
padding-top: 20px;
|
|
text-align: center;
|
|
z-index: 10;
|
|
}
|
|
.copyright a {
|
|
color: #899;
|
|
}
|
|
.wrapper-placeholder {
|
|
text-align: left
|
|
}
|
|
.Topcarousel {
|
|
display: inline-block;
|
|
width: 100px;
|
|
height: 100px;
|
|
border-radius: 50%;
|
|
line-height: 100px;
|
|
font-size: 45px;
|
|
color: #fff;
|
|
}
|
|
|
|
</style>
|
|
<!--{template common/beijing}-->
|
|
<div class="mainContainer">
|
|
<table class="loginContainer" wide="100%" height="100%">
|
|
<tr><td align="center" valign="middle">
|
|
<form method="post" name="login" id="loginform" action="$extra" onsubmit="pwmd5('admin_password')">
|
|
<input type="hidden" name="sid" value="$sid">
|
|
<div class="loginformContainer">
|
|
<div class="avatarContainer">$avastar$avastar1</div>
|
|
$loginuser
|
|
<div id="admin_password_Container">
|
|
<input name="admin_password" id="admin_password" type="password" class="form-control" value="" autocomplete="off" placeholder="$lang1[password]" />
|
|
</div>
|
|
<input name="submit" value="$lang1[login]" type="submit" class="btn btn-primary" />
|
|
<a href="$_G[siteurl]" class="btn btn-lg btn-primary btn-block" style="margin-top: 2px;">首页</a>
|
|
<div class="copyright-container">
|
|
<!--{template common/copyright}-->
|
|
</div>
|
|
</div>
|
|
</form>
|
|
<!--{/if}-->
|
|
<script type="text/JavaScript">
|
|
jQuery(document).ready(function(e) {
|
|
jQuery('#loginform .form-control:first').focus();
|
|
if(jQuery('.ie8,.ie9').length){ //ie8模拟placeholder;
|
|
jQuery(':input[placeholder]').each(function(){
|
|
jQuery(this).placeholder();
|
|
});
|
|
}
|
|
});
|
|
</script>
|
|
<script type="text/javascript" src="user/scripts/setbacksize.js?{VERHASH}"></script>
|
|
<!--{template common/footer}-->
|