This commit is contained in:
parent
2d618767ca
commit
da1788a337
Binary file not shown.
|
Before Width: | Height: | Size: 2.1 MiB |
|
|
@ -2489,6 +2489,7 @@ $(function() {
|
||||||
$('.i-annc__page-title').after($('.sitemenu-wrap2'));
|
$('.i-annc__page-title').after($('.sitemenu-wrap2'));
|
||||||
$('.i-archive-title').after($('.sitemenu-wrap2'));
|
$('.i-archive-title').after($('.sitemenu-wrap2'));
|
||||||
$('.page-module-title').after($('.sitemenu-wrap2'));
|
$('.page-module-title').after($('.sitemenu-wrap2'));
|
||||||
|
$('.show-member').before($('.sitemenu-wrap2'));
|
||||||
$('.box-social-share').before($('.sitemenu-wrap3'));
|
$('.box-social-share').before($('.sitemenu-wrap3'));
|
||||||
$('.box-social-share').before($('.sitemenu-wrap3'));
|
$('.box-social-share').before($('.sitemenu-wrap3'));
|
||||||
$('.box-social-share').before($('.sitemenu-wrap3'));
|
$('.box-social-share').before($('.sitemenu-wrap3'));
|
||||||
|
|
|
||||||
|
|
@ -87,7 +87,7 @@ a[href="/en/sitemap"]{
|
||||||
margin: 0;
|
margin: 0;
|
||||||
font-size: unset;
|
font-size: unset;
|
||||||
border-left: 0;
|
border-left: 0;
|
||||||
@media(min-width:769px){
|
@media(min-width:768px){
|
||||||
float: left;
|
float: left;
|
||||||
.movelanguage{
|
.movelanguage{
|
||||||
float: right;
|
float: right;
|
||||||
|
|
@ -277,6 +277,7 @@ td {
|
||||||
img {
|
img {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
|
width: 100%;
|
||||||
}
|
}
|
||||||
input[type=checkbox]:focus {
|
input[type=checkbox]:focus {
|
||||||
outline: 0.3125em auto -webkit-focus-ring-color;
|
outline: 0.3125em auto -webkit-focus-ring-color;
|
||||||
|
|
|
||||||
|
|
@ -38,8 +38,11 @@
|
||||||
.w-ba-banner .controlplay .resume-slide.active i {
|
.w-ba-banner .controlplay .resume-slide.active i {
|
||||||
color: $theme-color-second!important;
|
color: $theme-color-second!important;
|
||||||
}
|
}
|
||||||
.w-ba-banner__caption h3 {
|
.w-ba-banner__caption h3 {
|
||||||
font-size: 2em;
|
font-size: 2em;
|
||||||
|
@media(max-width:768px){
|
||||||
|
font-size: 1.8em;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
ul.button-mid{
|
ul.button-mid{
|
||||||
.prev-button{
|
.prev-button{
|
||||||
|
|
|
||||||
|
|
@ -112,7 +112,7 @@
|
||||||
-webkit-transition: all 0.5s;
|
-webkit-transition: all 0.5s;
|
||||||
-o-transition: all 0.5s;
|
-o-transition: all 0.5s;
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: darken($color: #f5f5f5, $amount: 10);
|
background: rgba(180, 180, 180, 0.1);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.panel {
|
.panel {
|
||||||
|
|
@ -256,7 +256,7 @@
|
||||||
-webkit-transition: all 0.5s;
|
-webkit-transition: all 0.5s;
|
||||||
-o-transition: all 0.5s;
|
-o-transition: all 0.5s;
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: darken($color: #f5f5f5, $amount: 10);
|
background: rgba(180, 180, 180, 0.1);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.panel {
|
.panel {
|
||||||
|
|
|
||||||
|
|
@ -560,7 +560,6 @@
|
||||||
.i-annc__list {
|
.i-annc__list {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
justify-content: center;
|
|
||||||
}
|
}
|
||||||
.i-annc__title {
|
.i-annc__title {
|
||||||
font-family: $main-font;
|
font-family: $main-font;
|
||||||
|
|
|
||||||
|
|
@ -30,6 +30,7 @@
|
||||||
padding: 0;
|
padding: 0;
|
||||||
.img-thumbnail{
|
.img-thumbnail{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
padding: 0;
|
||||||
}
|
}
|
||||||
&:hover{
|
&:hover{
|
||||||
img{
|
img{
|
||||||
|
|
@ -42,6 +43,9 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.gallery.card-group .card.card-flip.h-100{
|
||||||
|
height: auto !important;
|
||||||
|
}
|
||||||
// Gallery MODULES
|
// Gallery MODULES
|
||||||
.widget-gallery {
|
.widget-gallery {
|
||||||
.widget-title {
|
.widget-title {
|
||||||
|
|
@ -564,6 +568,14 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
&.index8{
|
&.index8{
|
||||||
|
.index-content-inner{
|
||||||
|
background-color: rgba($theme-color-second, 0.1);
|
||||||
|
margin-bottom: 1em;
|
||||||
|
border-radius: 1em;
|
||||||
|
}
|
||||||
|
h4.index-content-title {
|
||||||
|
padding: 0 1em;
|
||||||
|
}
|
||||||
.index-content-inner img{
|
.index-content-inner img{
|
||||||
padding: 0;
|
padding: 0;
|
||||||
border: 0;
|
border: 0;
|
||||||
|
|
|
||||||
|
|
@ -72,14 +72,17 @@ th.sorting_disabled {
|
||||||
// }
|
// }
|
||||||
.i-member-item{
|
.i-member-item{
|
||||||
&:hover{
|
&:hover{
|
||||||
// img{
|
.i-member-pic-wrap{
|
||||||
// transform: scale(1.1) !important;
|
overflow: hidden;
|
||||||
// -webkit-transition: .3s ease-out;
|
.i-member-pic{
|
||||||
// -moz-transition: .3s ease-out;
|
transform: scale(1.05) !important;
|
||||||
// -ms-transition: .3s ease-out;
|
-webkit-transition: .3s ease-out;
|
||||||
// -o-transition: .3s ease-out;
|
-moz-transition: .3s ease-out;
|
||||||
// transition: .3s ease-out;
|
-ms-transition: .3s ease-out;
|
||||||
// }
|
-o-transition: .3s ease-out;
|
||||||
|
transition: .3s ease-out;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.search-member{
|
.search-member{
|
||||||
|
|
|
||||||
|
|
@ -90,6 +90,7 @@
|
||||||
border: 1px solid #6868688f;
|
border: 1px solid #6868688f;
|
||||||
padding: 1em;
|
padding: 1em;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
|
margin-bottom: 1em;
|
||||||
.sitemenu-list {
|
.sitemenu-list {
|
||||||
position: relative;
|
position: relative;
|
||||||
float: none;
|
float: none;
|
||||||
|
|
|
||||||
|
|
@ -63,62 +63,7 @@
|
||||||
$('[data-subpart-id="{{subpart-id}}"] .prev-button').click(function(){
|
$('[data-subpart-id="{{subpart-id}}"] .prev-button').click(function(){
|
||||||
$(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle("prev");
|
$(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle("prev");
|
||||||
});
|
});
|
||||||
$(function() {
|
|
||||||
function updateBannerClip() {
|
|
||||||
$('.ba-banner-widget-0').each(function() {
|
|
||||||
var $banner = $(this);
|
|
||||||
var vpWidth = $(window).width();
|
|
||||||
var vpHeight = $(window).height();
|
|
||||||
|
|
||||||
// --- 寬度:找比 viewport 窄的父層容器 ---
|
|
||||||
var $container = null;
|
|
||||||
$banner.parents().each(function() {
|
|
||||||
var $el = $(this);
|
|
||||||
if ($el.outerWidth() < vpWidth - 10) {
|
|
||||||
$container = $el;
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
var clipLeft = 0;
|
|
||||||
var clipRight = 0;
|
|
||||||
if ($container && $container.length > 0) {
|
|
||||||
clipLeft = Math.max(0, $container.offset().left);
|
|
||||||
clipRight = Math.max(0, vpWidth - $container.offset().left - $container.outerWidth());
|
|
||||||
}
|
|
||||||
|
|
||||||
// --- 高度:依 .w-ad-banner 自己區塊的上下邊界裁切 ---
|
|
||||||
var bannerTop = $banner.offset().top - $(window).scrollTop();
|
|
||||||
var bannerBottom = vpHeight - bannerTop - $banner.outerHeight();
|
|
||||||
|
|
||||||
var clipTop = Math.max(0, bannerTop);
|
|
||||||
var clipBottom = Math.max(0, bannerBottom);
|
|
||||||
|
|
||||||
var clipValue = 'inset('
|
|
||||||
+ clipTop + 'px '
|
|
||||||
+ clipRight + 'px '
|
|
||||||
+ clipBottom + 'px '
|
|
||||||
+ clipLeft + 'px)';
|
|
||||||
|
|
||||||
$banner.find('img.w-ba-banner__image').css('clip-path', clipValue);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// 初始執行
|
|
||||||
setTimeout(updateBannerClip, 300);
|
|
||||||
|
|
||||||
// 視窗縮放時重新計算
|
|
||||||
var resizeTimer;
|
|
||||||
$(window).on('resize', function() {
|
|
||||||
clearTimeout(resizeTimer);
|
|
||||||
resizeTimer = setTimeout(updateBannerClip, 100);
|
|
||||||
});
|
|
||||||
|
|
||||||
// ✅ 滾動時也要更新,因為 bannerTop 會隨捲動改變
|
|
||||||
$(window).on('scroll', function() {
|
|
||||||
updateBannerClip();
|
|
||||||
});
|
|
||||||
});
|
|
||||||
</script>
|
</script>
|
||||||
<style type="text/css">
|
<style type="text/css">
|
||||||
.w-ba-banner .controlplay .pause-slide.active i{
|
.w-ba-banner .controlplay .pause-slide.active i{
|
||||||
|
|
|
||||||
|
|
@ -2,9 +2,7 @@
|
||||||
<h3 class="w-annc__widget-title">
|
<h3 class="w-annc__widget-title">
|
||||||
<span>{{widget-title}}</span>
|
<span>{{widget-title}}</span>
|
||||||
</h3>
|
</h3>
|
||||||
<div class="w-annc__more-wrap clearfix">
|
|
||||||
<a class="w-annc__more btn btn-primary pull-right" href="{{more_url}}"><%= (I18n.locale.to_s =="zh_tw") ? "更多最新消息" : "More NEWS" %></a>
|
|
||||||
</div>
|
|
||||||
<div style=" position: absolute;
|
<div style=" position: absolute;
|
||||||
top: 1em;
|
top: 1em;
|
||||||
width: 6em;
|
width: 6em;
|
||||||
|
|
@ -53,128 +51,7 @@
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
<div class="w-annc__more-wrap clearfix">
|
||||||
|
<a class="w-annc__more btn btn-primary pull-right" href="{{more_url}}"><%= (I18n.locale.to_s =="zh_tw") ? "更多最新消息" : "More NEWS" %></a>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- <script src="//code.jquery.com/ui/1.13.2/jquery-ui.js"></script>
|
|
||||||
<script>
|
|
||||||
function combineul_{{subpart-id}}(){
|
|
||||||
var parents = $('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list').parent();
|
|
||||||
parents.each(function(i,v){
|
|
||||||
for(var i=1;i<$(v).find('ul.w-annc__list').length;i++)
|
|
||||||
$(v).find('ul.w-annc__list').eq(0).find('>li').eq(-1).after($(v).find('ul.w-annc__list').eq(i).html());
|
|
||||||
var ullength = $(v).find('ul.w-annc__list').length;
|
|
||||||
for(var i = 1;i < ullength;i++)
|
|
||||||
$(v).find('ul.w-annc__list').eq(-1).remove();
|
|
||||||
})
|
|
||||||
};
|
|
||||||
var num;
|
|
||||||
var lilength = $('[data-subpart-id=\"{{subpart-id}}\"] li.w-annc__item').length;
|
|
||||||
function reorganize_{{subpart-id}}(num){
|
|
||||||
var uls = $('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list').toArray();
|
|
||||||
var currentul = uls.findIndex(function(v){
|
|
||||||
return $(v).hasClass("active") && !$(v).hasClass("hidden_item");
|
|
||||||
})
|
|
||||||
if(currentul == -1)
|
|
||||||
currentul = 0;
|
|
||||||
var li_active_idx = 0;
|
|
||||||
if(currentul != 0)
|
|
||||||
li_active_idx = $(uls[currentul]).find("li.w-annc__item").eq(0).index("li.w-annc__item");
|
|
||||||
combineul_{{subpart-id}}();
|
|
||||||
var parents = $('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list').parent();
|
|
||||||
parents.each(function(i,v){
|
|
||||||
var lilength = $(v).find('li.w-annc__item').length;
|
|
||||||
var ul_length = Math.ceil(lilength/num);
|
|
||||||
for(var ii=1;ii< ul_length;ii++){
|
|
||||||
var clone_ul = $(v).find('ul.w-annc__list').eq(-1).clone();
|
|
||||||
clone_ul.empty();
|
|
||||||
clone_ul.removeClass("active");
|
|
||||||
clone_ul.css("display","");
|
|
||||||
$(v).find('ul.w-annc__list').eq(-1).after(clone_ul.prop("outerHTML"));
|
|
||||||
var lihtml="";
|
|
||||||
if(ii != (ul_length-1)){
|
|
||||||
for(var j=0;j<num;j++){
|
|
||||||
lihtml += $(v).find('li.w-annc__item').eq(ii*num+j).prop("outerHTML");
|
|
||||||
};
|
|
||||||
}else{
|
|
||||||
for(var j=0;j< lilength - num *(ul_length-1) ;j++){
|
|
||||||
lihtml += $(v).find('li.w-annc__item').eq(ii*num+j).prop("outerHTML");
|
|
||||||
};
|
|
||||||
};
|
|
||||||
$(v).find('ul.w-annc__list').eq(-1).html(lihtml);
|
|
||||||
}
|
|
||||||
if(ul_length != 1 )
|
|
||||||
for(var i=0;i< lilength -num ; i++)
|
|
||||||
$(v).find('ul.w-annc__list').eq(0).find("li.w-annc__item").eq(num).remove();
|
|
||||||
})
|
|
||||||
$('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list').css("display","none");
|
|
||||||
$('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list').css('padding','0');
|
|
||||||
$('[data-subpart-id=\"{{subpart-id}}\"] button').css('z-index','10');
|
|
||||||
// $('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list >li').css('width','calc('+100/num+'% - '+100/10+'em)'); //20px=>li的margin
|
|
||||||
$('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list >li').css('float','left');
|
|
||||||
var active_ul = $("[data-subpart-id=\"{{subpart-id}}\"] li.w-annc__item").eq(li_active_idx).parents("ul.w-annc__list");
|
|
||||||
active_ul.addClass("active");
|
|
||||||
active_ul.removeClass("hidden_item");
|
|
||||||
active_ul.css("display","");
|
|
||||||
};
|
|
||||||
$(window).resize(function(){
|
|
||||||
if($(window).width()>1024){
|
|
||||||
reorganize_{{subpart-id}}(2);
|
|
||||||
num=2;
|
|
||||||
}else if($(window).width()>576){
|
|
||||||
reorganize_{{subpart-id}}(2);
|
|
||||||
num=2;
|
|
||||||
}else{
|
|
||||||
reorganize_{{subpart-id}}(1);
|
|
||||||
num=1;
|
|
||||||
}
|
|
||||||
})
|
|
||||||
$(document).ready(function(){
|
|
||||||
if($(window).width()>1024){
|
|
||||||
reorganize_{{subpart-id}}(2);
|
|
||||||
num=2;
|
|
||||||
}else if($(window).width()>576){
|
|
||||||
reorganize_{{subpart-id}}(2);
|
|
||||||
num=2;
|
|
||||||
}else{
|
|
||||||
reorganize_{{subpart-id}}(1);
|
|
||||||
num=1;
|
|
||||||
}
|
|
||||||
var flag=false;
|
|
||||||
$('.btn-left').click(function(){
|
|
||||||
if(!flag){
|
|
||||||
var uls = $('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list:not(.hidden_item)').toArray();
|
|
||||||
var ul_length = uls.length;
|
|
||||||
var currentul = uls.findIndex(function(v){
|
|
||||||
return $(v).hasClass("active");
|
|
||||||
})
|
|
||||||
$('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list').css('display','none');
|
|
||||||
if(currentul - 1 < 0)
|
|
||||||
currentul += ul_length;
|
|
||||||
$('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list:not(.hidden_item)').removeClass("active");
|
|
||||||
var active_item = $(uls[currentul-1]);
|
|
||||||
active_item.addClass("active");
|
|
||||||
active_item.find("li").css("display","block");
|
|
||||||
flag=true;
|
|
||||||
$('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list.active').eq(0).effect("slide", { direction: "right", mode: 'show', duration: 500},function(){flag=false;});
|
|
||||||
};
|
|
||||||
});
|
|
||||||
$('.btn-right').click(function(){
|
|
||||||
var lilength = $('[data-subpart-id=\"{{subpart-id}}\"] li.w-annc__item').length;
|
|
||||||
if(!flag){
|
|
||||||
var uls = $('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list:not(.hidden_item)').toArray();
|
|
||||||
var ul_length = uls.length;
|
|
||||||
var currentul = uls.findIndex(function(v){
|
|
||||||
return $(v).hasClass("active");
|
|
||||||
})
|
|
||||||
$('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list').css('display','none');
|
|
||||||
if(currentul + 1 > ul_length - 1)
|
|
||||||
currentul -= ul_length;
|
|
||||||
$('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list:not(.hidden_item)').removeClass("active");
|
|
||||||
var active_item = $(uls[currentul+1]);
|
|
||||||
active_item.addClass("active");
|
|
||||||
active_item.find("li").css("display","block");
|
|
||||||
flag=true;
|
|
||||||
$('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list.active').eq(0).effect("slide", { direction: "left", mode: 'show', duration: 500},function(){flag=false;});
|
|
||||||
};
|
|
||||||
});
|
|
||||||
});
|
|
||||||
</script> -->
|
|
||||||
|
|
|
||||||
|
|
@ -12,10 +12,6 @@
|
||||||
<div class="mask_title">{{image_description}}</div>
|
<div class="mask_title">{{image_description}}</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="mask">
|
|
||||||
<div class="circle_box"><img src="/assets/circle_icon.png" alt="">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<img
|
<img
|
||||||
srcset="
|
srcset="
|
||||||
{{thumb-large-src}} 1024w,
|
{{thumb-large-src}} 1024w,
|
||||||
|
|
|
||||||
|
|
@ -37,6 +37,7 @@
|
||||||
$img.attr('alt', albumTitle + (index + 1));
|
$img.attr('alt', albumTitle + (index + 1));
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
$('.show-pic a').removeAttr('title');
|
||||||
}, 500);
|
}, 500);
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
Loading…
Reference in New Issue