@ -0,0 +1,28 @@ |
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> |
||||
<!-- saved from url=(0030)http://yangchao.ming-soft.net/ --> |
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> |
||||
<head> |
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> |
||||
<title>{ms:global.name/}</title> |
||||
<link rel="shortcut icon" href="{ms:global.host/}/{ms:global.style/}/favicon.ico" type="x-icon"/> |
||||
<meta name="description" content="{ms:global.descrip/}"> |
||||
<meta name="keywords" content="{ms:global.keyword/}"> |
||||
<link rel="stylesheet" href="{ms:global.host/}/{ms:global.style/}/css/css.css"> |
||||
</head> |
||||
<body> |
||||
<div class="contentFixed"> |
||||
<!--菜单页面--> |
||||
<#include "left.htm"> |
||||
<div class="right" style="float: right;"> |
||||
<div class="About1999" style="margin:25px;width:750px"> |
||||
<div style="width:70px"></div> |
||||
<div class="newsBody"> |
||||
<div class="contentbody"> |
||||
{ms:field.content/} |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,455 @@ |
||||
@charset "utf-8"; |
||||
body { |
||||
background: #C9C9CB; |
||||
font-family: "Trebuchet MS",Verdana,Arial,sans-serif; |
||||
font-size: 12px; |
||||
line-height: 1.6; |
||||
margin:0; |
||||
padding:0; |
||||
} |
||||
|
||||
ul,li{ |
||||
margin:0; |
||||
list-style:none; |
||||
padding:0; |
||||
} |
||||
div{ |
||||
word-wrap: break-word; |
||||
word-break: normal; |
||||
} |
||||
|
||||
|
||||
.contentFixed { |
||||
width:1140px; |
||||
height:550px; |
||||
background: #FFF; |
||||
overflow:hidden; |
||||
} |
||||
|
||||
.contentFixed .topHeight { |
||||
height:125px; |
||||
} |
||||
.contentFixed .middleHeight { |
||||
} |
||||
.container { |
||||
height: 210px; |
||||
margin: 0 auto; |
||||
position: relative; |
||||
width: 300px; |
||||
text-align:center; |
||||
overflow:hidden; |
||||
} |
||||
.container img { |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; |
||||
z-index: 10; |
||||
} |
||||
.contentFixed .logo{ |
||||
background:url(../images/logo_title.jpg); |
||||
width:245px; |
||||
height:35px; |
||||
margin:0 auto; |
||||
margin-top:15px; |
||||
|
||||
|
||||
} |
||||
|
||||
.contentFixed .left { |
||||
width:183px; float:left; overflow:hidden; _margin-top:-20px; * margin-top:-20px; |
||||
} |
||||
.contentFixed .backline { |
||||
width:5px; background:#C9C9CB; height:560px; float:left; _margin-top:-20px; * margin-top:-20px; |
||||
} |
||||
.contentFixed .right{ |
||||
width:950px; float:left; _margin-top:-20px; * margin-top:-20px;} |
||||
|
||||
/**左侧小LOGO**/ |
||||
.contentFixed .logoGap{ |
||||
height:20px;} |
||||
.contentFixed .smallLogo { |
||||
background-image:url(../images/bg.png); |
||||
width:157px; |
||||
height:114px; |
||||
margin:0 auto; |
||||
padding-bottom:20px; |
||||
} |
||||
|
||||
.contentFixed .gap { |
||||
height:35px; |
||||
} |
||||
.contentFixed .works ul { |
||||
height:140px; |
||||
} |
||||
|
||||
/**left begin**/ |
||||
.contentFixed .menu{ |
||||
width:183px; |
||||
height:305px; |
||||
/*overflow:hidden;*/ |
||||
} |
||||
.contentFixed .left .menu ul{ |
||||
height:155px; |
||||
width:100%; |
||||
margin:0; |
||||
padding:0; |
||||
list-style:none; |
||||
} |
||||
.contentFixed .left .menu ul li{ |
||||
overflow:hidden; |
||||
width:175px; |
||||
margin:0 0 0px 14px; |
||||
cursor: pointer; |
||||
* margin:0 0 1px 20px; |
||||
padding:0; |
||||
height:24px; |
||||
_height:24px; |
||||
list-style:none; |
||||
} |
||||
.contentFixed .left .menu .h5{ |
||||
height:5px; |
||||
|
||||
overflow:hidden; |
||||
|
||||
margin:0; |
||||
padding:0; |
||||
} |
||||
|
||||
.contentFixed .menu .about0,.about1,.about2,.about3,.about4,.about5,.about6,.about7,.about8,.about9,.about10 { |
||||
background:url(../images/bg1.png); |
||||
} |
||||
|
||||
.contentFixed .menu .selabout0,.selabout1,.selabout2,.selabout3,.selabout4,.selabout5,.selabout6,.selabout7,.selabout8,.selabout9,.selabout10{ |
||||
background:url(../images/bg1.png); |
||||
} |
||||
|
||||
/**变化图片 开始**/ |
||||
.contentFixed .menu .selabout0 { |
||||
background-position:0 -30px; |
||||
} |
||||
|
||||
.contentFixed .menu .selabout1 { |
||||
background-position:0 -90px; |
||||
} |
||||
|
||||
|
||||
.contentFixed .menu .selabout2 { |
||||
background-position:0 -150px; |
||||
} |
||||
|
||||
.contentFixed .menu .selabout3{ |
||||
background-position:0 -210px; |
||||
} |
||||
|
||||
.contentFixed .menu .selabout4 { |
||||
background-position:0 -270px; |
||||
} |
||||
|
||||
.contentFixed .menu .selabout5 { |
||||
background-position:0 -330px; |
||||
} |
||||
|
||||
.contentFixed .menu .selabout6 { |
||||
background-position:0 -390px; |
||||
} |
||||
|
||||
.contentFixed .menu .selabout7 { |
||||
background-position:0 -450px; |
||||
} |
||||
|
||||
.contentFixed .menu .selabout8 { |
||||
background-position:0 -510px; |
||||
} |
||||
|
||||
.contentFixed .menu .selabout9 { |
||||
background-position:0 -570px; |
||||
} |
||||
.contentFixed .menu .selabout10 { |
||||
background-position:0 -601px; |
||||
} |
||||
|
||||
/**没有变化图片 结束**/ |
||||
|
||||
.contentFixed .menu .about0 { |
||||
background-position:0 0px; |
||||
|
||||
} |
||||
|
||||
.contentFixed .menu .about1 { |
||||
background-position:0 -60px; |
||||
} |
||||
|
||||
|
||||
|
||||
.contentFixed .menu .about2 { |
||||
background-position:0 -120px; |
||||
} |
||||
|
||||
|
||||
.contentFixed .menu .about3 { |
||||
background-position:-6px -180px; |
||||
} |
||||
|
||||
|
||||
|
||||
.contentFixed .menu .about4 { |
||||
background-position:-6px -240px; |
||||
} |
||||
|
||||
.contentFixed .menu .about5 { |
||||
background-position:-6px -300px; |
||||
} |
||||
|
||||
.contentFixed .menu .about6 { |
||||
background-position:-7px -360px; |
||||
} |
||||
|
||||
.contentFixed .menu .about7 { |
||||
background-position:0 -420px; |
||||
} |
||||
|
||||
.contentFixed .menu .about8 { |
||||
background-position:0 -480px; |
||||
} |
||||
|
||||
.contentFixed .menu .about9 { |
||||
background-position:0 -540px; |
||||
} |
||||
|
||||
|
||||
.contentFixed .menu .about10 { |
||||
background-position:0 -598px; |
||||
} |
||||
|
||||
.contentFixed .filed{ |
||||
|
||||
|
||||
} |
||||
|
||||
/**left end**/ |
||||
|
||||
/**foot begin**/ |
||||
.contentFixed .filed{ |
||||
|
||||
} |
||||
.contentFixed .filed .gap1 { |
||||
} |
||||
.contentFixed .filed .foot { |
||||
width:140px; |
||||
height:30px; |
||||
} |
||||
/**foot end**/ |
||||
|
||||
/**picture begin**/ |
||||
.contentFixed .picture{ |
||||
padding: 10px 0 0 50px; |
||||
overflow:hidden; |
||||
position:relative |
||||
} |
||||
|
||||
.contentFixed .picture dl{ |
||||
float:left; |
||||
text-align: center; |
||||
width: 110px; |
||||
height: 120px; |
||||
margin: 15px; |
||||
border:none; |
||||
overflow:hidden |
||||
} |
||||
|
||||
.contentFixed .picture dl dd{ |
||||
clear: both; |
||||
list-style-type: none; |
||||
margin: 0; |
||||
overflow: hidden; |
||||
height: 30px; |
||||
text-align:center; |
||||
color: #747474; |
||||
line-height:30px; |
||||
|
||||
} |
||||
|
||||
/**picture end**/ |
||||
|
||||
/**about begin**/ |
||||
.contentFixed .About{ |
||||
width:900px; |
||||
height:465px; |
||||
margin-top:40px; |
||||
margin-left:70px; |
||||
position:relative; |
||||
} |
||||
|
||||
.contentFixed .About .content{ |
||||
width:740px; |
||||
height:465px; |
||||
float:left; |
||||
margin-bottom:auto; |
||||
|
||||
} |
||||
|
||||
.contentFixed .About .gap{ |
||||
width:100px; |
||||
height:440px; |
||||
} |
||||
|
||||
.contentFixed .About .print{ |
||||
cursor:pointer; |
||||
} |
||||
/**about end**/ |
||||
|
||||
/**Staff begin**/ |
||||
.contentFixed .Staff{ |
||||
width:730px; |
||||
height:355px; |
||||
margin-top:115px; |
||||
margin-left:85px; |
||||
overflow:hidden; |
||||
} |
||||
/**Staff end**/ |
||||
|
||||
/**award begin**/ |
||||
.contentFixed .Award{ |
||||
width:700px; |
||||
height:460px; |
||||
margin-top:33px; |
||||
margin-left:53px; |
||||
} |
||||
/**award end**/ |
||||
|
||||
/**Information begin**/ |
||||
.contentFixed .Information{ |
||||
width:605px; |
||||
height:300px; |
||||
margin-top:130px; |
||||
margin-left:168px; |
||||
} |
||||
/**Information end**/ |
||||
|
||||
/**about199 begin**/ |
||||
.contentFixed .right .About1999 { |
||||
float:none; |
||||
width:850px; |
||||
margin-top:40px; |
||||
margin-left:70px; |
||||
} |
||||
|
||||
.contentFixed .right .About1999 .content{ |
||||
width:750px; |
||||
} |
||||
|
||||
.contentFixed .About1999 .liting{ |
||||
width:900px; |
||||
float:right; |
||||
} |
||||
|
||||
.contentFixed .About1999 .content .title{ |
||||
height:25px; |
||||
} |
||||
.contentbody{ |
||||
color:#616161; |
||||
|
||||
} |
||||
.more a{ |
||||
color:#191919; |
||||
} |
||||
|
||||
.contentFixed .About1999 .liting .entry{ |
||||
} |
||||
|
||||
.contentFixed .About1999 ul li{ |
||||
height:23px; |
||||
} |
||||
/**about1999 end**/ |
||||
|
||||
/**imgcontent 开始**/ |
||||
.contentFixed .imgcontent { |
||||
width:880px; |
||||
height:690px; |
||||
margin-top:25px; |
||||
margin-left:35px; |
||||
} |
||||
.contentFixed .imgcontent .left { |
||||
width:9px; |
||||
height:690px; |
||||
float:left; |
||||
} |
||||
.contentFixed .imgcontent .left .gap { |
||||
height:230px;} |
||||
.contentFixed .imgcontent .contunt { |
||||
width:780px; |
||||
height:500px; |
||||
float:left; |
||||
margin:0 auto; |
||||
} |
||||
.contentFixed .imgcontent .contunt .boby { |
||||
height:500px; |
||||
width:355px; |
||||
text-align:center; |
||||
margin:0 auto; |
||||
overflow:hidden; |
||||
} |
||||
.contentFixed .imgcontent .right { |
||||
width:80px; |
||||
height:690px; |
||||
float:left; |
||||
} |
||||
.contentFixed .imgcontent .right .gap { |
||||
height:230px; |
||||
} |
||||
.contentFixed .imgcontent .right .click { |
||||
height:195px; |
||||
float:right; |
||||
} |
||||
|
||||
.contentFixed .imgcontent .right .title { |
||||
width:80px; |
||||
height:55px; |
||||
float:right; |
||||
} |
||||
.contentFixed .imgcontent .right .pagination { |
||||
width:80px; |
||||
height:50px; |
||||
float:right; |
||||
} |
||||
.contentFixed .imgcontent .right .pagination .paging { |
||||
float:left; |
||||
} |
||||
.contentFixed .imgcontent .right .pagination .list { |
||||
float:left; |
||||
} |
||||
/**imgcontent 结束**/ |
||||
.newsMenu { |
||||
} |
||||
|
||||
.contentFixed .About1999 .newsMenu li { |
||||
height:35px; |
||||
font-weight:bold; |
||||
margin-bottom: 15px; |
||||
font-size: 14px;} |
||||
|
||||
.contentFixed .About1999 .newsTitle { |
||||
font-size:12px; |
||||
color:#424242; |
||||
} |
||||
.contentFixed .About1999 .newsTitle .title{ |
||||
width:415px; |
||||
margin-bottom:15px; |
||||
|
||||
} |
||||
.pageList{ |
||||
width:300px; |
||||
height:20px; |
||||
margin:0 auto; |
||||
} |
||||
.pageList ul{ |
||||
} |
||||
.pageList ul li{ |
||||
float:left; |
||||
padding:4px; |
||||
} |
||||
.pubdate{ |
||||
float:left;} |
||||
.hr{ |
||||
margin-bottom:20px;border-top:1px #CCCCCC solid;} |
||||
|
||||
@ -0,0 +1,495 @@ |
||||
@charset "utf-8"; |
||||
@charset "utf-8"; |
||||
img{ border:none} |
||||
body { |
||||
background: #C9C9CB; |
||||
font-family: "Trebuchet MS",Verdana,Arial,sans-serif; |
||||
font-size: 12px; |
||||
line-height: 1.6; |
||||
padding:0; |
||||
margin:0; |
||||
|
||||
} |
||||
|
||||
ul,li{ |
||||
margin:0; |
||||
list-style:none; |
||||
padding:0; |
||||
} |
||||
div{ |
||||
word-wrap: break-word; |
||||
word-break: normal; |
||||
} |
||||
|
||||
|
||||
.content { |
||||
width:1140px; |
||||
background: #FFF; |
||||
overflow:hidden; |
||||
margin: 0 auto; |
||||
} |
||||
|
||||
.content .topHeight { |
||||
height:125px; |
||||
} |
||||
.content .middleHeight { |
||||
} |
||||
.container { |
||||
height: 210px; |
||||
margin: 0 auto; |
||||
position: relative; |
||||
width: 300px; |
||||
text-align:center; |
||||
overflow:hidden; |
||||
} |
||||
.container img { |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; |
||||
z-index: 10; |
||||
} |
||||
.content .logo{ |
||||
background:url(../images/logo_title.jpg); |
||||
width:245px; |
||||
height:35px; |
||||
margin:0 auto; |
||||
margin-top:15px; |
||||
|
||||
} |
||||
|
||||
.content .left { |
||||
width:183px; float:left; overflow:hidden; _margin-top:-20px; * margin-top:-20px; height:550px; margin:auto; |
||||
|
||||
} |
||||
.content .backline { |
||||
width:5px; background:#C9C9CB; float:left; _margin-top:-20px; * margin-top:-20px; |
||||
} |
||||
.content .right{ |
||||
float:left; _margin-top:-20px; * margin-top:-20px; overflow:hidden;min-height:100%;} |
||||
|
||||
/**左侧小LOGO**/ |
||||
.content .logoGap{ |
||||
height:20px;} |
||||
.content .smallLogo { |
||||
background-image:url(../images/bg.png); |
||||
width:157px; |
||||
height:114px; |
||||
margin:0 auto; |
||||
padding-bottom:20px; |
||||
} |
||||
|
||||
.content .gap { |
||||
height:35px; |
||||
} |
||||
.content .works ul { |
||||
height:140px; |
||||
} |
||||
|
||||
/**left begin**/ |
||||
.content .menu{ |
||||
width:183px; |
||||
height:305px; |
||||
} |
||||
.content .left .menu ul{ |
||||
width:100%; |
||||
margin:0; |
||||
padding:0; |
||||
list-style:none; |
||||
} |
||||
.content .left .menu ul li{ |
||||
overflow:hidden; |
||||
margin:0 0 0px 14px; |
||||
* margin:0 0 1px 20px; |
||||
padding:0; |
||||
height:24px; cursor: pointer; |
||||
_height:24px; |
||||
list-style:none; |
||||
} |
||||
.content .left .menu .h5{ |
||||
height:5px; |
||||
|
||||
overflow:hidden; |
||||
|
||||
margin:0; |
||||
padding:0; |
||||
} |
||||
|
||||
.content .menu .about0,.about1,.about2,.about3,.about4,.about5,.about6,.about7,.about8,.about9,.about10 { |
||||
background:url(../images/bg1.png); |
||||
} |
||||
|
||||
.content .menu .selabout0,.selabout1,.selabout2,.selabout3,.selabout4,.selabout5,.selabout6,.selabout7,.selabout8,.selabout9,.selabout10{ |
||||
background:url(../images/bg1.png); |
||||
} |
||||
|
||||
/**变化图片 开始**/ |
||||
.content .menu .selabout0 { |
||||
background-position:0 -30px; |
||||
} |
||||
|
||||
.content .menu .selabout1 { |
||||
background-position:0 -90px; |
||||
} |
||||
|
||||
|
||||
.content .menu .selabout2 { |
||||
background-position:0 -150px; |
||||
} |
||||
|
||||
.content .menu .selabout3{ |
||||
background-position:-6px -210px; |
||||
} |
||||
|
||||
.content .menu .selabout4 { |
||||
background-position:-6px -270px; |
||||
} |
||||
|
||||
.content .menu .selabout5 { |
||||
background-position:-6px -330px; |
||||
} |
||||
|
||||
.content .menu .selabout6 { |
||||
background-position:0 -390px; |
||||
} |
||||
|
||||
.content .menu .selabout7 { |
||||
background-position:0 -450px; |
||||
} |
||||
|
||||
.content .menu .selabout8 { |
||||
background-position:0 -510px; |
||||
} |
||||
|
||||
.content .menu .selabout9 { |
||||
background-position:0 -570px; |
||||
} |
||||
|
||||
.content .menu .selabout10 { |
||||
background-position:0 -601px; |
||||
} |
||||
|
||||
/**没有变化图片 结束**/ |
||||
|
||||
.content .menu .about0 { |
||||
background-position:0 0px; |
||||
|
||||
} |
||||
|
||||
.content .menu .about1 { |
||||
background-position:0 -60px; |
||||
} |
||||
|
||||
|
||||
|
||||
.content .menu .about2 { |
||||
background-position:0 -120px; |
||||
} |
||||
|
||||
|
||||
.content .menu .about3 { |
||||
background-position:0 -180px; |
||||
} |
||||
|
||||
|
||||
|
||||
.content .menu .about4 { |
||||
background-position:0 -240px; |
||||
} |
||||
|
||||
.content .menu .about5 { |
||||
background-position:0 -300px; |
||||
} |
||||
|
||||
.content .menu .about6 { |
||||
background-position:0 -360px; |
||||
} |
||||
|
||||
.content .menu .about7 { |
||||
background-position:0 -420px; |
||||
} |
||||
|
||||
.content .menu .about8 { |
||||
background-position:0 -480px; |
||||
} |
||||
|
||||
.content .menu .about9 { |
||||
background-position:0 -540px; |
||||
} |
||||
|
||||
.content .menu .about10 { |
||||
background-position:0 -598px; |
||||
} |
||||
|
||||
.content .filed{ |
||||
|
||||
|
||||
} |
||||
|
||||
/**left end**/ |
||||
|
||||
/**foot begin**/ |
||||
.content .filed{ |
||||
|
||||
} |
||||
.content .filed .gap1 { |
||||
} |
||||
.content .filed .foot { |
||||
width:140px; |
||||
height:30px; |
||||
} |
||||
/**foot end**/ |
||||
|
||||
/**picture begin**/ |
||||
.content .picture{ |
||||
height:440px; |
||||
|
||||
padding: 30px 0 0 80px; |
||||
overflow:hidden; |
||||
position:relative |
||||
} |
||||
|
||||
.content .picture dl{ |
||||
float:left; |
||||
|
||||
width: 110px; |
||||
height: 120px; |
||||
margin: 10px; |
||||
border:none; |
||||
overflow:hidden |
||||
} |
||||
|
||||
.content .picture dl dd{ |
||||
clear: both; |
||||
list-style-type: none; |
||||
margin: 0; |
||||
overflow: hidden; |
||||
height: 30px; |
||||
text-align:center; |
||||
} |
||||
|
||||
/**picture end**/ |
||||
|
||||
/**about begin**/ |
||||
.content .About{ |
||||
width:900px; |
||||
height:465px; |
||||
margin-top:40px; |
||||
margin-left:70px; |
||||
position:relative; |
||||
} |
||||
|
||||
.content .About .content{ |
||||
width:740px; |
||||
height:465px; |
||||
float:left; |
||||
margin-bottom:auto; |
||||
|
||||
} |
||||
|
||||
.content .About .gap{ |
||||
width:100px; |
||||
height:440px; |
||||
} |
||||
|
||||
.content .About .print{ |
||||
cursor:pointer; |
||||
} |
||||
/**about end**/ |
||||
|
||||
/**Staff begin**/ |
||||
.content .Staff{ |
||||
width:730px; |
||||
height:355px; |
||||
margin-top:115px; |
||||
margin-left:85px; |
||||
overflow:hidden; |
||||
} |
||||
/**Staff end**/ |
||||
|
||||
/**award begin**/ |
||||
.content .Award{ |
||||
width:700px; |
||||
height:460px; |
||||
margin-top:33px; |
||||
margin-left:53px; |
||||
} |
||||
/**award end**/ |
||||
|
||||
/**Information begin**/ |
||||
.content .Information{ |
||||
width:605px; |
||||
height:300px; |
||||
margin-top:130px; |
||||
margin-left:168px; |
||||
} |
||||
/**Information end**/ |
||||
|
||||
/**about199 begin**/ |
||||
.content .right .About1999 { |
||||
float:none; |
||||
width:850px; |
||||
margin-top:40px; |
||||
margin-left:50px; |
||||
overflow:hidden; |
||||
} |
||||
|
||||
.content .right .About1999 .content{ |
||||
width:750px; |
||||
} |
||||
|
||||
.content .About1999 .liting{ |
||||
width:900px; |
||||
float:right; |
||||
} |
||||
|
||||
.content .About1999 .content .title{ |
||||
height:25px; |
||||
} |
||||
.About1999 .pageList{ |
||||
padding-top:25px; |
||||
margin:0; |
||||
margin-bottom:20px; |
||||
} |
||||
.About1999 .pageList ul li{ |
||||
color:#474747; |
||||
} |
||||
.contentbody{ |
||||
color:#616161; |
||||
margin-bottom:10px; |
||||
font-size:14px; |
||||
|
||||
} |
||||
.more a{ |
||||
color:#191919; |
||||
font-size:18px; |
||||
} |
||||
|
||||
.content .About1999 .liting .entry{ |
||||
} |
||||
|
||||
|
||||
/**about1999 end**/ |
||||
|
||||
/**imgcontent 开始**/ |
||||
.content .imgcontent { |
||||
width:880px; |
||||
height:690px; |
||||
margin-top:25px; |
||||
margin-left:35px; |
||||
} |
||||
.content .imgcontent .left { |
||||
width:9px; |
||||
height:690px; |
||||
float:left; |
||||
} |
||||
.content .imgcontent .left .gap { |
||||
height:230px;} |
||||
.content .imgcontent .contunt { |
||||
width:780px; |
||||
height:500px; |
||||
float:left; |
||||
margin:0 auto; |
||||
} |
||||
.content .imgcontent .contunt .boby { |
||||
height:500px; |
||||
width:355px; |
||||
text-align:center; |
||||
margin:0 auto; |
||||
overflow:hidden; |
||||
} |
||||
.content .imgcontent .right { |
||||
width:80px; |
||||
height:690px; |
||||
float:left; |
||||
} |
||||
.content .imgcontent .right .gap { |
||||
height:230px; |
||||
} |
||||
.content .imgcontent .right .click { |
||||
height:195px; |
||||
float:right; |
||||
} |
||||
|
||||
.content .imgcontent .right .title { |
||||
width:80px; |
||||
height:55px; |
||||
float:right; |
||||
} |
||||
.content .imgcontent .right .pagination { |
||||
width:80px; |
||||
height:50px; |
||||
float:right; |
||||
} |
||||
.content .imgcontent .right .pagination .paging { |
||||
float:left; |
||||
} |
||||
.content .imgcontent .right .pagination .list { |
||||
float:left; |
||||
} |
||||
/**imgcontent 结束**/ |
||||
.newsMenu { |
||||
} |
||||
|
||||
.content .About1999 .newsMenu li { |
||||
height:35px; |
||||
font-weight:bold; |
||||
margin-bottom: 15px; |
||||
font-size: 14px;} |
||||
|
||||
.content .About1999 .newsTitle { |
||||
font-size:12px; |
||||
color:#161616; |
||||
height:20px; |
||||
} |
||||
.content .About1999 .newsTitle .title{ |
||||
float:left; |
||||
margin-right:60px; |
||||
font-size:14px; |
||||
font-family: "黑体"; |
||||
color: #161616; |
||||
text-decoration: none; |
||||
} |
||||
.newsTitle .pubdate{ |
||||
color:#616161; height:34px; |
||||
} |
||||
.newsBody .img{ |
||||
padding-top:5px;; |
||||
margin-bottom:15px; |
||||
} |
||||
.pageList{ |
||||
width:300px; |
||||
height:20px; |
||||
margin:0 auto; |
||||
} |
||||
.pageList ul{ |
||||
} |
||||
.pageList ul li{ |
||||
float:left; |
||||
padding-right:9px; |
||||
padding-left:9px; |
||||
border-right:1px solid #000000; |
||||
height:15px; |
||||
} |
||||
} |
||||
.content .About1999 .hr{ |
||||
margin-bottom:50px; |
||||
border-top:1px #979797 solid; |
||||
} |
||||
|
||||
.hrdashed{ |
||||
margin-bottom:60px; border-top:1px #757575 dashed;} |
||||
|
||||
.extendLeft { |
||||
position:fixed; |
||||
_position:absolute; |
||||
_top:expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); |
||||
} |
||||
|
||||
.extendRight { |
||||
float:right |
||||
} |
||||
|
||||
.pageList a:link {color: #616161} |
||||
.pageList a:visited {color: #616161} |
||||
.pageList a:hover {color: #616161} |
||||
.pageList a:active {color: #616161} |
||||
@ -0,0 +1,671 @@ |
||||
@charset "utf-8"; |
||||
/* stylesheet for demo and examples */ |
||||
|
||||
.callbacks, .callbacks + p, #examples, .content, .disable-destroy, .show-hide, .dialog, .all-themes-switch, .scrollTo{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } |
||||
|
||||
nav, .callbacks, .disable-destroy, .show-hide, .dialog, .all-themes-switch, .scrollTo{ background: #111; } |
||||
|
||||
nav ul li, .callbacks ul li, .disable-destroy ul li, .show-hide ul li, .dialog ul li, .all-themes-switch ul li, .scrollTo ul li{ |
||||
float: left; |
||||
margin: 3px 6px 3px 0; |
||||
} |
||||
|
||||
.callbacks ul li.off{ opacity: 0.4; } |
||||
|
||||
.callbacks ul li a, .disable-destroy ul li a, .show-hide ul li a, .dialog ul li a, .all-themes-switch ul li a, .scrollTo ul li a{ |
||||
display: block; |
||||
padding: 3px 15px; |
||||
text-decoration: none; |
||||
color: #ccc; |
||||
} |
||||
|
||||
.callbacks + p{ |
||||
color: #bbb; |
||||
font-size: 12px; |
||||
} |
||||
|
||||
.callbacks + p span{ display: inline-block; } |
||||
|
||||
.callbacks + p span span{ |
||||
color: #eee; |
||||
min-width: 40px; |
||||
} |
||||
|
||||
.callbacks a span{ |
||||
display: inline-block; |
||||
vertical-align: middle; |
||||
width: 14px; |
||||
height: 14px; |
||||
background: #333; |
||||
margin-right: 3px; |
||||
-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; |
||||
} |
||||
|
||||
.callbacks a span.on{ background: #eb3755; } |
||||
|
||||
.callback-offset, .callback-offset-back{ |
||||
width: 100%; |
||||
position: absolute; |
||||
} |
||||
|
||||
.callback-offset-back{ |
||||
top: 0; |
||||
height: 50px; |
||||
border-bottom: 1px dashed #ffed0d; |
||||
} |
||||
|
||||
.callback-offset{ |
||||
bottom: 0; |
||||
height: 60px; |
||||
border-top: 1px dashed #ffed0d; |
||||
} |
||||
|
||||
code{ |
||||
color: #caaee1; |
||||
font-family: monospace; |
||||
} |
||||
|
||||
#examples{ |
||||
_margin-top:20px; |
||||
padding: 5px; |
||||
margin: 10px 0; |
||||
overflow: hidden; |
||||
} |
||||
|
||||
#examples > hr{ margin: 20px 10px; } |
||||
|
||||
.content{ |
||||
overflow: auto; |
||||
padding: 30px 15px 0px 0px; |
||||
position: relative; |
||||
height:440px; |
||||
} |
||||
|
||||
.content.hidden{ display: none; } |
||||
|
||||
.content.light{ |
||||
background-color: #ddd; |
||||
color: #333; |
||||
} |
||||
|
||||
.content hr{ |
||||
margin-bottom: -10px; |
||||
border-top: 1px solid rgba(0,0,0,0.7); |
||||
} |
||||
|
||||
.content.light hr{ |
||||
border-bottom: 1px solid rgba(255,255,255,0.6); |
||||
border-top: 1px solid rgba(0,0,0,0.1); |
||||
} |
||||
|
||||
.content p{ margin: 30px 0; } |
||||
|
||||
.content p:last-child{ margin-bottom: 5px; } |
||||
|
||||
.content p:nth-child(odd), .content.light p:nth-child(odd){ |
||||
background: #444; |
||||
background: rgba(255,255,255,0.1); |
||||
padding: 5px 10px; |
||||
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; |
||||
} |
||||
|
||||
.content p:nth-child(3n+3){ |
||||
color: #bbb; |
||||
background: none; |
||||
padding: 0; |
||||
} |
||||
|
||||
.content.light p:nth-child(odd){ |
||||
background: #fff; |
||||
background: rgba(255,255,255,0.8); |
||||
} |
||||
|
||||
.content.light p:nth-child(3n+3){ color: #666; } |
||||
|
||||
.content p.full:nth-child(odd), .content p.half:nth-child(odd), |
||||
.content p.full:nth-child(3n+3), .content p.half:nth-child(3n+3){ |
||||
background: none; |
||||
padding: 0; |
||||
} |
||||
|
||||
.content h2:first-child{ margin-top: 5px; } |
||||
|
||||
.content:nth-child(odd) h2{ |
||||
font-family: "Oswald", sans-serif; |
||||
font-weight: 300; |
||||
font-style: normal; |
||||
} |
||||
|
||||
hr + .content:nth-child(odd) h2{ |
||||
font-family: "Lobster Two", "Georgia", serif; |
||||
font-weight: 700; |
||||
font-style: italic; |
||||
} |
||||
|
||||
|
||||
#demo.showcase{ min-width: 740px; } |
||||
|
||||
.showcase .content{ |
||||
float: left; |
||||
width: 340px; |
||||
height: 300px; |
||||
} |
||||
|
||||
.showcase .horizontal-images.content{ |
||||
height: 140px; |
||||
width: 700px; |
||||
max-width: 97%; |
||||
padding: 5px 5px 0 5px; |
||||
} |
||||
|
||||
.showcase .horizontal-images.content h2, .showcase .horizontal-images.content li img{ height: 119px; } |
||||
|
||||
.showcase .horizontal-images.content h2{ |
||||
color: #fff; |
||||
background-color: #eb3755; |
||||
padding: 10px 20px; |
||||
margin: 0; |
||||
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; |
||||
font-size: 165%; |
||||
} |
||||
|
||||
.horizontal-images.content ul, .vertical-images.content ul{ |
||||
margin: 0; |
||||
padding: 0; |
||||
list-style: none; |
||||
overflow: hidden; |
||||
} |
||||
|
||||
.horizontal-images.content li{ |
||||
margin: 0 3px; |
||||
float: left; |
||||
} |
||||
|
||||
.vertical-images.content li{ margin: 3px 0; } |
||||
|
||||
.horizontal-images.content li:first-child{ margin-left: 0; } |
||||
|
||||
.vertical-images.content li:first-child{ |
||||
margin-bottom: 3px; |
||||
margin-top: 0; |
||||
} |
||||
|
||||
.horizontal-images.content li:last-child{ margin-right: 0; } |
||||
|
||||
.vertical-images.content li:last-child{ margin-bottom: 0; } |
||||
|
||||
.horizontal-images.content li img{ |
||||
width: auto; |
||||
padding: 0; |
||||
} |
||||
|
||||
.showcase #content-1.content{ height: 620px; } |
||||
|
||||
.showcase #content-2.content{ height: 620px; } |
||||
|
||||
.showcase #content-2.content h2{ color: #333; } |
||||
|
||||
.showcase #content-3.content{ |
||||
background-color: #412626; |
||||
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAJ0lEQVQIW2NkwA7+M2IR/w8UY0SXAAuCFCNLwAWRJVAEYRIYgiAJALsgBgYbCawOAAAAAElFTkSuQmCC"); |
||||
margin-right: 40px; |
||||
width: 310px; |
||||
} |
||||
|
||||
.showcase #content-3.content h2{ color: #eb3755; } |
||||
|
||||
.showcase #content-4.content{ background-color: #1C383F; } |
||||
|
||||
.showcase #content-4.content h2{ color: #ddd; } |
||||
|
||||
.showcase #content-6.horizontal-images.content{ |
||||
padding: 10px 0 5px 0; |
||||
background-color: #444; |
||||
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAG0lEQVQIW2NkYGA4A8QmQAwGjDAGNgGwSgwVAFVOAgV/1mwxAAAAAElFTkSuQmCC"); |
||||
} |
||||
|
||||
.showcase #content-6.horizontal-images.content .mCSB_scrollTools{ |
||||
margin-left: 10px; |
||||
margin-right: 10px; |
||||
} |
||||
|
||||
.showcase #content-6.horizontal-images.content ul{ |
||||
margin-left: 10px; |
||||
margin-right: 10px; |
||||
} |
||||
|
||||
.showcase #content-6.horizontal-images.content h2{ |
||||
color: #222; |
||||
background-color: #c2beb2; |
||||
} |
||||
|
||||
.showcase #content-6.horizontal-images.content h2, .showcase #content-6.horizontal-images.content li img{ height: 105px; } |
||||
|
||||
.showcase #content-7.content{ height: 620px; } |
||||
|
||||
.showcase #content-8.content{ |
||||
width: 670px; |
||||
height: 580px; |
||||
padding: 0; |
||||
background-color: #151515; |
||||
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAK0lEQVQIW2NkwAL+//9vzIguDhZkZDyLIgETBCmGSyALwiXQBcES2ARBEgCUVxc3f8oLcQAAAABJRU5ErkJggg=="); |
||||
border: 5px solid rgba(0,0,0,0.5); |
||||
margin-right: 40px; |
||||
margin-bottom: 50px; |
||||
} |
||||
|
||||
.showcase #content-8.content h2{ |
||||
margin-top: 20px; |
||||
margin-left: 20px; |
||||
margin-right: 20px; |
||||
} |
||||
|
||||
.showcase #content-8.content p{ |
||||
width: 710px; |
||||
float: left; |
||||
margin: 15px 20px; |
||||
} |
||||
|
||||
.showcase #content-8.content hr + p{ margin-top: 30px; } |
||||
|
||||
.showcase #content-8.content p:nth-child(3n+1){ |
||||
width: 1460px; |
||||
clear: both; |
||||
} |
||||
|
||||
.showcase #content-9.content{ |
||||
height: 620px; |
||||
background-color: #c2beb2; |
||||
padding: 5px; |
||||
} |
||||
|
||||
.showcase #content-9.content .mCSB_container{ margin-right: 21px; } |
||||
|
||||
.showcase #content-9.content h2{ |
||||
height: 85px; |
||||
padding: 10px; |
||||
margin-bottom: 0; |
||||
margin-top: 15px; |
||||
font-size: 180%; |
||||
color: #333; |
||||
} |
||||
|
||||
.showcase #content-9.content img{ |
||||
padding: 0; |
||||
vertical-align: bottom; |
||||
} |
||||
|
||||
#iframe-container{ |
||||
width: 90%; |
||||
max-width: 1110px; |
||||
background: #000; |
||||
overflow: hidden; |
||||
} |
||||
|
||||
#iframe-container iframe{ vertical-align: bottom; } |
||||
|
||||
#infinite-scroll .offset{ |
||||
display: block; |
||||
width: 100%; |
||||
height: auto; |
||||
color: #ffed0d; |
||||
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; |
||||
} |
||||
|
||||
#infinite-scroll .offset p{ |
||||
margin-bottom: 60px; |
||||
} |
||||
|
||||
#infinite-scroll .offset .indicator{ |
||||
display: block; |
||||
width: 100%; |
||||
height: 100px; |
||||
background: #ffed0d; |
||||
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; |
||||
} |
||||
|
||||
#examples.resizable{ |
||||
background:#444; |
||||
padding-bottom: 30px; |
||||
} |
||||
|
||||
#resizable.content{ |
||||
overflow: hidden; |
||||
width: 640px; |
||||
max-width: 80%; |
||||
-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; /* jquery ui resizable bug: http://bugs.jqueryui.com/ticket/8932 */ |
||||
} |
||||
|
||||
#resizable.content h2{ color: #444; } |
||||
|
||||
#resizable.content p{ width: 1000px } |
||||
|
||||
.content.fluid{ |
||||
width: 90%; |
||||
max-width: 1680px; |
||||
} |
||||
|
||||
.content.fluid h2{ |
||||
color: #eb3755; |
||||
font-family: "Lobster Two", "Georgia", serif; |
||||
font-weight: 700; |
||||
font-style: italic; |
||||
} |
||||
|
||||
.content.nested{ height: 600px; } |
||||
|
||||
.content.nested .nested{ |
||||
margin: 0 auto; |
||||
background-color: rgba(0,0,0,0.1); |
||||
height: 400px; |
||||
} |
||||
|
||||
#content-1.content.nested{ margin-bottom: 40px; } |
||||
|
||||
#content-1.content.nested p{ width: 1000px; } |
||||
|
||||
#content-1.content.nested .nested{ |
||||
margin: 20px; |
||||
width: 600px; |
||||
height: 300px; |
||||
} |
||||
|
||||
.content.zero-height{ height: 0; } |
||||
|
||||
.content.zero-width{ width: 0; } |
||||
|
||||
.init-hidden #examples{ min-height: 420px; } |
||||
|
||||
.full-page .content{ height: 800px; } |
||||
|
||||
.full-page-alt #mCSB_1_container{ |
||||
width: 97% !important; /* override plugin property */ |
||||
min-width: 480px; |
||||
} |
||||
|
||||
.full-page-alt #mCSB_1_scrollbar_vertical{ |
||||
position: fixed; |
||||
margin-right: 30px; |
||||
margin-top: 16px; |
||||
margin-bottom: 16px; |
||||
} |
||||
|
||||
.full-page-alt #mCSB_1_scrollbar_horizontal{ |
||||
position: fixed; |
||||
margin-bottom: 30px; |
||||
margin-left: 16px; |
||||
margin-right: 16px; |
||||
} |
||||
|
||||
.full-page-alt .outer.content{ width: 960px; } |
||||
|
||||
.full-page-alt .horizontal-images.content{ |
||||
height: 275px; |
||||
width: 100%; |
||||
margin: 20px auto 10px auto; |
||||
} |
||||
|
||||
.full-page-alt .horizontal-images.content img{ height: 200px; } |
||||
|
||||
.content table{ |
||||
width: 100%; |
||||
border-collapse: collapse; |
||||
border-top: 1px dashed #666; |
||||
border-left: 1px dashed #666; |
||||
border-right: 1px dashed #666; |
||||
background: rgba(0,0,0,0.1); |
||||
} |
||||
|
||||
.content table tr{ border-bottom: 1px dashed #666; } |
||||
|
||||
.content table td{ padding: 10px 20px 9px 20px; } |
||||
|
||||
.sortable{ min-width: 800px; } |
||||
|
||||
#sortable ul{ |
||||
margin-top: 20px; |
||||
margin-bottom: 10px; |
||||
} |
||||
|
||||
#sortable li{ |
||||
margin: 10px 40px; |
||||
background: #444; |
||||
padding: 5px 10px; |
||||
color: #fff; |
||||
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; |
||||
} |
||||
|
||||
#sortable li:active, #sortable .ui-sortable-helper{ background: #eb3755; } |
||||
|
||||
#examples.tabs, #examples.accordion, #examples.autocomplete{ |
||||
padding: 5px 20px 20px 20px; |
||||
background-color: #333; |
||||
} |
||||
|
||||
#examples.tabs h3, #examples.accordion h3{ |
||||
color: #222; |
||||
font-family: inherit; |
||||
font-style: inherit; |
||||
} |
||||
|
||||
#tabs{ margin-bottom: 20px; } |
||||
|
||||
#tabs, #tabs-2, #accordion{ |
||||
width: 600px; |
||||
max-width:95%; |
||||
} |
||||
|
||||
#examples.tabs .ui-widget-content{ background-image: none; } |
||||
|
||||
#autocomplete{ |
||||
border: none; |
||||
background: #fff; |
||||
min-height: 20px; |
||||
padding: 5px 8px; |
||||
font-size: inherit; |
||||
font-family: inherit; |
||||
color: #222; |
||||
margin-top: 15px; |
||||
} |
||||
|
||||
#autocomplete:focus{ outline: none; } |
||||
|
||||
.ui-menu a{ |
||||
-webkit-transition: none; |
||||
-moz-transition: none; |
||||
-o-transition: none; |
||||
transition: none; |
||||
} |
||||
|
||||
.ui-menu .mCSB_container{ padding: 2px; } |
||||
|
||||
.ui-menu .mCSB_scrollTools{ |
||||
right: 5px; |
||||
margin-top: 5px; |
||||
margin-bottom: 5px; |
||||
} |
||||
|
||||
.bootstrap #examples{ background: transparent; } |
||||
|
||||
.bootstrap #myModal-2 .modal-body{ |
||||
max-height: 340px; |
||||
-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; |
||||
margin-bottom: -15px; |
||||
} |
||||
|
||||
.bootstrap #myTab{ max-width: 600px; } |
||||
|
||||
.bootstrap #myTab .tab-pane{ padding: 15px 5px 15px 15px; } |
||||
|
||||
body.colorbox-demo #cboxContent, body.colorbox-demo #cboxContent p, body.colorbox-demo #cboxContent a:hover{ color: #333; } |
||||
|
||||
.all-themes #examples{ padding: 15px 0 0 15px; } |
||||
|
||||
.all-themes .content{ |
||||
width: 310px; |
||||
height: 500px; |
||||
margin: 0 20px 20px 0; |
||||
float: left; |
||||
} |
||||
|
||||
.all-themes .content h2, .all-themes .content p, .all-themes .content hr{ |
||||
width: 240px; |
||||
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; |
||||
} |
||||
|
||||
.all-themes #content-m h2, .all-themes #content-m p, .all-themes #content-m hr, |
||||
.all-themes #content-md h2, .all-themes #content-md p, .all-themes #content-md hr{ width: 270px; } |
||||
|
||||
.all-themes .content.expanded-content h2, .all-themes .content.expanded-content p, .all-themes .content.expanded-content hr, |
||||
.all-themes #content-m.expanded-content h2, .all-themes #content-m.expanded-content p, .all-themes #content-m.expanded-content hr, |
||||
.all-themes #content-md.expanded-content h2, .all-themes #content-md.expanded-content p, .all-themes #content-md.expanded-content hr{ width: 540px; } |
||||
|
||||
.max-height-example .content{ |
||||
height: auto; |
||||
max-height: 400px; |
||||
} |
||||
|
||||
.max-width-example{ min-width: 620px; } |
||||
|
||||
.max-width-example .content{ |
||||
height: auto; |
||||
width: auto; |
||||
max-width: 50%; |
||||
min-width: 600px; |
||||
display: inline-block; |
||||
vertical-align: bottom; |
||||
} |
||||
|
||||
.max-width-example .content ul{ |
||||
max-height: 135px; |
||||
overflow-y: hidden; |
||||
} |
||||
|
||||
.max-width-example .content img, .max-width-example .content ul li > a{ |
||||
height: 130px; |
||||
border: 3px solid #444; |
||||
} |
||||
|
||||
.max-width-example .content ul li > a{ |
||||
display: block; |
||||
padding: 20px; |
||||
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; |
||||
background: rgba(0,0,0,0.3); |
||||
} |
||||
|
||||
.snap-scrolling-example .content{ |
||||
height: auto; |
||||
width: 853px; |
||||
} |
||||
|
||||
.snap-scrolling-example .content img{ height: 160px; } |
||||
|
||||
.textarea-example .content{ width: 360px; } |
||||
|
||||
.textarea-example .content form{ margin: 25px 0 15px 0; } |
||||
|
||||
.textarea-example .content textarea, .textarea-example .textarea-clone{ |
||||
width: 300px; |
||||
padding: 0 10px; |
||||
line-height:25px; |
||||
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; |
||||
} |
||||
|
||||
.textarea-example .content textarea{ |
||||
height:160px; |
||||
resize:none; |
||||
overflow:hidden; |
||||
outline:none; |
||||
margin: 0; |
||||
border:none; |
||||
background:transparent; |
||||
box-shadow: none; |
||||
} |
||||
|
||||
.textarea-example .content .textarea-wrapper{ |
||||
height:182px; |
||||
overflow:hidden; |
||||
background-color: #bbb; |
||||
background-color: rgba(255,255,255,0.6); |
||||
-moz-box-shadow: inset -1px -1px 1px rgba(255,255,255,0.6), inset 3px 3px 20px rgba(0,0,0,0.5); |
||||
-webkit-box-shadow: inset -1px -1px 1px rgba(255,255,255,0.6), inset 3px 3px 20px rgba(0,0,0,0.5); |
||||
box-shadow: inset -1px -1px 1px rgba(255,255,255,0.6), inset 3px 3px 20px rgba(0,0,0,0.5); |
||||
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; |
||||
} |
||||
|
||||
.textarea-example .textarea-clone{ |
||||
position:absolute; |
||||
top:-9999px; |
||||
left:-9999px; |
||||
visibility:hidden; |
||||
min-height: 160px; |
||||
word-wrap: break-word; |
||||
white-space: pre-wrap; |
||||
} |
||||
|
||||
.textarea-example .content .textarea-wrapper .mCSB_scrollTools{ margin: 10px 5px; } |
||||
|
||||
.scrollTo-demo .content{ height: 290px; } |
||||
|
||||
.scrollTo-demo .demo-y{ height: 600px; } |
||||
|
||||
.scrollTo-demo .demo-x{ |
||||
width: 660px; |
||||
background-color: #252525; |
||||
} |
||||
|
||||
.scrollTo-demo .demo-x p{ |
||||
float: left; |
||||
width: 300px; |
||||
margin-left: 30px; |
||||
height: auto; |
||||
padding: 5px 10px; |
||||
background-color: #333; |
||||
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; |
||||
} |
||||
|
||||
.scrollTo-demo .demo-x hr + p{ margin-left: 0; } |
||||
|
||||
.scrollTo-demo .demo-yx{ background-color: #424242; } |
||||
|
||||
.scrollTo-demo .demo-yx p{ width: 1000px; } |
||||
|
||||
.scrollTo{ font-size: 12px; } |
||||
|
||||
.scrollTo + .scrollTo{ margin-top: 20px; } |
||||
|
||||
.scrollTo ul li:first-child span{ |
||||
display: block; |
||||
padding: 3px 15px; |
||||
} |
||||
|
||||
#test-id{ |
||||
background-color: #eb3755; |
||||
color: #fff; |
||||
} |
||||
|
||||
.rtl-demo #content-1{ width: 500px; } |
||||
|
||||
.rtl-demo #content-1 p{ width: 1000px; } |
||||
|
||||
.transitions #examples{ |
||||
-webkit-perspective: 1000; |
||||
-moz-perspective: 1000; |
||||
} |
||||
|
||||
.transitions .content{ |
||||
-webkit-transition: all .6s ease-out; |
||||
-moz-transition: all .6s ease-out; |
||||
-o-transition: all .6s ease-out; |
||||
transition: all .6s ease-out; |
||||
} |
||||
|
||||
|
||||
|
||||
@media only screen and (min-width: 1229px){ |
||||
.showcase .horizontal-images.content{ width: 1060px; } |
||||
} |
||||
|
||||
@media only screen and (min-width: 1629px){ |
||||
.showcase .horizontal-images.content{ width: 700px; } |
||||
} |
||||
|
After Width: | Height: | Size: 9.4 KiB |
|
After Width: | Height: | Size: 1.0 KiB |
|
After Width: | Height: | Size: 33 KiB |
|
After Width: | Height: | Size: 27 KiB |
|
After Width: | Height: | Size: 30 KiB |
|
After Width: | Height: | Size: 17 KiB |
|
After Width: | Height: | Size: 8.9 KiB |
|
After Width: | Height: | Size: 111 KiB |
|
After Width: | Height: | Size: 146 KiB |
|
After Width: | Height: | Size: 63 KiB |
|
After Width: | Height: | Size: 283 KiB |
|
After Width: | Height: | Size: 44 KiB |
|
After Width: | Height: | Size: 57 KiB |
|
After Width: | Height: | Size: 48 KiB |
|
After Width: | Height: | Size: 46 KiB |
|
After Width: | Height: | Size: 87 KiB |
|
After Width: | Height: | Size: 423 B |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 2.5 KiB |
|
After Width: | Height: | Size: 1.0 KiB |
|
After Width: | Height: | Size: 211 B |
|
After Width: | Height: | Size: 116 KiB |
|
After Width: | Height: | Size: 101 KiB |
|
After Width: | Height: | Size: 95 KiB |
|
After Width: | Height: | Size: 8.2 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 6.4 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 10 KiB |
|
After Width: | Height: | Size: 10 KiB |
|
After Width: | Height: | Size: 8.7 KiB |
@ -0,0 +1,44 @@ |
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> |
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> |
||||
<head> |
||||
<title>{ms:global.name/}</title> |
||||
<link rel="shortcut icon" href="{ms:global.host/}/{ms:global.style/}/favicon.ico" type="x-icon"/> |
||||
<meta name="description" content="{ms:global.descrip/}"> |
||||
<meta name="keywords" content="{ms:global.keyword/}"> |
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> |
||||
<link rel="stylesheet" href="{ms:global.host/}/{ms:global.style/}/css/stley.css"> |
||||
<script type="text/javascript" src="{ms:global.host/}/{ms:global.style/}/js/jquery-1.8.3.js"></script> |
||||
</head> |
||||
<body> |
||||
<div class="content" style="width: 1040px;"> |
||||
<!--菜单页面--> |
||||
<#include "left.htm"> |
||||
<div class="right" style="float:right;"> |
||||
<div class="About1999" style="margin-right:50px;width: 752px;"> |
||||
{ms:arclist typeid=3018 size=20 titlelen=12} |
||||
<div class="newsTitle"> |
||||
<div class="title">${field.title</div> |
||||
<div class="pubdate">{ms:field.date?string("yyyy-MM-dd")/}</div> |
||||
</div> |
||||
<div class="newsBody"> |
||||
<div class="img"><img src={ms:global.host/}[field.litpic/]/></div> |
||||
<div class="contentbody">${field.descrip}</div> |
||||
|
||||
</div> |
||||
<a class="more" href="{ms:global.url/}[field.link/]"><img src="{ms:global.host/}/{ms:global.style/}/images/001.jpg" /></a> |
||||
<div style="height:30px;border-top:1px #979797 solid;" ></div> |
||||
{/ms:arclist} |
||||
<div class="pageList"> |
||||
<ul> |
||||
<li><a href="#">首页</a></li> |
||||
<li><a href="#">上一页</a></li> |
||||
<li><a href="#">下一页</a></li> |
||||
<li><a href="#">末页</a></li> |
||||
</ul> |
||||
</div> |
||||
<div class="hrdashed"></div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,219 @@ |
||||
// 异步同载 begin
|
||||
function about(url,obj,sel0,sel1) { |
||||
$.ajax({ |
||||
type:"get", |
||||
url:url, |
||||
beforeSend: function(data,textStatus){ |
||||
$("#abouts").html("<div style='text-align:center'><div style='height:250px;'></div><img src='/templets/1520/yangchao/images/ajax-loader.gif'/><div>"); |
||||
}, |
||||
|
||||
success:function(data,textStauts){ |
||||
$("#abouts").html($("#picList").html()); |
||||
$(".picture").html(""); |
||||
for(var i=0 ;i<data.count;i++){ |
||||
$('#picTmp').tmpl(data.list[i]).appendTo('.picture'); |
||||
|
||||
} |
||||
scrollBar(); |
||||
$("#abouts").fadeTo(3000, 1); |
||||
|
||||
},
|
||||
error:function(){ |
||||
$("#abouts").text("失败"); |
||||
}
|
||||
}); |
||||
setClass(obj,sel0,sel1); |
||||
} |
||||
|
||||
//ajax请求文章内容详细信息
|
||||
function ajaxContact(url,obj,sel0,sel1){ |
||||
$.ajax({ |
||||
type:"get", |
||||
url:url, |
||||
beforeSend: function(data,textStatus){ |
||||
$("#abouts").html("<div style='text-align:center'><div style='height:250px;'></div><img src='/templets/1520/yangchao/images/ajax-loader.gif'/><div>"); |
||||
}, |
||||
|
||||
success:function(data,textStauts){ |
||||
$("#abouts").html(""); |
||||
$("#abouts").html($("#contentDetail").html()); |
||||
$(".contentbody").html(data.articleContent); |
||||
scrollBar(); |
||||
},
|
||||
error:function(){ |
||||
$("#abouts").text("失败"); |
||||
}
|
||||
}); |
||||
setClass(obj,sel0,sel1); |
||||
} |
||||
|
||||
function scrollBar() { |
||||
$(".content").mCustomScrollbar({ |
||||
setWidth:false, |
||||
setHeight:false, |
||||
setTop:0, |
||||
setLeft:0, |
||||
axis:"y", |
||||
scrollbarPosition:"inside", |
||||
scrollInertia:950, |
||||
autoDraggerLength:true, |
||||
autoHideScrollbar:false, |
||||
autoExpandScrollbar:false, |
||||
alwaysShowScrollbar:0, |
||||
snapAmount:null, |
||||
snapOffset:0, |
||||
mouseWheel:{ |
||||
enable:true, |
||||
scrollAmount:"auto", |
||||
axis:"y", |
||||
preventDefault:false, |
||||
deltaFactor:"auto", |
||||
normalizeDelta:false, |
||||
invert:false |
||||
}, |
||||
scrollButtons:{ |
||||
enable:false, |
||||
scrollType:"stepless", |
||||
scrollAmount:"auto" |
||||
}, |
||||
keyboard:{ |
||||
enable:true, |
||||
scrollType:"stepless", |
||||
scrollAmount:"auto" |
||||
}, |
||||
contentTouchScroll:25, |
||||
advanced:{ |
||||
autoExpandHorizontalScroll:false, |
||||
autoScrollOnFocus:"input,textarea,select,button,datalist,keygen,a[tabindex],area,object,[contenteditable='true']", |
||||
updateOnContentResize:true, |
||||
updateOnSelectorLength:false |
||||
}, |
||||
theme:"light", |
||||
callbacks:{ |
||||
onScrollStart:false, |
||||
onScroll:false, |
||||
onTotalScroll:false, |
||||
onTotalScrollBack:false, |
||||
whileScrolling:false, |
||||
onTotalScrollOffset:0, |
||||
onTotalScrollBackOffset:0, |
||||
alwaysTriggerOffsets:true |
||||
}, |
||||
live:false |
||||
});
|
||||
|
||||
} |
||||
|
||||
|
||||
// 异步同载 begin
|
||||
function ajaxNews(url) { |
||||
$.ajax({ |
||||
type:"get", |
||||
url:url, |
||||
beforeSend: function(data,textStatus){ |
||||
$("#abouts").html("<div style='text-align:center'><div style='height:250px;'></div><img src='templets/yangchao/images/ajax-loader.gif'/><div>"); |
||||
}, |
||||
success:function(data,textStauts){ |
||||
$("#abouts").css("display","none"); |
||||
$("#abouts").html(data); |
||||
$("#abouts").html(data); |
||||
$("#abouts").fadeTo(3000, 1); |
||||
}, |
||||
error:function(){ |
||||
$("#abouts").text("失败"); |
||||
}
|
||||
}); |
||||
|
||||
} |
||||
|
||||
|
||||
//name:当前页数,value:上一页,a;一下页,b;
|
||||
function pic(url,name,value ) { |
||||
var num; |
||||
num = $("#curNum").html() |
||||
if(value==null){ |
||||
|
||||
if(url!="#"){ |
||||
$.ajax({ |
||||
type:"get", |
||||
url:url, |
||||
|
||||
beforeSend: function(data,textStatus){ |
||||
$("#abouts").html("<div style='text-align:center '><div style='height:250px;'></div><img src='templets/yangchao/images/ajax-loader.gif'/><div>"); |
||||
}, |
||||
|
||||
success:function(data,textStauts) { |
||||
$("#abouts").css("display","none"); |
||||
$("#abouts").html(data); |
||||
$("#abouts").html(data); |
||||
|
||||
$("#abouts").fadeTo(3000, 1); |
||||
scrollBar(); |
||||
setTimeout(function() {$("#curNum").html(name);},100) |
||||
}, |
||||
|
||||
error:function() { |
||||
$("#abouts").text("失败"); |
||||
}
|
||||
}); |
||||
} |
||||
}else{ |
||||
if(value=="a"){ |
||||
num--; |
||||
}else{ |
||||
num++; |
||||
} |
||||
} |
||||
$.ajax({ |
||||
type:"get", |
||||
url:url, |
||||
|
||||
beforeSend: function(data,textStatus){ |
||||
$("#abouts").html("<div style='text-align:center '><div style='height:250px;'></div><img src='templets/yangchao/images/ajax-loader.gif'/><div>"); |
||||
}, |
||||
|
||||
success:function(data,textStauts) { |
||||
$("#abouts").css("display","none"); |
||||
$("#abouts").html(data); |
||||
$("#abouts").html(data); |
||||
$(".list").prepend(num); |
||||
scrollBar(); |
||||
$("#abouts").fadeTo(3000, 1); |
||||
}, |
||||
|
||||
error:function() { |
||||
$("#abouts").text("失败"); |
||||
}
|
||||
}); |
||||
|
||||
} |
||||
|
||||
|
||||
// 异步同载 end
|
||||
|
||||
/** |
||||
*菜单鼠标点击 |
||||
*obj:点击对象 |
||||
*sel: |
||||
*/ |
||||
function setClass(obj,sel0,sel1) { |
||||
$("#menuLi li").each(function(i){
|
||||
if (i!=parseInt(sel0)) { |
||||
$(this).mouseover(function(){ |
||||
$(this).attr("class","selabout"+i); |
||||
}); |
||||
$(this).mouseout(function(){ |
||||
$(this).attr("class","about"+i); |
||||
}); |
||||
$(this).attr("class","about"+i); |
||||
} |
||||
}); |
||||
|
||||
$(obj).unbind("mouseover"); |
||||
$(obj).unbind("mouseout");
|
||||
$(obj).attr("class","selabout"+sel0); |
||||
|
||||
$(sel1).unbind("mouseover"); |
||||
$(sel1).unbind("mouseout");
|
||||
$(sel1).attr("class","selabout2"); |
||||
} |
||||
@ -0,0 +1,15 @@ |
||||
$(function(){ |
||||
$("#menuLi > li").hover(function(){ |
||||
var backNo = $(this).attr("data-back"); |
||||
var style = "about"+backNo; |
||||
var newStyle = "selabout"+backNo; |
||||
$(this).removeClass(style); |
||||
$(this).addClass(newStyle); |
||||
},function(){ |
||||
var backNo = $(this).attr("data-back"); |
||||
var style = "about"+backNo; |
||||
var newStyle = "selabout"+backNo; |
||||
$(this).removeClass(newStyle); |
||||
$(this).addClass(style); |
||||
}) |
||||
}) |
||||
@ -0,0 +1,24 @@ |
||||
// 将页面居中显示
|
||||
$(window).resize(function(){ |
||||
if($(window).width()>1140 && $(window).height()>550){ |
||||
$('.contentFixed').css({ |
||||
position:'absolute', |
||||
left: ($(window).width() - $('.contentFixed').width())/2, |
||||
top: ($(window).height() - $('.contentFixed').height())/2 |
||||
});
|
||||
}else if($(window).width()>1140){ |
||||
$('.contentFixed').css({ |
||||
position:'absolute', |
||||
left: ($(window).width() - $('.contentFixed').width())/2 |
||||
});
|
||||
}else if($(window).height()>550){ |
||||
$('.contentFixed').css({ |
||||
position:'absolute', |
||||
top: ($(window).height() - $('.contentFixed').height())/2 |
||||
});
|
||||
} |
||||
}); |
||||
|
||||
// To initially run the function:
|
||||
$(window).resize(); |
||||
// 将页面居中显示结束
|
||||
@ -0,0 +1,45 @@ |
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> |
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> |
||||
<head> |
||||
<title>{ms:global.name/}</title> |
||||
<link rel="shortcut icon" href="{ms:global.host/}/{ms:global.style/}/favicon.ico" type="x-icon"/> |
||||
<meta name="description" content="{ms:global.descrip/}"> |
||||
<meta name="keywords" content="{ms:global.keyword/}"> |
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> |
||||
<link rel="stylesheet" href="{ms:global.host/}/{ms:global.style/}/css/stley.css"> |
||||
</head> |
||||
<body> |
||||
<div class="content" style="width: 1040px;"> |
||||
<!--菜单页面--> |
||||
<div style="overflow:hidden;margin-right: 0;position: fixed;height: 100%;" > |
||||
<#include "left.htm"> |
||||
</div> |
||||
<div class="right" style="float:right;"> |
||||
<div class="About1999" style="margin-right:50px;width: 752px;"> |
||||
{ms:arclist size=10 titlelen=12 ispaging=true} |
||||
<div class="newsTitle"> |
||||
<div class="title">${field.title}</div> |
||||
<div class="pubdate">{ms:field.date?string("yyyy-MM-dd")/}</div> |
||||
</div> |
||||
<div class="newsBody"> |
||||
<div class="img"><img src="{ms:global.host/}/{@ms:file field.litpic/}"/></div> |
||||
<div class="contentbody">${field.descrip}</div> |
||||
|
||||
</div> |
||||
<a class="more" href="{ms:global.url/}[field.link/]"><img src="{ms:global.host/}/{ms:global.style/}/images/001.jpg" /></a> |
||||
<div style="height:30px;border-top:1px #979797 solid;" ></div> |
||||
{/ms:arclist} |
||||
<div class="pageList"> |
||||
<ul> |
||||
<li><a href="{ms:global.url/}/{ms:page.index/}">首页</a></li> |
||||
<li><a href="{ms:global.url/}/{ms:page.pre/}">上一页</a></li> |
||||
<li><a href="{ms:global.url/}/{ms:page.next/}">下一页</a></li> |
||||
<li><a href="{ms:global.url/}/{ms:page.last/}">末页</a></li> |
||||
</ul> |
||||
</div> |
||||
<div class="hrdashed"></div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,33 @@ |
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> |
||||
<!-- saved from url=(0030)http://yangchao.ming-soft.net/ --> |
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> |
||||
<head> |
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> |
||||
<title>{ms:global.name/}</title> |
||||
<link rel="shortcut icon" href="{ms:global.host/}/{ms:global.style/}/favicon.ico" type="x-icon"/> |
||||
<meta name="description" content="{ms:global.descrip/}"> |
||||
<meta name="keywords" content="{ms:global.keyword/}"> |
||||
<link rel="stylesheet" href="{ms:global.host/}/{ms:global.style/}/css/stley.css"> |
||||
</head> |
||||
<body style="overflow-x:hidden"> |
||||
|
||||
<div class="content" style="width: 1040px;"> |
||||
<!--菜单页面--> |
||||
<div style="overflow:hidden;margin-right: 0;position: fixed;height: 100%;" > |
||||
<#include "left.htm"> |
||||
</div> |
||||
<div class="right" style="float:right;width: 852px;"> |
||||
<div class="About1999" style="margin-right:50px;width: 752px;"> |
||||
<div style="width:70px"></div> |
||||
<div class="newsTitle"> |
||||
<div class="title">{ms:field.title/}</div> |
||||
<div class="pubdate">{ms:field.date?string("yyyy-MM-dd")/}</div> |
||||
</div> |
||||
<div class="newsBody"> |
||||
<div class="contentbody">{ms:field.content/}</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,61 @@ |
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> |
||||
<!-- saved from url=(0030)http://yangchao.ming-soft.net/ --> |
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> |
||||
<head> |
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> |
||||
<title>{ms:global.name/}</title> |
||||
<link rel="shortcut icon" href="{ms:global.host/}/{ms:global.style/}/favicon.ico" type="x-icon"/> |
||||
<meta name="description" content="{ms:global.descrip/}"> |
||||
<meta name="keywords" content="{ms:global.keyword/}"> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8"> |
||||
<link rel="stylesheet" href="{ms:global.host/}/{ms:global.style/}/css/css.css"> |
||||
<style> |
||||
::-webkit-scrollbar{width:2px;} |
||||
::-webkit-scrollbar-track { |
||||
background-color: #f1f1f1 ; |
||||
} /* 滚动条的滑轨背景颜色 */ |
||||
|
||||
::-webkit-scrollbar-thumb { |
||||
background-color:#c9c9cb; |
||||
} /* 滑块颜色 */ |
||||
|
||||
</style> |
||||
</head> |
||||
<body> |
||||
<div class="contentFixed"> |
||||
<!--菜单页面--> |
||||
<#include "left.htm"> |
||||
<div class="right" id="abouts"> |
||||
<link rel="stylesheet" href="{ms:global.host/}/{ms:global.style/}/css/CustomScrollbar.css"> |
||||
<link rel="stylesheet" href="{ms:global.host/}/{ms:global.style/}/css/styleScrollbar.css"> |
||||
|
||||
<script>window.jQuery || document.write('<script src="{ms:global.host/}/{ms:global.style/}/js/jquery-1.11.0.min.js"><\/script>')</script> |
||||
<script src="{ms:global.host/}/{ms:global.style/}/js/jquery.mCustomScrollbar.concat.min.js"></script> |
||||
<section id="examples"> |
||||
<div class="content"> |
||||
<div class="picture"> |
||||
{ms:arclist size=10000} |
||||
<dl id="picList"> |
||||
<dt> |
||||
<a href='{ms:global.url/}[field.link/]'> |
||||
<img style="border:none;" src='{ms:global.host/}{@ms:file field.litpic/}' width="78" height="78" /></a> |
||||
</dt> |
||||
<dd>${field.title}</dd> |
||||
</dl> |
||||
{/ms:arclist} |
||||
</div> |
||||
</div> |
||||
</section> |
||||
</div> |
||||
</div> |
||||
|
||||
|
||||
</body> |
||||
</html> |
||||
<div style="display:none"> |
||||
<script type="text/javascript"> |
||||
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://"); |
||||
document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3Ff50e2f644b494d7d9c752db5c1bd5c05' type='text/javascript'%3E%3C/script%3E")); |
||||
</script> |
||||
|
||||
</div> |
||||
@ -0,0 +1,33 @@ |
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> |
||||
<!-- saved from url=(0030)http://yangchao.ming-soft.net/ --> |
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> |
||||
<head> |
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> |
||||
<title>{ms:global.name/}</title> |
||||
<link rel="shortcut icon" href="{ms:global.host/}/{ms:global.style/}/favicon.ico" type="x-icon"/> |
||||
<meta name="description" content="{ms:global.descrip/}"> |
||||
<meta name="keywords" content="{ms:global.keyword/}"> |
||||
<link rel="stylesheet" href="{ms:global.host/}/{ms:global.style/}/css/css.css"> |
||||
</head> |
||||
<body style="overflow-x:hidden"> |
||||
|
||||
<div class="contentFixed"> |
||||
<!--菜单页面--> |
||||
<div style="overflow:hidden;margin-right: 0;position: fixed;height: 100%;" > |
||||
<#include "left.htm"> |
||||
</div> |
||||
<div class="right"> |
||||
<div class="About1999" style="margin:25px;width:750px;"> |
||||
<div style="width:70px"></div> |
||||
<div class="newsTitle"> |
||||
<div class="title">{ms:field.title/}</div> |
||||
<div class="pubdate">{ms:field.date?string("yyyy-MM-dd")/}</div> |
||||
</div> |
||||
<div class="newsBody"> |
||||
<div class="contentbody">{ms:field.content/}</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</body> |
||||
</html> |
||||