This commit is contained in:
parent
46d74dcf5b
commit
99c850ae1a
|
|
@ -2489,6 +2489,7 @@ $(function() {
|
|||
$('.i-annc__page-title').after($('.sitemenu-wrap2'));
|
||||
$('.i-archive-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'));
|
||||
|
|
|
|||
|
|
@ -1,9 +1,9 @@
|
|||
@charset "utf-8";
|
||||
|
||||
a[accesskey] {
|
||||
position: absolute !important;
|
||||
position: absolute;
|
||||
margin-left: 0;
|
||||
color: transparent;
|
||||
color:#333;
|
||||
}
|
||||
|
||||
#orbit-bar a[accesskey] {
|
||||
|
|
|
|||
|
|
@ -87,7 +87,7 @@ a[href="/en/sitemap"]{
|
|||
margin: 0;
|
||||
font-size: unset;
|
||||
border-left: 0;
|
||||
@media(min-width:769px){
|
||||
@media(min-width:768px){
|
||||
float: left;
|
||||
.movelanguage{
|
||||
float: right;
|
||||
|
|
@ -277,6 +277,7 @@ td {
|
|||
img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
width: 100%;
|
||||
}
|
||||
input[type=checkbox]:focus {
|
||||
outline: 0.3125em auto -webkit-focus-ring-color;
|
||||
|
|
|
|||
|
|
@ -136,31 +136,34 @@
|
|||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px){
|
||||
max-width: 270px;
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
h1{
|
||||
margin: 0;
|
||||
}
|
||||
width: 80%;
|
||||
width: 70%;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
.site-logo {
|
||||
margin-right: 0.5em;
|
||||
margin-right:0;
|
||||
float: left;
|
||||
height: 50px;
|
||||
height: auto;
|
||||
padding-right: 0.5em;
|
||||
width: auto!important;
|
||||
@media(min-width: 1024px){
|
||||
height: 50px;
|
||||
}
|
||||
@media(max-width: $screen-xs){
|
||||
height: 45px;
|
||||
}
|
||||
@media(max-width: 820px)and(min-width:$screen-xs ){
|
||||
height: 45px;
|
||||
}
|
||||
width: 100%!important;
|
||||
// @media(min-width: 1024px){
|
||||
// height: 50px;
|
||||
// }
|
||||
// @media(max-width: $screen-xs){
|
||||
// height: 45px;
|
||||
// }
|
||||
// @media(max-width: 820px)and(min-width:$screen-xs ){
|
||||
// height: 45px;
|
||||
// }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -38,8 +38,11 @@
|
|||
.w-ba-banner .controlplay .resume-slide.active i {
|
||||
color: $theme-color-second!important;
|
||||
}
|
||||
.w-ba-banner__caption h3 {
|
||||
.w-ba-banner__caption h3 {
|
||||
font-size: 2em;
|
||||
@media(max-width:768px){
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
ul.button-mid{
|
||||
.prev-button{
|
||||
|
|
|
|||
|
|
@ -112,7 +112,7 @@
|
|||
-webkit-transition: all 0.5s;
|
||||
-o-transition: all 0.5s;
|
||||
&:hover {
|
||||
background-color: darken($color: #f5f5f5, $amount: 10);
|
||||
background: rgba(180, 180, 180, 0.1);
|
||||
}
|
||||
}
|
||||
.panel {
|
||||
|
|
@ -256,7 +256,7 @@
|
|||
-webkit-transition: all 0.5s;
|
||||
-o-transition: all 0.5s;
|
||||
&:hover {
|
||||
background-color: darken($color: #f5f5f5, $amount: 10);
|
||||
background: rgba(180, 180, 180, 0.1);
|
||||
}
|
||||
}
|
||||
.panel {
|
||||
|
|
|
|||
|
|
@ -560,7 +560,6 @@
|
|||
.i-annc__list {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
}
|
||||
.i-annc__title {
|
||||
font-family: $main-font;
|
||||
|
|
|
|||
|
|
@ -30,6 +30,7 @@
|
|||
padding: 0;
|
||||
.img-thumbnail{
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
}
|
||||
&:hover{
|
||||
img{
|
||||
|
|
@ -42,6 +43,9 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
.gallery.card-group .card.card-flip.h-100{
|
||||
height: auto !important;
|
||||
}
|
||||
// Gallery MODULES
|
||||
.widget-gallery {
|
||||
.widget-title {
|
||||
|
|
@ -564,6 +568,14 @@
|
|||
}
|
||||
}
|
||||
&.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{
|
||||
padding: 0;
|
||||
border: 0;
|
||||
|
|
|
|||
|
|
@ -72,14 +72,17 @@ th.sorting_disabled {
|
|||
// }
|
||||
.i-member-item{
|
||||
&:hover{
|
||||
// img{
|
||||
// transform: scale(1.1) !important;
|
||||
// -webkit-transition: .3s ease-out;
|
||||
// -moz-transition: .3s ease-out;
|
||||
// -ms-transition: .3s ease-out;
|
||||
// -o-transition: .3s ease-out;
|
||||
// transition: .3s ease-out;
|
||||
// }
|
||||
.i-member-pic-wrap{
|
||||
overflow: hidden;
|
||||
.i-member-pic{
|
||||
transform: scale(1.05) !important;
|
||||
-webkit-transition: .3s ease-out;
|
||||
-moz-transition: .3s ease-out;
|
||||
-ms-transition: .3s ease-out;
|
||||
-o-transition: .3s ease-out;
|
||||
transition: .3s ease-out;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.search-member{
|
||||
|
|
|
|||
|
|
@ -90,6 +90,7 @@
|
|||
border: 1px solid #6868688f;
|
||||
padding: 1em;
|
||||
background-color: #fff;
|
||||
margin-bottom: 1em;
|
||||
.sitemenu-list {
|
||||
position: relative;
|
||||
float: none;
|
||||
|
|
|
|||
|
|
@ -63,62 +63,7 @@
|
|||
$('[data-subpart-id="{{subpart-id}}"] .prev-button').click(function(){
|
||||
$(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>
|
||||
<style type="text/css">
|
||||
.w-ba-banner .controlplay .pause-slide.active i{
|
||||
|
|
|
|||
|
|
@ -2,9 +2,7 @@
|
|||
<h3 class="w-annc__widget-title">
|
||||
<span>{{widget-title}}</span>
|
||||
</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;
|
||||
top: 1em;
|
||||
width: 6em;
|
||||
|
|
@ -53,128 +51,7 @@
|
|||
</div>
|
||||
</li>
|
||||
</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>
|
||||
<!-- <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>
|
||||
</div>
|
||||
<div class="mask">
|
||||
<div class="circle_box"><img src="/assets/circle_icon.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<img
|
||||
srcset="
|
||||
{{thumb-large-src}} 1024w,
|
||||
|
|
|
|||
|
|
@ -37,6 +37,7 @@
|
|||
$img.attr('alt', albumTitle + (index + 1));
|
||||
}
|
||||
});
|
||||
$('.show-pic a').removeAttr('title');
|
||||
}, 500);
|
||||
|
||||
</script>
|
||||
Loading…
Reference in New Issue