hbt-moore-stone-ui/job-list.htm

104 lines
3.5 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta name="robots" content="index, follow"/>
<title>${field.typetitle}</title>
<meta name="keywords" content="${field.typekeyword}">
<meta name="description" content="${field.typedescrip}">
<meta http-equiv="Cache-Control" content="no-transform"/>
<meta http-equiv="Cache-Control" content="no-siteapp"/>
<meta name="applicable-device" content="pc,mobile"/>
<link href="/{ms:global.style/}css/style.css" rel="stylesheet"/>
<link href="/{ms:global.style/}css/css.css" rel="stylesheet"/>
<script src="/{ms:global.style/}js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="/{ms:global.style/}js/jquery.superslide.2.1.1.js">//pc</script>
<script src="/{ms:global.style/}js/anim.js">//</script>
<script type="text/javascript" src="/{ms:global.style/}js/basic.js"></script>
</head>
<body>
<#include "header.htm" />
<div class="o_big" >
<img src="{@ms:file field.typelitpic/}" alt="CMS,免费CMS,免费开源Java CMS,CMS系统,Java CMS,CMS内容管理系统,企业CMS,HTML网页模板,CMS模板,CMS源码,网站源码,信创系统软件,安可系统,网站建设,模板网站,建站模板,建站工具,建站平台,建站工具"/>
<h1 >${field.typedescrip}</h1>
</div>
<h1 style="font-size:46px; display:block;text-align:center;font-weight:bolder;margin:50px auto">社会职位招聘</h1>
<!--正文begin-->
<div class="news_bg">
<div class="wrap">
<div class="job_con">
<ul>
{ms:arclist size=10 ispaging=true}
<li class="anim anim-1">
<a href="{ms:global.html/}${field.link}" style="display:flex; align-items:center">
<div class="f22">${field.title}</div>
<div class="f16">${field.source}</div>
<div class="f16">${field.author}</div>
<div><i></i></div>
</a>
</li>
{/ms:arclist}
</ul>
</div>
<div class="yema"><#include "page.htm" /></div>
</div>
</div>
<!--正文end-->
<#include "footer.htm" />
<script language="javascript" src="/{ms:global.style/}js/foot.js"></script><!--尾部end-->
</body>
</html>
<style>
.job_con{
width:100%;
overflow:hidden;
}
.job_con ul li{
overflow: hidden;
padding: 2% 0;
border-top: 1px solid #e0e0e0;
display: block;
color:#333;
cursor:pointer;
}
.job_con ul li a{
display:flex;
align-items:center;
}
.job_con ul li a div{
width:25%;
}
.job_con ul li a div:nth-child(1){
width:44%;
}
.job_con ul li a div:nth-child(4){
width:6%
}
.job_con ul li a div i{
display:block;
height: 20px;
transform: scale(0.8);
background: url(/{ms:global.style/}images/allbgs.png) -70px -256px no-repeat;
}
.job_con ul li:hover{
background:#f8f8f8
}
.job_con ul li:hover a{
color:#333
}
.job_con ul li:hover i{
background: url(/{ms:global.style/}images/allbgs.png) -266px -251px no-repeat;
}
.job_con ul li:hover a div:nth-child(1){
color: #c7000b;
text-decoration: underline;
text-underline-offset: 5px;
text-decoration-thickness: 1px;
}
</style>