This commit is contained in:
parent
09229fa392
commit
dca70f172f
|
|
@ -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'));
|
||||||
|
|
@ -4156,128 +4157,128 @@ $(function() {
|
||||||
});
|
});
|
||||||
}, 500);
|
}, 500);
|
||||||
});
|
});
|
||||||
//header選單太長
|
// //header選單太長
|
||||||
$(function() {
|
// $(function() {
|
||||||
function adjustMenuPosition() {
|
// function adjustMenuPosition() {
|
||||||
var headerHeight = ($('.layout-header').outerHeight() || 140) + ($('#orbit-bar').outerHeight() || 0);
|
// var headerHeight = ($('.layout-header').outerHeight() || 140) + ($('#orbit-bar').outerHeight() || 0);
|
||||||
var windowHeight = $(window).height();
|
// var windowHeight = $(window).height();
|
||||||
var windowWidth = $(window).width();
|
// var windowWidth = $(window).width();
|
||||||
|
|
||||||
// 處理 level-1
|
// // 處理 level-1
|
||||||
$('.modules-menu-level-0 > li').on('mouseenter', function() {
|
// $('.modules-menu-level-0 > li').on('mouseenter', function() {
|
||||||
var $level1 = $(this).find('> .modules-menu-level-1');
|
// var $level1 = $(this).find('> .modules-menu-level-1');
|
||||||
if (!$level1.length) return;
|
// if (!$level1.length) return;
|
||||||
|
|
||||||
$level1.css({ 'top': '', 'max-height': '', 'overflow-y': '', 'overflow-x': '' });
|
// $level1.css({ 'top': '', 'max-height': '', 'overflow-y': '', 'overflow-x': '' });
|
||||||
|
|
||||||
var menuTop = $level1.offset().top;
|
// var menuTop = $level1.offset().top;
|
||||||
var menuHeight = $level1.outerHeight();
|
// var menuHeight = $level1.outerHeight();
|
||||||
var available = windowHeight - menuTop;
|
// var available = windowHeight - menuTop;
|
||||||
|
|
||||||
if (menuHeight > available) {
|
// if (menuHeight > available) {
|
||||||
var maxH = windowHeight - headerHeight;
|
// var maxH = windowHeight - headerHeight;
|
||||||
$level1.css({
|
// $level1.css({
|
||||||
'top' : 'auto',
|
// 'top' : 'auto',
|
||||||
'max-height': maxH + 'px',
|
// 'max-height': maxH + 'px',
|
||||||
'overflow-y': 'auto',
|
// 'overflow-y': 'auto',
|
||||||
'overflow-x': 'visible'
|
// 'overflow-x': 'visible'
|
||||||
});
|
// });
|
||||||
|
|
||||||
// 判斷是否是最後一個 li(level-2 往左展開)
|
// // 判斷是否是最後一個 li(level-2 往左展開)
|
||||||
var $parentLi = $level1.closest('.modules-menu-level-0 > li');
|
// var $parentLi = $level1.closest('.modules-menu-level-0 > li');
|
||||||
var isLastChild = $parentLi.is(':last-child') && windowWidth >= 769;
|
// var isLastChild = $parentLi.is(':last-child') && windowWidth >= 769;
|
||||||
|
|
||||||
$level1.find('> li').on('mouseenter.level2fix', function() {
|
// $level1.find('> li').on('mouseenter.level2fix', function() {
|
||||||
var $li = $(this);
|
// var $li = $(this);
|
||||||
var $level2 = $li.find('> .modules-menu-level-2');
|
// var $level2 = $li.find('> .modules-menu-level-2');
|
||||||
if (!$level2.length) return;
|
// if (!$level2.length) return;
|
||||||
|
|
||||||
function updateLevel2Position() {
|
// function updateLevel2Position() {
|
||||||
var liRect = $li[0].getBoundingClientRect();
|
// var liRect = $li[0].getBoundingClientRect();
|
||||||
var orbitHeight = $('#orbit-bar').outerHeight() || 0;
|
// var orbitHeight = $('#orbit-bar').outerHeight() || 0;
|
||||||
var leftPos, rightPos;
|
// var leftPos, rightPos;
|
||||||
|
|
||||||
if (isLastChild) {
|
// if (isLastChild) {
|
||||||
leftPos = 'auto';
|
// leftPos = 'auto';
|
||||||
rightPos = (windowWidth - liRect.left) + 'px';
|
// rightPos = (windowWidth - liRect.left) + 'px';
|
||||||
} else {
|
// } else {
|
||||||
leftPos = liRect.right + 'px';
|
// leftPos = liRect.right + 'px';
|
||||||
rightPos = 'auto';
|
// rightPos = 'auto';
|
||||||
}
|
// }
|
||||||
|
|
||||||
$level2.css({
|
// $level2.css({
|
||||||
'position' : 'fixed',
|
// 'position' : 'fixed',
|
||||||
'top' : (liRect.top - orbitHeight) + 'px', // 減去 orbit-bar 高度
|
// 'top' : (liRect.top - orbitHeight) + 'px', // 減去 orbit-bar 高度
|
||||||
'left' : leftPos,
|
// 'left' : leftPos,
|
||||||
'right' : rightPos,
|
// 'right' : rightPos,
|
||||||
'max-height': (windowHeight - headerHeight) + 'px',
|
// 'max-height': (windowHeight - headerHeight) + 'px',
|
||||||
'overflow-y': 'auto',
|
// 'overflow-y': 'auto',
|
||||||
'z-index' : 9999
|
// 'z-index' : 9999
|
||||||
});
|
// });
|
||||||
}
|
// }
|
||||||
|
|
||||||
// 初始定位
|
// // 初始定位
|
||||||
updateLevel2Position();
|
// updateLevel2Position();
|
||||||
|
|
||||||
// 監聽 level-1 捲動,即時更新 top
|
// // 監聽 level-1 捲動,即時更新 top
|
||||||
$level1.on('scroll.level2pos', function() {
|
// $level1.on('scroll.level2pos', function() {
|
||||||
updateLevel2Position();
|
// updateLevel2Position();
|
||||||
});
|
// });
|
||||||
|
|
||||||
}).on('mouseleave.level2fix', function() {
|
// }).on('mouseleave.level2fix', function() {
|
||||||
$(this).find('> .modules-menu-level-2').css({
|
// $(this).find('> .modules-menu-level-2').css({
|
||||||
'position' : '',
|
// 'position' : '',
|
||||||
'top' : '',
|
// 'top' : '',
|
||||||
'left' : '',
|
// 'left' : '',
|
||||||
'right' : '',
|
// 'right' : '',
|
||||||
'max-height': '',
|
// 'max-height': '',
|
||||||
'overflow-y': ''
|
// 'overflow-y': ''
|
||||||
});
|
// });
|
||||||
$level1.off('scroll.level2pos');
|
// $level1.off('scroll.level2pos');
|
||||||
});
|
// });
|
||||||
}
|
// }
|
||||||
});
|
// });
|
||||||
|
|
||||||
// 處理 level-2(level-1 不需要捲動時的一般情況)
|
// // 處理 level-2(level-1 不需要捲動時的一般情況)
|
||||||
$('.modules-menu-level-1 > li').on('mouseenter', function() {
|
// $('.modules-menu-level-1 > li').on('mouseenter', function() {
|
||||||
var $li = $(this);
|
// var $li = $(this);
|
||||||
var $level2 = $li.find('> .modules-menu-level-2');
|
// var $level2 = $li.find('> .modules-menu-level-2');
|
||||||
if (!$level2.length) return;
|
// if (!$level2.length) return;
|
||||||
|
|
||||||
var $level1 = $li.closest('.modules-menu-level-1');
|
// var $level1 = $li.closest('.modules-menu-level-1');
|
||||||
if ($level1.css('overflow-y') === 'auto') return;
|
// if ($level1.css('overflow-y') === 'auto') return;
|
||||||
|
|
||||||
// 重置
|
// // 重置
|
||||||
$level2.css({ 'top': '', 'max-height': '', 'overflow-y': '' });
|
// $level2.css({ 'top': '', 'max-height': '', 'overflow-y': '' });
|
||||||
|
|
||||||
// 加上 li 的 padding-top,讓 level-2 頂端對齊 li 文字
|
// // 加上 li 的 padding-top,讓 level-2 頂端對齊 li 文字
|
||||||
var liPaddingTop = parseInt($li.css('padding-top')) || 0;
|
// var liPaddingTop = parseInt($li.css('padding-top')) || 0;
|
||||||
$level2.css('top', liPaddingTop + 'px');
|
// $level2.css('top', liPaddingTop + 'px');
|
||||||
|
|
||||||
var menuTop = $level2.offset().top;
|
// var menuTop = $level2.offset().top;
|
||||||
var menuHeight = $level2.outerHeight();
|
// var menuHeight = $level2.outerHeight();
|
||||||
var available = windowHeight - menuTop;
|
// var available = windowHeight - menuTop;
|
||||||
|
|
||||||
if (menuHeight > available) {
|
// if (menuHeight > available) {
|
||||||
var overflowAmount = menuHeight - available;
|
// var overflowAmount = menuHeight - available;
|
||||||
$level2.css({
|
// $level2.css({
|
||||||
'top' : (liPaddingTop - overflowAmount) + 'px',
|
// 'top' : (liPaddingTop - overflowAmount) + 'px',
|
||||||
'max-height': (windowHeight - headerHeight) + 'px',
|
// 'max-height': (windowHeight - headerHeight) + 'px',
|
||||||
'overflow-y': 'auto'
|
// 'overflow-y': 'auto'
|
||||||
});
|
// });
|
||||||
}
|
// }
|
||||||
});
|
// });
|
||||||
}
|
// }
|
||||||
|
|
||||||
adjustMenuPosition();
|
// adjustMenuPosition();
|
||||||
|
|
||||||
$(window).on('resize', function() {
|
// $(window).on('resize', function() {
|
||||||
$('.modules-menu-level-0 > li').off('mouseenter');
|
// $('.modules-menu-level-0 > li').off('mouseenter');
|
||||||
$('.modules-menu-level-1 > li').off('mouseenter.level2fix mouseleave.level2fix');
|
// $('.modules-menu-level-1 > li').off('mouseenter.level2fix mouseleave.level2fix');
|
||||||
$('.modules-menu-level-1').off('scroll.level2pos');
|
// $('.modules-menu-level-1').off('scroll.level2pos');
|
||||||
adjustMenuPosition();
|
// adjustMenuPosition();
|
||||||
});
|
// });
|
||||||
});
|
// });
|
||||||
//ai須新增的function
|
//ai須新增的function
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -281,6 +281,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;
|
||||||
|
|
|
||||||
|
|
@ -59,7 +59,7 @@
|
||||||
color: #fff;
|
color: #fff;
|
||||||
font: 0.9375em/1.25em $main-font;
|
font: 0.9375em/1.25em $main-font;
|
||||||
.fa {
|
.fa {
|
||||||
color: #666;
|
color: #fff;
|
||||||
font-size: 1.125em;
|
font-size: 1.125em;
|
||||||
margin: 0 0.1875em 0 0;
|
margin: 0 0.1875em 0 0;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -154,6 +154,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.site-logo {
|
.site-logo {
|
||||||
|
filter: brightness(0) invert(1);
|
||||||
margin-right: 0.5em;
|
margin-right: 0.5em;
|
||||||
float: left;
|
float: left;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
|
|
|
||||||
|
|
@ -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{
|
||||||
|
|
|
||||||
|
|
@ -975,7 +975,7 @@ img.w-annc__img {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
.w-annc__meta{
|
.w-annc__meta{
|
||||||
background-color:#dfdfdf;
|
background: rgba(255, 255, 255, 0.1);
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding:0.5em 1em;
|
padding:0.5em 1em;
|
||||||
|
|
|
||||||
|
|
@ -27,13 +27,11 @@
|
||||||
.i-archive{
|
.i-archive{
|
||||||
tr{
|
tr{
|
||||||
border: 0.0625em solid #ddd!important;
|
border: 0.0625em solid #ddd!important;
|
||||||
|
background: transparent !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.i-items{
|
.i-items{
|
||||||
border: 1px solid #ccc;
|
border: 1px solid #ccc;
|
||||||
@media(min-width: 768px){
|
|
||||||
background-color: #fff;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
.w-archive__title{
|
.w-archive__title{
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
|
@ -115,7 +113,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 {
|
||||||
|
|
@ -259,7 +257,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 {
|
||||||
|
|
|
||||||
|
|
@ -565,7 +565,6 @@ th,td {
|
||||||
.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{
|
||||||
|
|
@ -202,7 +205,7 @@ th.sorting_disabled {
|
||||||
.i-member-item{
|
.i-member-item{
|
||||||
border-bottom: 1px solid #e2e2e2;
|
border-bottom: 1px solid #e2e2e2;
|
||||||
&:nth-child(odd) {
|
&:nth-child(odd) {
|
||||||
background: #f3f3f3;
|
background: rgba(255, 255, 255, 0.1);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.member-data-title-name{
|
.member-data-title-name{
|
||||||
|
|
@ -269,7 +272,7 @@ th.sorting_disabled {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.i-member-item {
|
.i-member-item {
|
||||||
background: #f1f1f1 none repeat scroll 0 0;
|
background: rgba(255, 255, 255, 0.1);
|
||||||
border-radius: 0.3125em;
|
border-radius: 0.3125em;
|
||||||
float: none;
|
float: none;
|
||||||
margin:0 0.5em 1em;
|
margin:0 0.5em 1em;
|
||||||
|
|
@ -381,7 +384,7 @@ th.sorting_disabled {
|
||||||
clear: both;
|
clear: both;
|
||||||
}
|
}
|
||||||
.i-member-item-inner {
|
.i-member-item-inner {
|
||||||
background: $theme-gray-lighter;
|
background: rgba(255, 255, 255, 0.1);
|
||||||
}
|
}
|
||||||
// RWD
|
// RWD
|
||||||
@media screen and (min-width: $screen-sm) {
|
@media screen and (min-width: $screen-sm) {
|
||||||
|
|
|
||||||
|
|
@ -14,10 +14,10 @@
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
background-color:transparent;
|
background-color:transparent;
|
||||||
a:link, a:visited { color: $theme-color-main; }
|
a:link, a:visited { color: #fff; }
|
||||||
}
|
}
|
||||||
.breadcrumb>li+li:before {
|
.breadcrumb>li+li:before {
|
||||||
color: $theme-color-main;
|
color: #fff;
|
||||||
}
|
}
|
||||||
.widget-breadcrumb {
|
.widget-breadcrumb {
|
||||||
&.widget1 {
|
&.widget1 {
|
||||||
|
|
@ -28,7 +28,7 @@
|
||||||
|
|
||||||
&:last-child {
|
&:last-child {
|
||||||
a {
|
a {
|
||||||
color: $theme-color-main;
|
color: #fff;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -146,7 +146,7 @@
|
||||||
|
|
||||||
.sitemenu-link {
|
.sitemenu-link {
|
||||||
font-size: 1.2em;
|
font-size: 1.2em;
|
||||||
color: #333333;
|
color: #fff;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
background-image: url(/assets/plan_icon01.png);
|
background-image: url(/assets/plan_icon01.png);
|
||||||
background-position: 15px;
|
background-position: 15px;
|
||||||
|
|
@ -156,7 +156,7 @@
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
position: relative;
|
position: relative;
|
||||||
border-bottom: 1px solid #cacaca;
|
border-bottom: 1px solid #cacaca;
|
||||||
color: #333333;
|
color: #fff;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
//behavior: url("/assets/ie_support/PIE2/PIE.htc");
|
//behavior: url("/assets/ie_support/PIE2/PIE.htc");
|
||||||
border: 2px solid #DDD;
|
border: 2px solid #DDD;
|
||||||
|
|
@ -165,7 +165,7 @@
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
&:hover{
|
&:hover{
|
||||||
border: 2px solid #333333;
|
border: 2px solid #fff;
|
||||||
color: $theme-color-second;
|
color: $theme-color-second;
|
||||||
background: #adb5bd33;
|
background: #adb5bd33;
|
||||||
}
|
}
|
||||||
|
|
@ -235,11 +235,11 @@
|
||||||
|
|
||||||
.sitemenu-link {
|
.sitemenu-link {
|
||||||
font-size:1.2em;
|
font-size:1.2em;
|
||||||
color: #333333;
|
color: #fff;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
position: relative;
|
position: relative;
|
||||||
color: #333333;
|
color: #fff;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
//behavior: url("/assets/ie_support/PIE2/PIE.htc");
|
//behavior: url("/assets/ie_support/PIE2/PIE.htc");
|
||||||
border: 2px solid #DDD;
|
border: 2px solid #DDD;
|
||||||
|
|
@ -248,7 +248,7 @@
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
&:hover{
|
&:hover{
|
||||||
border: 2px solid #333333;
|
border: 2px solid #fff;
|
||||||
color: $theme-color-second;
|
color: $theme-color-second;
|
||||||
background: #adb5bd33;
|
background: #adb5bd33;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -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> -->
|
|
||||||
|
|
|
||||||
|
|
@ -134,9 +134,9 @@
|
||||||
}
|
}
|
||||||
.archives-ul {
|
.archives-ul {
|
||||||
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
|
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
|
||||||
background: #eaeef0;
|
background: rgba(255, 255, 255, 0.1);
|
||||||
padding: 1em;
|
padding: 1em;
|
||||||
border: 1px solid #ccc;
|
border:1px solid #cccccc3b;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.i-archive__file-wrap {
|
.i-archive__file-wrap {
|
||||||
|
|
|
||||||
|
|
@ -131,13 +131,6 @@
|
||||||
.i-archive__status-wrap {
|
.i-archive__status-wrap {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.archives-ul {
|
|
||||||
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
|
|
||||||
background: #eaeef0;
|
|
||||||
padding: 1em;
|
|
||||||
border: 1px solid #ccc;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
.i-archive__file-wrap {
|
.i-archive__file-wrap {
|
||||||
font-size: 1.2em;
|
font-size: 1.2em;
|
||||||
|
|
@ -148,12 +141,12 @@
|
||||||
.archive-li{
|
.archive-li{
|
||||||
list-style: none;
|
list-style: none;
|
||||||
}
|
}
|
||||||
.archives-ul {
|
.archives-ul {
|
||||||
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
|
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
|
||||||
background: #eaeef0;
|
background: rgba(255, 255, 255, 0.1);
|
||||||
padding: 1em;
|
padding: 1em;
|
||||||
border: 1px solid #ccc;
|
border:1px solid #cccccc3b;
|
||||||
}
|
}
|
||||||
.index-archive-15 .archive-description{
|
.index-archive-15 .archive-description{
|
||||||
color: #9b9b9b;
|
color: #9b9b9b;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -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