Skip to content

Z
ZhongWeiXin
Commit 1a5595fd by 邓丽
Options

压缩文件

parent 860684b8
Showing with 136 additions and 186 deletions
dist/css/16sucai.css deleted 100644 → 0
/*#example-one{position:relative;}
#magic-line{position:absolute;bottom:85px;left:0;width:100px;height:2px;background:#d4d4d4}*/
dist/css/style.css
......@@ -383,9 +383,6 @@ th {
.hidden {
display: none;
}
/*.am-dimmer.am-active{
opacity: 0;
}*/
html,
body {
height: auto;
......@@ -481,7 +478,8 @@ body {
.am-btn-warning.current_page_item,
.am-btn-warning:active,
.am-btn-warning:focus,
.am-btn-warning:hover {
.am-btn-warning:hover,
.am-btn-warning:active {
color: #fff;
border-color: #fff;
}
......@@ -784,7 +782,7 @@ a.cd-read-more:hover {
position: absolute;
top: 28px;
left: 18px;
height: 94%;
height: 96%;
width: 1px;
background: #d4d4d4;
}
......@@ -858,11 +856,6 @@ a.cd-read-more:hover {
border-bottom: 1px solid #d4d4d4;
opacity: 0;
}
/* .topbar-nav>li>a:hover:after {
opacity: 1;
background-color: #d4d4d4;
border:none;
}*/
.topbar-nav > li.current_page_item > a {
border-radius: 0;
color: #d4d4d4;
......@@ -872,17 +865,6 @@ a.cd-read-more:hover {
font-weight: 400;
cursor: pointer;
}
/* .topbar-nav>li>a:focus,
.topbar-nav>li>a:hover {
border-radius: 0;
color: #d4d4d4;
width: auto;
background: transparent;
}*/
/* .am-slider .am-slides:after, .am-slider .am-slides:before {
content: " ";
display: none;
}*/
.am-slider-default .am-control-nav {
bottom: 15px;
}
......@@ -921,11 +903,7 @@ a.cd-read-more:hover {
.am-nav-pills > li {
height: 200px;
line-height: 200px;
float: left;
}
/* #contact-modal {
margin-top: -50px !important;
}*/
/*exhibitionsDetail页面*/
#exDetail {
margin: 0px 7%;
......@@ -1147,7 +1125,7 @@ a.cd-read-more:hover {
top: 90px;
left: 100px;
z-index: 10;
width: 290px;
width: 300px;
background: rgba(0, 0, 0, 0.3);
padding: 20px;
}
......@@ -1162,7 +1140,10 @@ a.cd-read-more:hover {
color: #d4d4d4;
line-height: 25px;
overflow: auto;
max-height: 600px;
max-height: 550px;
}
.imgIntro p:hover .slick-prev {
display: block;
}
.title {
display: block;
......@@ -1413,6 +1394,7 @@ a.cd-read-more:hover {
#cd-timeline::before {
left: 25%;
margin-left: -2px;
height: 96%;
}
.am-slider .portfolioSiles img {
width: auto;
......@@ -1553,9 +1535,6 @@ a.cd-read-more:hover {
margin: 0 10px;
letter-spacing: 1.4px;
}
/* #contact-modal {
margin-top: -100px !important;
}*/
/*project页面*/
.projectCon > ul li div.introCom h3 {
font-size: 18px;
......@@ -1606,8 +1585,8 @@ a.cd-read-more:hover {
}
/*模态框效果*/
.am-modal {
left: 20%;
top: 23%;
left: 18%;
top: 24%;
width: 600px;
height: 240px;
margin: 0 auto;
......@@ -1645,7 +1624,7 @@ a.cd-read-more:hover {
font-weight: 400;
}
.am-modal {
left: 10%;
left: 7%;
}
.language {
line-height: 100px;
......@@ -1691,6 +1670,9 @@ a.cd-read-more:hover {
.sileTop {
margin-top: 200px;
}
.am-topbar-brand {
padding: 0px 30px;
}
/*header*/
.am-nav > li > a {
color: #8a8a8a;
......@@ -1705,11 +1687,9 @@ a.cd-read-more:hover {
display: block;
}
.topbar-nav {
margin-bottom: 8px;
float: none!important;
margin: 10px auto 50px;
text-align: center;
line-height: 1.4rem;
margin-top: 10px;
float: none;
}
.topbar-nav li {
display: block;
......@@ -1719,7 +1699,7 @@ a.cd-read-more:hover {
color: #d4d4d4;
font-size: 14px;
font-weight: 400;
float: right;
float: none;
}
.topbar-nav li > a {
display: block;
......@@ -1729,6 +1709,13 @@ a.cd-read-more:hover {
.topbar-nav li:hover a {
color: #d4d4d4;
}
.topbar-nav li:last-child {
display: none;
}
.am-nav-pills > li + li {
margin-left: 0px;
margin-top: 0;
}
.topbar-nav .current_page_item a {
display: block;
color: #d4d4d4;
......@@ -1741,6 +1728,9 @@ a.cd-read-more:hover {
line-height: 35px;
margin: 0 auto;
color: #d4d4d4;
margin-top: 15px;
position: absolute;
bottom: 15px;
}
.am-slider-default .am-control-nav {
display: none;
......@@ -1821,7 +1811,6 @@ a.cd-read-more:hover {
}
.publicCon .pubImg {
width: 100%;
/* padding: 2rem 0;*/
}
.publicCon .pubImg img {
width: 100%;
......@@ -2013,7 +2002,7 @@ a.cd-read-more:hover {
margin-bottom: 1em;
}
#cd-timeline::before {
height: 96%;
height: 97%;
}
/*新闻页博客效果*/
#news ul li {
......@@ -2072,12 +2061,12 @@ a.cd-read-more:hover {
background: #a6a6a6;
color: #f6f6f6;
border-radius: 4px;
font-size: 14px;
font-size: 13px;
float: right;
margin: 5px 20px 10px;
height: 32px;
line-height: 32px;
width: 75px;
height: 30px;
line-height: 30px;
width: 72px;
text-align: center;
}
/*模态框效果*/
......@@ -2187,13 +2176,13 @@ a.cd-read-more:hover {
height: auto;
}
.imgIntro h3 {
font-size: 18px;
font-size: 16px;
color: #f6f6f6;
text-align: center;
margin: 10px auto 15px;
margin: 0px auto 10px;
}
.imgIntro p {
font-size: 14px;
font-size: 13px;
color: #d4d4d4;
text-indent: 28px;
}
......@@ -2228,5 +2217,5 @@ img.lazy {
height: 32px;
}
[class*=am-icon-]:before {
margin-top: 8px;
margin-top: 4px;
}
dist/html/biography.html
......@@ -22,8 +22,7 @@
<link rel="stylesheet" href="../assets/css/amazeui.min.css">
<link rel="stylesheet" href="../assets/css/amazeui.slick.min.css">
<link type="text/css" href="../css/16sucai.css" rel="stylesheet" />
<link rel="stylesheet" href="../css/style.css">
<link rel="stylesheet" href="../css/style.min.css">
<!--[if (gte IE 9)|!(IE)]><!-->
<script src="../assets/js/jquery.min.js"></script>
<script src="../js/html5shiv.min.js"></script>
......@@ -38,11 +37,9 @@
<script src="../assets/js/jquery.min.js"></script>
<script src="../assets/js/amazeui.min.js"></script>
<script src="../assets/js/slick.min.js"></script>
<script src="../js/slickInit.js"></script>
<script src="../js/public.js"></script>
<!--<script type="text/javascript" src="../js/navRoll.js"></script>-->
<script src="../js/slickInit.min.js"></script>
<script src="../js/public.min.js"></script>
<!--
<script>
/*便于百度搜索引擎*/
var _hmt = _hmt || [];
......@@ -52,7 +49,7 @@
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>-->
</script>
<!-- <link rel="stylesheet" href="../css/timeLine.min.css" />-->
<style type="text/css">
......
dist/html/exhibition.html
......@@ -23,8 +23,7 @@
<link rel="stylesheet" href="../assets/css/amazeui.min.css">
<link rel="stylesheet" href="../assets/css/amazeui.slick.min.css">
<link type="text/css" href="../css/16sucai.css" rel="stylesheet" />
<link rel="stylesheet" href="../css/style.css">
<link rel="stylesheet" href="../css/style.min.css">
<!--[if (gte IE 9)|!(IE)]><!-->
<script src="../assets/js/jquery.min.js"></script>
<script src="../js/html5shiv.min.js"></script>
......@@ -39,11 +38,9 @@
<script src="../assets/js/jquery.min.js"></script>
<script src="../assets/js/amazeui.min.js"></script>
<script src="../assets/js/slick.min.js"></script>
<script src="../js/slickInit.js"></script>
<script src="../js/public.js"></script>
<!--<script type="text/javascript" src="../js/navRoll.js"></script>-->
<script src="../js/slickInit.min.js"></script>
<script src="../js/public.min.js"></script>
<!--
<script>
/*便于百度搜索引擎*/
var _hmt = _hmt || [];
......@@ -53,7 +50,7 @@
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>-->
</script>
</head>
<body>
......
dist/html/index.html
......@@ -23,8 +23,7 @@
<link rel="stylesheet" href="../assets/css/amazeui.min.css">
<link rel="stylesheet" href="../assets/css/amazeui.slick.min.css">
<link type="text/css" href="../css/16sucai.css" rel="stylesheet" />
<link rel="stylesheet" href="../css/style.css">
<link rel="stylesheet" href="../css/style.min.css">
<!--[if (gte IE 9)|!(IE)]><!-->
<script src="../assets/js/jquery.min.js"></script>
<script src="../js/html5shiv.min.js"></script>
......@@ -39,11 +38,9 @@
<script src="../assets/js/jquery.min.js"></script>
<script src="../assets/js/amazeui.min.js"></script>
<script src="../assets/js/slick.min.js"></script>
<script src="../js/slickInit.js"></script>
<script src="../js/public.js"></script>
<!--<script type="text/javascript" src="../js/navRoll.js"></script>-->
<script src="../js/slickInit.min.js"></script>
<script src="../js/public.min.js"></script>
<!--
<script>
/*便于百度搜索引擎*/
var _hmt = _hmt || [];
......@@ -53,7 +50,7 @@
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>-->
</script>
<!-- <script src="../assets/js/slickIndex.js"></script>-->
</head>
......
dist/html/news.html
......@@ -22,8 +22,7 @@
<link rel="stylesheet" href="../assets/css/amazeui.min.css">
<link rel="stylesheet" href="../assets/css/amazeui.slick.min.css">
<link type="text/css" href="../css/16sucai.css" rel="stylesheet" />
<link rel="stylesheet" href="../css/style.css">
<link rel="stylesheet" href="../css/style.min.css">
<!--[if (gte IE 9)|!(IE)]><!-->
<script src="../assets/js/jquery.min.js"></script>
<script src="../js/html5shiv.min.js"></script>
......@@ -38,11 +37,9 @@
<script src="../assets/js/jquery.min.js"></script>
<script src="../assets/js/amazeui.min.js"></script>
<script src="../assets/js/slick.min.js"></script>
<script src="../js/slickInit.js"></script>
<script src="../js/public.js"></script>
<!--<script type="text/javascript" src="../js/navRoll.js"></script>-->
<script src="../js/slickInit.min.js"></script>
<script src="../js/public.min.js"></script>
<!--
<script>
/*便于百度搜索引擎*/
var _hmt = _hmt || [];
......@@ -52,7 +49,7 @@
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>-->
</script>
<style type="text/css">
h2.top_title{border-bottom:none;background:none;text-align:center;line-height:32px; font-size:20px}
......
dist/html/portfolio.html
......@@ -22,8 +22,7 @@
<link rel="stylesheet" href="../assets/css/amazeui.min.css">
<link rel="stylesheet" href="../assets/css/amazeui.slick.min.css">
<link type="text/css" href="../css/16sucai.css" rel="stylesheet" />
<link rel="stylesheet" href="../css/style.css">
<link rel="stylesheet" href="../css/style.min.css">
<!--[if (gte IE 9)|!(IE)]><!-->
<script src="../assets/js/jquery.min.js"></script>
<script src="../js/html5shiv.min.js"></script>
......@@ -38,11 +37,9 @@
<script src="../assets/js/jquery.min.js"></script>
<script src="../assets/js/amazeui.min.js"></script>
<script src="../assets/js/slick.min.js"></script>
<script src="../js/slickInit.js"></script>
<script src="../js/public.js"></script>
<!--<script type="text/javascript" src="../js/navRoll.js"></script>-->
<script src="../js/slickInit.min.js"></script>
<script src="../js/public.min.js"></script>
<!--
<script>
/*便于百度搜索引擎*/
var _hmt = _hmt || [];
......@@ -52,7 +49,7 @@
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>-->
</script>
<script src="../assets/js/slickPort.js"></script>
<style>
......
dist/html/portfolioDetail.html
......@@ -22,8 +22,7 @@
<link rel="stylesheet" href="../assets/css/amazeui.min.css">
<link rel="stylesheet" href="../assets/css/amazeui.slick.min.css">
<link type="text/css" href="../css/16sucai.css" rel="stylesheet" />
<link rel="stylesheet" href="../css/style.css">
<link rel="stylesheet" href="../css/style.min.css">
<!--[if (gte IE 9)|!(IE)]><!-->
<script src="../assets/js/jquery.min.js"></script>
<script src="../js/html5shiv.min.js"></script>
......@@ -38,11 +37,9 @@
<script src="../assets/js/jquery.min.js"></script>
<script src="../assets/js/amazeui.min.js"></script>
<script src="../assets/js/slick.min.js"></script>
<script src="../js/slickInit.js"></script>
<script src="../js/public.js"></script>
<!--<script type="text/javascript" src="../js/navRoll.js"></script>-->
<script src="../js/slickInit.min.js"></script>
<script src="../js/public.min.js"></script>
<!--
<script>
/*便于百度搜索引擎*/
var _hmt = _hmt || [];
......@@ -52,7 +49,7 @@
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>-->
</script>
<!-- <script src="../assets/js/slickPort.js"></script>-->
<style>
......@@ -61,6 +58,7 @@
right:20px;
}
.slick-prev{
width: 10%;
left:20px;
}
</style>
......@@ -82,7 +80,7 @@
<ul class="slider lazy portfolioSiles" id="portfolioDel">
<li>
<div>
<img class="image" data-lazy="../images/testImg7.jpg"/>
<img class="image" data-lazy="../images/test11.jpg"/>
</div>
<div class="imgIntro">
<h3>Front Cover: 3D Visualization for the Coastal Shallow Strata</h3>
......@@ -91,11 +89,7 @@
g with a little CSS to make it look nicer, it includes the album cover images, and the album names link to the Wikipedia pages for those albums.
g with a little CSS to make it look nicer, it includes the album cover images, and the album names link to the Wikipedia pages for those albums.
g with a little CSS to make it look nicer, it includes the album cover images, and the album names link to the Wikipedia pages for those albums.
g with a little CSS to make it look nicer, it includes the album cover images, and the album names link to the Wikipedia pages for those albums.
g with a little CSS to make it look nicer, it includes the album cover images, and the album names link to the Wikipedia pages for those albums.
g with a little CSS to make it look nicer, it includes the album cover images, and the album names link to the Wikipedia pages for those albums.
g with a little CSS to make it look nicer, it includes the album cover images, and the album names link to the Wikipedia pages for those albums.
g with a little CSS to make it look nicer, it includes the album cover images, and the album names link to the Wikipedia pages for those albums.
g with a little CSS to make it look nicer, it includes the album cover images, and the album names link to the Wikipedia pages for those albums.结束
</p>
</div>
<div>
......@@ -103,7 +97,7 @@
</li>
<li>
<div>
<img class="image" data-lazy="../images/test11.jpg" />
<img class="image" data-lazy="../images/testImg2.png" />
</div>
<div class="imgIntro">
<h3>Front Cover:llow Strata</h3>
......@@ -135,7 +129,7 @@
</li>
<li>
<div>
<img class="image" data-lazy="../images/testImg10.jpg" />
<img class="image" data-lazy="../images/testImg7.jpg" />
</div>
<div class="imgIntro">
<h3>f扫然后就给你踢人了</h3>
......
dist/html/publications.html
......@@ -23,8 +23,7 @@
<link rel="stylesheet" href="../assets/css/amazeui.min.css">
<link rel="stylesheet" href="../assets/css/amazeui.slick.min.css">
<link type="text/css" href="../css/16sucai.css" rel="stylesheet" />
<link rel="stylesheet" href="../css/style.css">
<link rel="stylesheet" href="../css/style.min.css">
<!--[if (gte IE 9)|!(IE)]><!-->
<script src="../assets/js/jquery.min.js"></script>
<script src="../js/html5shiv.min.js"></script>
......@@ -39,11 +38,9 @@
<script src="../assets/js/jquery.min.js"></script>
<script src="../assets/js/amazeui.min.js"></script>
<script src="../assets/js/slick.min.js"></script>
<script src="../js/slickInit.js"></script>
<script src="../js/public.js"></script>
<!--<script type="text/javascript" src="../js/navRoll.js"></script>-->
<script src="../js/slickInit.min.js"></script>
<script src="../js/public.min.js"></script>
<!--
<script>
/*便于百度搜索引擎*/
var _hmt = _hmt || [];
......@@ -53,7 +50,7 @@
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>-->
</script>
<style>
.slick-prev {
......
dist/html/publicationsDetail.html
......@@ -23,8 +23,7 @@
<link rel="stylesheet" href="../assets/css/amazeui.min.css">
<link rel="stylesheet" href="../assets/css/amazeui.slick.min.css">
<link type="text/css" href="../css/16sucai.css" rel="stylesheet" />
<link rel="stylesheet" href="../css/style.css">
<link rel="stylesheet" href="../css/style.min.css">
<!--[if (gte IE 9)|!(IE)]><!-->
<script src="../assets/js/jquery.min.js"></script>
<script src="../js/html5shiv.min.js"></script>
......@@ -39,11 +38,9 @@
<script src="../assets/js/jquery.min.js"></script>
<script src="../assets/js/amazeui.min.js"></script>
<script src="../assets/js/slick.min.js"></script>
<script src="../js/slickInit.js"></script>
<script src="../js/public.js"></script>
<!--<script type="text/javascript" src="../js/navRoll.js"></script>-->
<script src="../js/slickInit.min.js"></script>
<script src="../js/public.min.js"></script>
<!--
<script>
/*便于百度搜索引擎*/
var _hmt = _hmt || [];
......@@ -53,7 +50,7 @@
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>-->
</script>
</head>
......
dist/js/navRoll.js
// DOM Ready
function tarRoll(){
var $el, leftPos, newWidth;
var $magicLine = $("#magic-line");
var lineWidth=parseInt($(".current_page_item").width()*0.6);
var lineLeft=parseFloat($(".current_page_item a").position().left + $(".current_page_item").width()*0.16);
var lineLeft=parseFloat($(".current_page_item a").position().left + $(".current_page_item").width()*0.14);
$magicLine
.width(lineWidth)
.css("left", lineLeft)
......@@ -14,7 +13,7 @@ function tarRoll(){
$("#example-one li").find("a").hover(function() {
$el = $(this);
leftPos = parseFloat($el.position().left + $el.parent().width()*0.16);
leftPos = parseFloat($el.position().left + $el.parent().width()*0.14);
newWidth = parseInt($el.parent().width()*0.6);
$magicLine.stop().animate({
......
dist/js/navRoll.min.js 0 → 100644
function tarRoll(){var $el,leftPos,newWidth;var $magicLine=$("#magic-line");var lineWidth=parseInt($(".current_page_item").width()*0.6);var lineLeft=parseFloat($(".current_page_item a").position().left+$(".current_page_item").width()*0.14);$magicLine.width(lineWidth).css("left",lineLeft).data("origLeft",$magicLine.position().left).data("origWidth",$magicLine.width());$("#example-one li").find("a").hover(function(){$el=$(this);leftPos=parseFloat($el.position().left+$el.parent().width()*0.14);newWidth=parseInt($el.parent().width()*0.6);$magicLine.stop().animate({left:leftPos,width:newWidth})},function(){$magicLine.stop().animate({left:$magicLine.data("origLeft"),width:$magicLine.data("origWidth")})})}var winHeight=document.documentElement.clientHeight;var winWidth=document.documentElement.clientWidth;$(function(){$("#example-one").append("<li id='magic-line'></li>");tarRoll()});$(window).resize(function(){if(winWidth>414){tarRoll()}});
\ No newline at end of file
dist/js/public.min.js 0 → 100644
var winHeight=document.documentElement.clientHeight;var winWidth=document.documentElement.clientWidth;function newsHeight(obj,bi){var imgHeight;var thumbnail=$(obj).find("div.thumbnail");var Width=thumbnail.width();imgHeight=parseInt(Width*bi);$(obj).find("div.thumbnail,div.brief").height(imgHeight)}function autoWidth(obj,bi,n){var liWidth=Math.ceil($(obj).width()/n+1);var liHeight=liWidth*bi;$(obj).find(".am-gallery-item").each(function(){if(obj==".exhBox"){var marginVal=parseInt($(this).parents(".slick-list").width()/30);$(this).css({"margin-left":marginVal,"margin-right":marginVal});liHeight=parseInt(liWidth-marginVal*2)*bi;$(this).width(parseInt(liWidth-marginVal*2)).height(liHeight)}else{if(obj==".pubBox"){var marginVal=parseInt($(this).parents(".slick-list").width()/130);$(this).css({"margin-left":marginVal,"margin-right":marginVal});liHeight=parseInt(liWidth-marginVal*2)*bi;$(this).width(parseInt(liWidth-marginVal*2)).height(liHeight)}else{$(this).width(liWidth).height(liHeight)}}var H3=$(this).find("h3");var padValue=Math.ceil(liHeight-H3.height())/2;if(H3.length){H3.css("margin-top",padValue)}});$(obj).each(function(){var winHeight=document.documentElement.clientHeight;var boxHeight=$(obj).height();var header=$(".am-container").height();var marTop=Math.ceil((winHeight-boxHeight)/2)-header;$(obj).css("margin-top",marTop)})}$(function(){var title=$("#linkTitle").val();var lis=$("#collapse-head").find("li");var titleVal=$("#contact-modal").css("display");lis.siblings("li").removeClass("current_page_item");if(title=="portfolio"){lis.eq(0).addClass("current_page_item").siblings("li").removeClass("current_page_item")}else{if(title=="exhibition"){lis.eq(1).addClass("current_page_item").siblings("li").removeClass("current_page_item")}else{if(title=="publications"){lis.eq(2).addClass("current_page_item").siblings("li").removeClass("current_page_item")}else{if(title=="news"){lis.eq(3).addClass("current_page_item").siblings("li").removeClass("current_page_item")}else{if(title=="biography"){lis.eq(4).addClass("current_page_item").siblings("li").removeClass("current_page_item")}}}}}if(winWidth>414){newsHeight("#news",1);autoWidth(".exhBox",1.32,3);autoWidth(".porBox",0.665,4);autoWidth(".pubBox",1,5)}$(".indexSlide li").css("max-height",winHeight)});$(window).resize(function(){if(winWidth>414){newsHeight("#news",1);autoWidth(".exhBox",1.32,3);autoWidth(".porBox",0.665,4);autoWidth(".pubBox",1,5)}});
\ No newline at end of file
dist/js/slickInit.js
......@@ -13,14 +13,16 @@ function slickInit(){
slidesToShow: 3,
slidesToScroll: 1,
speed: 500,
variableWidth: false
variableWidth: false,
draggable:false
});
}else if(obj=="publications"){
$('.lazy').slick({
lazyLoad: 'ondemand',
slidesToShow:5,
slidesToScroll: 1,
speed: 500
speed: 500,
draggable:false
});
}else if(obj=="portfolio"){
$('.lazy').slick({
......@@ -28,7 +30,8 @@ function slickInit(){
slidesToShow: 4,
slidesToScroll: 1,
speed: 500,
variableWidth:true
variableWidth:true,
draggable:false
});
}
}else{
......
dist/js/slickInit.min.js 0 → 100644
function slickInit(){var winHeight=document.documentElement.clientHeight;var winWidth=document.documentElement.clientWidth;if(winWidth>414){var obj=$("#linkTitle").val();if(obj=="exhibition"){$(".lazy").slick({lazyLoad:"ondemand",slidesToShow:3,slidesToScroll:1,speed:500,variableWidth:false,draggable:false})}else{if(obj=="publications"){$(".lazy").slick({lazyLoad:"ondemand",slidesToShow:5,slidesToScroll:1,speed:500,draggable:false})}else{if(obj=="portfolio"){$(".lazy").slick({lazyLoad:"ondemand",slidesToShow:4,slidesToScroll:1,speed:500,variableWidth:true,draggable:false})}}}}else{$(".lazy").slick({lazyLoad:"ondemand",slidesToShow:1,slidesToScroll:1,speed:500,variableWidth:false})}}$(function(){slickInit()});
\ No newline at end of file
src/less/style.less
@import "common/base.less";
@import "../../dist/css/sprite.css";
/*.am-dimmer.am-active{
opacity: 0;
}*/
html, body {
height:auto;
width:100%;
......@@ -94,7 +91,8 @@ body{
.am-btn-warning:focus, .am-btn-warning:hover {
background-color: #fff;
}
.current_page_item .am-btn-warning.am-dropdown-toggle, .am-btn-warning.current_page_item, .am-btn-warning:active, .am-btn-warning:focus, .am-btn-warning:hover {
.current_page_item .am-btn-warning.am-dropdown-toggle, .am-btn-warning.current_page_item,
.am-btn-warning:active, .am-btn-warning:focus, .am-btn-warning:hover,.am-btn-warning:active {
color: #fff;
border-color: #fff;
}
......@@ -397,7 +395,7 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
position: absolute;
top: 28px;
left: 18px;
height:94%;
height:96%;
width: 1px;
background: #d4d4d4;
}
......@@ -472,11 +470,6 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
border-bottom: 1px solid #d4d4d4;
opacity: 0;
}
/* .topbar-nav>li>a:hover:after {
opacity: 1;
background-color: #d4d4d4;
border:none;
}*/
.topbar-nav>li.current_page_item>a {
border-radius: 0;
color: #d4d4d4;
......@@ -486,17 +479,6 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
font-weight:400;
cursor: pointer;
}
/* .topbar-nav>li>a:focus,
.topbar-nav>li>a:hover {
border-radius: 0;
color: #d4d4d4;
width: auto;
background: transparent;
}*/
/* .am-slider .am-slides:after, .am-slider .am-slides:before {
content: " ";
display: none;
}*/
.am-slider-default .am-control-nav {
bottom: 15px;
}
......@@ -536,11 +518,7 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
.am-nav-pills>li {
height: 200px;
line-height: 200px;
float: left;
}
/* #contact-modal {
margin-top: -50px !important;
}*/
/*exhibitionsDetail页面*/
#exDetail{
margin: 0px 7%;
......@@ -770,7 +748,7 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
top: 90px;
left: 100px;
z-index: 10;
width: 290px;
width: 300px;
background: rgba(0, 0, 0, 0.3);
padding: 20px;
h3{
......@@ -784,7 +762,12 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
color: #d4d4d4;
line-height: 25px;
overflow: auto;
max-height: 600px;
max-height: 550px;
&:hover{
.slick-prev{
display: block;
}
}
}
}
.title {
......@@ -1039,6 +1022,7 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
#cd-timeline::before {
left: 25%;
margin-left: -2px;
height: 96%;
}
.am-slider .portfolioSiles img{
......@@ -1182,9 +1166,6 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
margin: 0 10px;
letter-spacing: 1.4px;
}
/* #contact-modal {
margin-top: -100px !important;
}*/
/*project页面*/
.projectCon > ul li div.introCom h3 {
font-size: 18px;
......@@ -1242,8 +1223,8 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
}
/*模态框效果*/
.am-modal {
left: 20%;
top: 23%;
left: 18%;
top: 24%;
width: 600px;
height: 240px;
margin: 0 auto;
......@@ -1281,7 +1262,7 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
font-weight: 400;
}
.am-modal {
left: 10%;
left: 7%;
}
.language{
line-height: 100px;
......@@ -1334,6 +1315,9 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
.sileTop{
margin-top: 200px;
}
.am-topbar-brand {
padding: 0px 30px;
}
/*header*/
.am-nav>li>a {
color: #8a8a8a;
......@@ -1346,11 +1330,9 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
display: block;
}
.topbar-nav {
margin-bottom: 8px;
float: none!important;
margin: 10px auto 50px;
text-align: center;
line-height: 1.4rem;
margin-top: 10px;
float: none;
}
.topbar-nav li{
display: block;
......@@ -1360,7 +1342,7 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
color: #d4d4d4;
font-size: 14px;
font-weight: 400;
float: right;
float: none;
>a{
display: block;
color: #8a8a8a;
......@@ -1369,6 +1351,13 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
&:hover a{
color: #d4d4d4;
}
&:last-child{
display: none;
}
}
.am-nav-pills>li+li {
margin-left: 0px;
margin-top: 0;
}
.topbar-nav .current_page_item a{
display: block;
......@@ -1382,6 +1371,9 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
line-height:35px;
margin: 0 auto;
color: #d4d4d4;
margin-top:15px;
position: absolute;
bottom:15px;
}
.am-slider-default .am-control-nav {
......@@ -1465,7 +1457,6 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
}
.pubImg{
width: 100%;
/* padding: 2rem 0;*/
img{
width: 100%;
height: auto;
......@@ -1659,7 +1650,7 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
margin-bottom: 1em;
}
#cd-timeline::before {
height:96%;
height:97%;
}
/*新闻页博客效果*/
#news{
......@@ -1716,12 +1707,12 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
background: #a6a6a6;
color: #f6f6f6;
border-radius: 4px;
font-size: 14px;
font-size: 13px;
float: right;
margin: 5px 20px 10px;
height: 32px;
line-height: 32px;
width: 75px;
height: 30px;
line-height: 30px;
width: 72px;
text-align: center;
}
}
......@@ -1833,13 +1824,13 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
padding: 15px;
height: auto;
h3{
font-size: 18px;
font-size: 16px;
color: #f6f6f6;
text-align: center;
margin: 10px auto 15px;
margin: 0px auto 10px;
}
p{
font-size: 14px;
font-size: 13px;
color: #d4d4d4;
text-indent: 28px;
}
......@@ -1886,5 +1877,5 @@ img.lazy{
height: 32px;
}
[class*=am-icon-]:before {
margin-top: 8px;
margin-top: 4px;
}
src/pages/components/publicHead.html
......@@ -13,8 +13,7 @@
<link rel="stylesheet" href="../assets/css/amazeui.min.css">
<link rel="stylesheet" href="../assets/css/amazeui.slick.min.css">
<link type="text/css" href="../css/16sucai.css" rel="stylesheet" />
<link rel="stylesheet" href="../css/style.css">
<link rel="stylesheet" href="../css/style.min.css">
<!--[if (gte IE 9)|!(IE)]><!-->
<script src="../assets/js/jquery.min.js"></script>
<script src="../js/html5shiv.min.js"></script>
......@@ -29,11 +28,9 @@
<script src="../assets/js/jquery.min.js"></script>
<script src="../assets/js/amazeui.min.js"></script>
<script src="../assets/js/slick.min.js"></script>
<script src="../js/slickInit.js"></script>
<script src="../js/public.js"></script>
<!--<script type="text/javascript" src="../js/navRoll.js"></script>-->
<script src="../js/slickInit.min.js"></script>
<script src="../js/public.min.js"></script>
<!--
<script>
/*便于百度搜索引擎*/
var _hmt = _hmt || [];
......@@ -43,4 +40,4 @@
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>-->
</script>
src/pages/portfolioDetail.ejs
......@@ -15,6 +15,7 @@
right:20px;
}
.slick-prev{
width: 10%;
left:20px;
}
</style>
......@@ -36,7 +37,7 @@
<ul class="slider lazy portfolioSiles" id="portfolioDel">
<li>
<div>
<img class="image" data-lazy="../images/testImg7.jpg"/>
<img class="image" data-lazy="../images/test11.jpg"/>
</div>
<div class="imgIntro">
<h3>Front Cover: 3D Visualization for the Coastal Shallow Strata</h3>
......@@ -45,11 +46,7 @@
g with a little CSS to make it look nicer, it includes the album cover images, and the album names link to the Wikipedia pages for those albums.
g with a little CSS to make it look nicer, it includes the album cover images, and the album names link to the Wikipedia pages for those albums.
g with a little CSS to make it look nicer, it includes the album cover images, and the album names link to the Wikipedia pages for those albums.
g with a little CSS to make it look nicer, it includes the album cover images, and the album names link to the Wikipedia pages for those albums.
g with a little CSS to make it look nicer, it includes the album cover images, and the album names link to the Wikipedia pages for those albums.
g with a little CSS to make it look nicer, it includes the album cover images, and the album names link to the Wikipedia pages for those albums.
g with a little CSS to make it look nicer, it includes the album cover images, and the album names link to the Wikipedia pages for those albums.
g with a little CSS to make it look nicer, it includes the album cover images, and the album names link to the Wikipedia pages for those albums.
g with a little CSS to make it look nicer, it includes the album cover images, and the album names link to the Wikipedia pages for those albums.结束
</p>
</div>
<div>
......@@ -57,7 +54,7 @@
</li>
<li>
<div>
<img class="image" data-lazy="../images/test11.jpg" />
<img class="image" data-lazy="../images/testImg2.png" />
</div>
<div class="imgIntro">
<h3>Front Cover:llow Strata</h3>
......@@ -89,7 +86,7 @@
</li>
<li>
<div>
<img class="image" data-lazy="../images/testImg10.jpg" />
<img class="image" data-lazy="../images/testImg7.jpg" />
</div>
<div class="imgIntro">
<h3>f扫然后就给你踢人了</h3>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment