<apex:page showHeader="false" controller="ClassicLoginPageCoverController">
|
<style>
|
.wrapper {
|
margin: 10% auto 100px;
|
width: 540px;
|
text-align: center;
|
}
|
|
.log_img {
|
width: 40%;
|
border-radius: 3px;
|
}
|
|
.wrapper_content {
|
text-align: center;
|
font-size: 16px;
|
width: 500px;
|
padding: 20px;
|
min-height: 180px;
|
border: 1px solid #D8DDE6;
|
border-radius: 4px;
|
box-shadow: 4px 4px 10px rgb(0 0 0 / 26%);
|
margin-top: 10px;
|
}
|
|
.show_content {
|
min-height: 140px;
|
position: relative;
|
padding-bottom: 40px;
|
}
|
|
.content {
|
text-align: left;
|
margin-bottom: 10px;
|
color: #16325c;
|
line-height: 24px;
|
position: absolute;
|
left: 0;
|
right: 0;
|
top: 50%;
|
transform: translateY(-50%);
|
}
|
|
.content_type1 {
|
text-align: left;
|
}
|
|
.loginBtn {
|
background: #1797C0 !important;
|
color: #fff !important;
|
padding: 8px 16px !important;
|
border: none !important;
|
margin-top: 5px;
|
}
|
.content span {
|
font-size: 18px;
|
color: Green;
|
width: 500px;
|
}
|
#OperationsManualURL {
|
font-size: 18px;
|
margin-left: 10px;
|
}
|
.headTile {
|
border-bottom: 1px solid;
|
height: 2rem;
|
}
|
.headTile h1 {
|
font-size: 20px;
|
color: red;
|
}
|
.notificationContent {
|
margin-top: 20px;
|
}
|
</style>
|
<div class="wrapper">
|
<apex:image value="{!$Resource.Olympus_Logo}" styleClass="log_img"/>
|
<apex:outputPanel layout="block" styleClass="wrapper_content">
|
<apex:outputPanel layout="block" styleClass="show_content">
|
<apex:outputPanel layout="block" styleClass="content_type1">
|
<apex:outputPanel layout="block" styleClass="content">
|
<div class="headTile">
|
<h1>友情提醒：</h1>
|
</div>
|
<div class="notificationContent">
|
<h1>
|
<span>
|
为了提升您的系统使用体验，旧的消耗品追溯系统已关闭，请使用
|
<a href="{!loginUrl}">新消耗品系统</a>
|
进行登录。
|
</span>
|
<br/>
|
<span>
|
本页面将于12月31日正式关闭，请尽快保存跳转后页面地址，谢谢!
|
</span>
|
<br/>
|
</h1>
|
</div>
|
</apex:outputPanel>
|
</apex:outputPanel>
|
</apex:outputPanel>
|
</apex:outputPanel>
|
</div>
|
</apex:page>
|
