This commit is contained in:
ken 2026-07-31 16:06:29 +08:00
parent 70c31e4656
commit 4c7c7ba404
64 changed files with 1118 additions and 693 deletions

File diff suppressed because it is too large Load Diff

View File

@ -7,10 +7,11 @@ a[accesskey] {
}
#orbit-bar a[accesskey] {
color: #666666 !important;
color: #fff;
margin-left: 0;
position: relative;
&:hover {
color: #ffffff !important;
}
}

View File

@ -3,12 +3,60 @@
@import "../initial";
@import "variables";
.fa-classic, .fa-regular, .fa-solid, .far, .fas ,.fa{
font-family: var(--fa-style-family, "FontAwesome")!important;
}
#orbit-bar .orbit-bar-inner > label:focus, #orbit-bar .orbit-bar-inner > label.focus{
.orbit-bar-search-sign-language{
display: block
}
}
#orbit-bar .orbit-bar-menu .orbit-bar-logo{
cursor: unset!important;
}
.login-btn:focus {
outline: 0.3125em auto -webkit-focus-ring-color !important;
transition: all 0.2s ease-in-out!important;
}
.orbit-bar-inner{
li.active {
@media(min-width:768px){
padding: 0 !important;
}
}
}
// label[for="open-orbit-login"] {
// @media(max-width:768px){
// display: none!important;
// }
// }
[accesskey="U"],[accesskey="W"]{
@media(max-width:768px){
color: #666!important;
}
}
.orbit-bar-inner{
[accesskey="U"]{
height: 40px;
display: inline-block!important;
line-height: 40px;
float: left;
@media(min-width:769px){
color: #fff!important;
}
}
[accesskey="W"]{
height: 40px;
display: inline-block!important;
line-height: 40px;
float: left;
color: #fff!important;
@media(min-width:769px){
color: #fff!important;
}
}
}
.orbit-bar-search-sign-language{
@media(max-width:767px){
position: absolute !important;
@ -33,9 +81,6 @@ body #orbit-bar .orbit-bar-search-sign-language #search input[type="search"]{
#orbit-bar .orbit-bar-inner > ul > li > ul li{
list-style: none!important;
}
li{
list-style: disc;
}
html {
font-size: 100%;
}

View File

@ -214,9 +214,12 @@ a {
border-color: #ddd
}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>a.hover-class,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover,.pagination>.active>span.hover-class {
z-index: 3;
.pagination > .active > a{
color: #fff;
}
.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>a.hover-class,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover,.pagination>.active>span.hover-class {
z-index: 3;
color: #333;
cursor: default;
}

View File

@ -201,4 +201,15 @@
.rotated{
transform: rotate(180deg);
}
.sign-up{
input{
height:2em!important;
}
.btn-group {
margin-left: 5px !important;
}
.btn-primary:hover{
color: #14324f!important;
}
}

View File

@ -254,11 +254,11 @@ a[href="/en/sitemap"]{
.site-logo {
margin-right: 0.5em;
float: left;
height: 60px;
height: 70px;
padding-right: 0.5em;
width: auto!important;
@media(min-width: 1024px){
height: 60px;
height: 70px;
}
@media(max-width: $screen-xs){
height: 45px;

View File

@ -450,7 +450,7 @@ ul.button-mid{
a i { font-size: 0.75em; }
}
}
@media(max-width: $screen-sm -1) {
@media(max-width: $screen-sm) {
ul.button-mid.next-button, ul.button-mid.prev-button{
top: 35%;
transform: translateY(-35%);
@ -462,6 +462,7 @@ ul.button-mid{
// Widget 7
.ba-banner-widget-7 {
position: relative;
overflow: hidden;
@media(min-width:1024px){
display: flex;
flex-direction: row-reverse;

View File

@ -563,6 +563,15 @@
}
}
}
&.index8{
.index-content-inner img{
padding: 0;
border: 0;
}
.index-part{
padding: 1em 0;
}
}
}
.show-gallery {

View File

@ -1,6 +1,10 @@
@charset "utf-8";
@import "../initial";
.video_snapshot_wrap {
position: relative;
padding: 0.2em;
}
.video_tablist a{
margin: 0.25em;
}

View File

@ -97,7 +97,7 @@ input:hover {
}
@media (min-width: $screen-lg) {
max-width:1280px;
max-width:1400px;
padding: 0;
}
}

View File

@ -27,16 +27,9 @@
</div>
</div>
<ul class="w-ba-banner__pager-3 banner-pager banner_caption_{{subpart-id}}"></ul>
<ul class="controlplay" role="radiogroup" aria-label="播放控制選項">
<a role="radio" aria-checked="true" href="javascript:;" class="resume-slide active" title="繼續播放" aria-label="繼續播放" aria-live="assertive">
<i aria-hidden="true"></i>
<p style="display: none;"><%= I18n.t("ad_banner.resume") %></p>
</a>
<a role="radio" aria-checked="false" href="javascript:;" class="pause-slide" title="暫停播放" aria-label="暫停播放" aria-live="assertive">
<i aria-hidden="true"></i>
<p style="display: none;"><%= I18n.t("ad_banner.pause") %></p>
</a>
<ul class="button-mid">
<i class="fa fa-angle-left prev-button" aria-label="<%= I18n.t("ad_banner.prev") %>"></i>
<i class="fa fa-angle-right next-button" aria-label="<%= I18n.t("ad_banner.next") %>"></i>
</ul>
<ul class="button-mid">
<button class="prev-button" title = "<%= (I18n.locale.to_s =="zh_tw") ? "上一張" : "prev" %>" aria-label="Pager"></button>

View File

@ -25,8 +25,8 @@
data-cycle-prev="#prev-{{subpart-id}}"
data-cycle-slides=".w-annc__item" >
<li class="w-annc__item " >
<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}" class="widget-title-a">
<div class="w-annc__item_inner">
<a href="{{link_to_show}}" class="widget-title-a">
<div class="w-annc__img-wrap bullseye" style="position:relative">
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
<div class="transitionfade"></div>
@ -50,8 +50,8 @@
</h4>
<p class="w-annc__subtitle">{{subtitle}}</p>
</div>
</div>
</a>
</div>
</li>
</ul>
</div>
@ -66,5 +66,49 @@
overflow: hidden;
}
</style>
<script>
$(document).ready(function(){
var $widget = $('[data-subpart-id=\"{{subpart-id}}\"]');
// nav_tabs_filter 切換後,對當前顯示的 ul 初始化 cycle2
function initCycle_{{subpart-id}}($ul){
if(!$ul || $ul.length === 0) return;
if($ul.data('cycle.opts')) return; // 已初始化過就跳過
$ul.addClass('cycle-slideshow')
.attr('data-cycle-fx', 'carousel')
.attr('data-cycle-timeout', '0')
.attr('data-cycle-carousel-visible', '3')
.attr('data-cycle-carousel-fluid', 'true')
.attr('data-cycle-next', '#next-{{subpart-id}}')
.attr('data-cycle-prev', '#prev-{{subpart-id}}')
.attr('data-cycle-slides', '.w-annc__item')
.cycle();
}
// 偵測是否有 nav_tabs_filter
var hasNavTabsFilter = $widget.find('.nav_tabs_filter').length > 0;
if(hasNavTabsFilter){
// 初始化第一個顯示的 ul
var $activeUl = $widget.find('[data-category]:not([style*="display: none"]) ul.w-annc__list').first();
initCycle_{{subpart-id}}($activeUl);
// 頁籤切換時重新初始化對應的 ul
$widget.find('.filter_tab').on('click', function(){
var category = $(this).data('category');
setTimeout(function(){
var $ul = $widget.find('[data-category="' + category + '"] ul.w-annc__list').first();
initCycle_{{subpart-id}}($ul);
}, 100);
});
} else {
// 沒有 nav_tabs_filter直接初始化
var $ul = $widget.find('ul.w-annc__list').first();
initCycle_{{subpart-id}}($ul);
}
});
</script>

View File

@ -6,11 +6,11 @@
<a class="w-annc__more btn btn-primary pull-right" href="{{more_url}}"><%= (I18n.locale.to_s =="zh_tw") ? "更多最新消息" : "More NEWS" %></a>
</div>
<ul class="w-annc__list row" data-level="0" data-list="announcements">
<li class="w-annc__item col-md-4" data-href="{{link_to_show}}" tabindex="0" role="link">
<div class="w-annc__item_inner" >
<div class="w-annc__img-wrap" style="position:relative">
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
<li class="w-annc__item col-sm-3">
<div class="w-annc__item_inner">
<a href="{{link_to_show}}">
<div class="w-annc__img-wrap bullseye" style="position:relative">
<img class="w-annc__img" src="{{img_src}}" alt="" >
<div class="transitionfade"></div>
</div>
<div class="w-annc__content-wrap">
@ -32,147 +32,144 @@
</h4>
<p class="w-annc__subtitle">{{subtitle}}</p>
</div>
</a>
</div>
</li>
</ul>
</div>
<style type="text/css">
.w-annc__item_inner{
cursor: pointer;
}
.widget-title-a {
display: block;
}
[data-subpart-id="{{subpart-id}}"] .bullseye{
overflow: hidden;
}
/* 防止外部排版套件影響此 widget 的 li */
[data-subpart-id="{{subpart-id}}"] ul.w-annc__list > li {
position: static !important;
left: auto !important;
top: auto !important;
opacity: 1 !important;
transform: none !important;
transition-property: none !important;
}
[data-subpart-id="{{subpart-id}}"] ul.w-annc__list {
position: static !important;
height: auto !important;
}
</style>
<script>
$(document).ready(function(){
$(document).on('click', '.w-annc__item[data-href]', function(e){
var url = $(this).data('href');
var title = $(this).data('title');
if(!url) return;
var isExternal = !(url.indexOf('/') === 0);
if(isExternal){
window.open(url, '_blank', 'noopener noreferrer');
} else {
window.location.href = url;
}
});
});
$(document).ready(function(){
$(document).on('click keydown', '.w-annc__item[data-href]', function(e){
// 鍵盤只接受 Enter(13) 或 Space(32)
if(e.type === 'keydown' && e.which !== 13 && e.which !== 32) return;
// 避免 Space 捲動頁面
if(e.type === 'keydown' && e.which === 32) e.preventDefault();
var url = $(this).data('href');
if(!url) return;
var isExternal = !(url.indexOf('/') === 0);
if(isExternal){
window.open(url, '_blank', 'noopener noreferrer');
} else {
window.location.href = url;
}
});
});
$(document).ready(function() {
var $widget = $('.widget-announcement-4');
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){
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 >li').css('width','calc('+100/num+'% - '+20/20+'em)'); //20px=>li的margin
$('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list >li').css("float","left");
};
function getAnncItems($list) {
return $list.find('.w-annc__item[data-href]:visible');
}
function clearNavTabsFilterStyle_{{subpart-id}}(){
$('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list > li').each(function(){
// 只移除不該有的 style保留 display由 nav_tabs_filter 控制)
var $li = $(this);
$li[0].style.removeProperty('width');
$li[0].style.removeProperty('position');
$li[0].style.removeProperty('left');
$li[0].style.removeProperty('top');
$li[0].style.removeProperty('float');
$li[0].style.removeProperty('opacity');
$li[0].style.removeProperty('transform');
$li[0].style.removeProperty('transition-property');
$li[0].style.removeProperty('transition-duration');
});
$('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list').each(function(){
this.style.removeProperty('position');
this.style.removeProperty('height');
});
}
function getActiveTabIndex($tabs) {
return $tabs.filter('.active').index($tabs.filter('.active').parent().find('.nav_tabs_filter li'));
// 更簡單的寫法:
}
// 若父層有 .nav_tabs_filter跳過 reorganize由頁籤自行控制顯示/隱藏)
var hasNavTabsFilter_{{subpart-id}} = (
$('[data-subpart-id=\"{{subpart-id}}\"]').parents('.nav_tabs_filter').length > 0 ||
$('[data-subpart-id=\"{{subpart-id}}\"]').closest('.tab-content, .tab_content, [data-pp]').length > 0 &&
$('.nav_tabs_filter').length > 0
);
// 1. 頁籤行為攔截
$(document).on('keydown', '.nav_tabs_filter li', function(e) {
if (e.which !== 9) return;
$(window).resize(function(){
if(hasNavTabsFilter_{{subpart-id}}){
clearNavTabsFilterStyle_{{subpart-id}}();
return;
}
if($(window).width()>1024){
reorganize_{{subpart-id}}(4);
num=3;
}else if($(window).width()>576){
reorganize_{{subpart-id}}(2);
num=2;
}else{
reorganize_{{subpart-id}}(1);
num=1;
}
})
$(document).ready(function(){
if(hasNavTabsFilter_{{subpart-id}}){
setTimeout(clearNavTabsFilterStyle_{{subpart-id}}, 300);
var $tabs = $widget.find('.nav_tabs_filter li');
var $list = $widget.find('.w-annc__list');
var index = $tabs.index(this);
if (index === -1) return;
if (!e.shiftKey) {
e.preventDefault();
e.stopImmediatePropagation();
$(this).click();
setTimeout(function() {
var $items = getAnncItems($list);
if ($items.length > 0) {
$items.first().focus();
} else {
if (index < $tabs.length - 1) {
$tabs.eq(index + 1).focus();
}
}
}, 150);
} else {
if (index > 0) {
e.preventDefault();
e.stopImmediatePropagation();
var $prevTab = $tabs.eq(index - 1);
$prevTab.click();
setTimeout(function() {
var $prevItems = getAnncItems($list);
if ($prevItems.length > 0) {
$prevItems.last().focus();
} else {
$prevTab.focus();
}
}, 150);
}
}
});
// 2. w-annc__item 行為攔截
$(document).on('keydown', '.w-annc__item[data-href]', function(e) {
if (e.which !== 9) return;
var $this = $(this);
if ($widget.find($this).length === 0) return;
var $list = $widget.find('.w-annc__list');
var $tabs = $widget.find('.nav_tabs_filter li');
// 關鍵修正:從 active tab 取得當前 index
var activeTabIdx = $tabs.index($tabs.filter('.active'));
var $allItems = getAnncItems($list);
var currentIdx = $allItems.index($this);
if (e.shiftKey) {
e.preventDefault();
e.stopImmediatePropagation();
if (currentIdx === 0) {
// 回到當前 active 的頁籤
$tabs.eq(activeTabIdx).focus();
} else {
$allItems.eq(currentIdx - 1).focus();
}
} else {
if (currentIdx === $allItems.length - 1) {
// 最後一筆 -> 跳到下一個頁籤
if (activeTabIdx < $tabs.length - 1) {
e.preventDefault();
e.stopImmediatePropagation();
$tabs.eq(activeTabIdx + 1).focus();
}
// 已是最後一個頁籤的最後一筆,自然流出
} else {
e.preventDefault();
e.stopImmediatePropagation();
$allItems.eq(currentIdx + 1).focus();
}
}
});
});
</script>
// MutationObserver 持續監聽,防止外部 JS 重複加上 style
var targetUl = document.querySelector('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list');
if(targetUl){
var observer = new MutationObserver(function(mutations){
mutations.forEach(function(mutation){
if(mutation.type === 'attributes' && mutation.attributeName === 'style'){
clearNavTabsFilterStyle_{{subpart-id}}();
}
});
});
observer.observe(targetUl, { attributes: true, subtree: true, attributeFilter: ['style'] });
}
return;
}
if($(window).width()>1024){
reorganize_{{subpart-id}}(4);
num=3;
}else if($(window).width()>576){
reorganize_{{subpart-id}}(2);
num=2;
}else{
reorganize_{{subpart-id}}(1);
num=1;
}
})
</script>

View File

@ -23,6 +23,8 @@
<span class="w-annc__title">{{title}}</span>
</h4>
<p class="w-annc__subtitle">{{subtitle}}</p>
<div class="hashtagswrapper">{{orbithashtags}}</div>
{{widget_tags}}
</div>
</li>
</ul>

View File

@ -1,5 +1,5 @@
<div class="i-annc index-announcement-17 {{display}}">
<h1 class="i-annc__page-title">{{page-title}}</h1>
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
<table class="i-annc__table table table-striped">
<thead>
<tr>

View File

@ -2,9 +2,9 @@
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
<ul class="i-annc__list row" data-level="0" data-list="announcements">
<li class="i-annc__item col-md-4 col-sm-4">
<a href="{{link_to_show}}" alt="{{img_description}}" title="{{img_description}}">
<a href="{{link_to_show}}" title="{{img_description}}">
<div class="i-annc__img-wrap bullseye">
<img class="i-annc__img" src="{{img_src}}" alt="" title="{{img_description}}">
<img class="i-annc__img" src="{{img_src}}" alt="{{img_description}}">
</div>
<div class="i-annc__content-wrap">
<div class="i-annc__meta">

View File

@ -1,5 +1,5 @@
<div class="i-annc index-announcement-1 {{display}}">
<h1 class="i-annc__page-title">{{page-title}}</h1>
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
<table class="i-annc__table table table-striped">
<thead>
<tr>

View File

@ -1,5 +1,5 @@
<div class="i-annc index-announcement-10">
<h1 class="i-annc__page-title">{{page-title}}</h1>
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
<ul class="i-annc__list" data-level="0" data-list="custom_announcements">
<li class="i-annc__item row">
<span class="i-annc__postdate-wrap col-sm-2" date-format="%Y-%m-%d">

View File

@ -1,5 +1,5 @@
<div class="i-annc index-announcement-11">
<h1 class="i-annc__page-title">{{page-title}}</h1>
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
<ul class="i-annc__list" data-level="0" data-list="custom_announcements">
<li class="i-annc__item row">
<h4 class="i-annc__entry-title col-sm-9">

View File

@ -1,5 +1,5 @@
<div class="i-annc index-announcement-12">
<h1 class="i-annc__page-title">{{page-title}}</h1>
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
<ul class="i-annc__list" data-level="0" data-list="custom_announcements">
<li class="i-annc__item row">
<span class="i-annc__postdate-wrap col-sm-3" date-format="%Y-%m-%d">

View File

@ -1,5 +1,5 @@
<div class="i-annc index-announcement-13 {{display}}">
<h1 class="i-annc__page-title">{{page-title}}</h1>
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
<table class="i-annc__table table table-striped">
<thead>
<tr>

View File

@ -1,5 +1,5 @@
<div class="i-annc index-announcement-14 {{display}}">
<h1 class="i-annc__page-title">{{page-title}}</h1>
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
<table class="i-annc__table table table-striped">
<thead>
<tr>

View File

@ -1,5 +1,5 @@
<div class="i-annc index-announcement-15 {{display}}">
<h1 class="i-annc__page-title">{{page-title}}</h1>
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
<table class="i-annc__table table table-striped">
<thead>
<tr>

View File

@ -1,5 +1,5 @@
<div class="i-annc index-announcement-16 {{display}}">
<h1 class="i-annc__page-title">{{page-title}}</h1>
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
<table class="i-annc__table table table-striped">
<thead>
<tr>

View File

@ -1,5 +1,5 @@
<div class="i-annc index-announcement-1 {{display}}">
<h1 class="i-annc__page-title">{{page-title}}</h1>
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
<table class="i-annc__table table table-striped">
<thead>
<tr>

View File

@ -1,5 +1,5 @@
<div class="i-annc index-announcement-2 {{display}}">
<h1 class="i-annc__page-title">{{page-title}}</h1>
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
<table class="i-annc__table table table-striped">
<thead>
<tr>

View File

@ -1,5 +1,5 @@
<div class="i-annc index-announcement-3 {{display}}">
<h1 class="i-annc__page-title">{{page-title}}</h1>
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
<table class="i-annc__table table table-striped">
<thead>
<tr>

View File

@ -1,5 +1,5 @@
<div class="i-annc index-announcement-4 {{display}}">
<h1 class="i-annc__page-title">{{page-title}}</h1>
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
<table class="i-annc__table table table-striped">
<thead>
<tr>

View File

@ -1,5 +1,5 @@
<div class="i-annc index-announcement-5">
<h1 class="i-annc__page-title">{{page-title}}</h1>
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
<ul class="i-annc__list" data-level="0" data-list="custom_announcements">
<li class="i-annc__item row">
<div class="i-annc__img-wrap col-sm-4">

View File

@ -1,5 +1,5 @@
<div class="i-annc index-announcement-6">
<h1 class="i-annc__page-title">{{page-title}}</h1>
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
<ul class="i-annc__list" data-level="0" data-list="custom_announcements">
<li class="i-annc__item row">
<div class="i-annc__content-wrap col-sm-8">

View File

@ -1,5 +1,5 @@
<div class="i-annc index-announcement-8">
<h1 class="i-annc__page-title">{{page-title}}</h1>
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
<ul class="i-annc__list row" data-level="0" data-list="custom_announcements">
<li class="i-annc__item">
<div class="i-annc__content-wrap">

View File

@ -1,5 +1,5 @@
<div class="i-annc index-announcement-9">
<h1 class="i-annc__page-title">{{page-title}}</h1>
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
<ul class="i-annc__list" data-level="0" data-list="custom_announcements">
<li class="i-annc__item row">
<span class="i-annc__category-wrap col-sm-2">

View File

@ -6,7 +6,7 @@
<div class="index-content">
<div class="index-content-inner clearfix row">
<div class="index-pic col-xs-5 col-sm-2">
<img class="index-img" src="{{thumb-src}}" alt="{{alt_title}}">
<img class="img-thumbnail" src="{{thumb-src}}" alt="{{album-name}}">
</div>
<section class="index-part col-xs-7 col-sm-10">
<h4 class="index-content-title">

View File

@ -6,7 +6,7 @@
<div class="index-content">
<div class="index-content-inner clearfix row">
<div class="index-pic col-xs-5 col-sm-2">
<img class="index-img" src="{{thumb-src}}" alt="{{alt_title}}">
<img class="img-thumbnail" src="{{thumb-src}}" alt="{{album-name}}">
</div>
<section class="index-part col-xs-7 col-sm-10">
<h4 class="index-content-title">

View File

@ -1,5 +1,5 @@
<div class="i-annc index-eventnews-13 {{display}}">
<h1 class="i-annc__page-title">{{page-title}}</h1>
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
<table class="i-annc__table table table-striped">
<thead>
<tr>

View File

@ -22,9 +22,9 @@
src="{{thumb-src}}"
alt="{{alt_title}}"
>
<span>{{link_text}}</span>
</a>
<div style="clear: both;"></div>
<a href="{{link_to_show}}" title="{{album-name}}">{{link_text}}</a>
</div>
</div>
</div>

View File

@ -22,9 +22,9 @@
src="{{thumb-src}}"
alt="{{alt_title}}"
>
<span>{{link_text}}</span>
</a>
<div style="clear: both;"></div>
<a href="{{link_to_show}}" title="{{album-name}}">{{link_text}}</a>
</div>
</div>
</div>

View File

@ -21,9 +21,10 @@
src="{{thumb-src}}"
alt="{{alt_title}}"
>
<span>{{link_text}}</span>
</a>
<div style="clear: both;"></div>
<a href="{{link_to_show}}" title="{{album-name}}">{{link_text}}</a>
</div>
</div>
</div>

View File

@ -13,10 +13,11 @@
alt="{{alt_title}}"
>
</a>
<a href="{{link_to_show}}" title="{{album-name}}">
<span>
<div class="mask_title">{{image_description}}</div>
<span class="album-name" >{{link_text}}</span>
</a>
<a class="album-name" href="{{link_to_show}}" title="{{album-name}}">{{link_text}}</a>
</div>
</div>
</div>

View File

@ -21,9 +21,10 @@
src="{{thumb-src}}"
alt="{{alt_title}}"
>
<span>{{link_text}}</span>
</a>
<div style="clear: both;"></div>
<a href="{{link_to_show}}" title="{{album-name}}">{{link_text}}</a>
</div>
</div>
</div>

View File

@ -28,12 +28,11 @@
src="{{thumb-src}}"
alt="{{alt_title}}"
>
<div class="mask_title">{{image_description}}</div>
<span>{{link_text}}</span>
</a>
<div style="clear: both;"></div>
<a href="{{link_to_show}}" title="{{album-name}}">
<div class="mask_title">{{image_description}}</div>
</a>
<a href="{{link_to_show}}" title="{{album-name}}">{{link_text}}</a>
</div>

View File

@ -4,20 +4,20 @@
</h3>
<div class="row" data-level="0" data-list="albums" style="display: flex;flex-wrap: wrap;">
<div class="index-content col-sm-3">
<a href="{{link_to_show}}" aria-label="前往{{page-title}}" title="{{page-title}}">
<div class="index-content-inner">
<a href="{{link_to_show}}" title="{{album-name}}">
<div class="index-pic">
<img class="img-thumbnail" src="{{thumb-src}}" alt="{{alt_title}}">
<img class="img-thumbnail" src="{{thumb-src}}" alt="{{album-name}}">
</div>
</a>
<div class="index-part">
<h4 class="index-content-title">
<a href="{{link_to_show}}" aria-label="前往{{page-title}}" title="{{page-title}}">{{album-name}}</a>
<span>{{album-name}}</span>
</h4>
<div class="index-img-description">{{album-description}}</div>
</div>
</div>
</div>
</div>
</div>

View File

@ -5,18 +5,15 @@
<div class="row" data-level="0" data-list="albums" style="display: flex;flex-wrap: wrap;">
<div class="index-content">
<div class="index-content-inner clearfix row">
<a href="{{link_to_show}}" aria-label="前往{{page-title}}" title="{{page-title}}">
<a href="{{link_to_show}}" title="{{album-name}}">
<div class="index-pic col-sm-2">
<img class="index-img" src="{{thumb-src}}" alt="{{alt_title}}">
<img class="img-thumbnail" src="{{thumb-src}}" alt="{{album-name}}">
</div>
</a>
<div class="index-part col-sm-10">
<h4 class="index-content-title">
<a href="{{link_to_show}}" aria-label="前往{{page-title}}" title="{{page-title}}">{{album-name}}</a>
</h4>
<h4 class="index-content-title">{{album-name}}</h4>
<div class="index-img-description">{{album-description}}</div>
</div>
</a>
</div>
</div>
</div>

View File

@ -4,19 +4,16 @@
</h3>
<div class="row" data-level="0" data-list="albums" style="display: flex;flex-wrap: wrap;">
<div class="index-content col-sm-3">
<a href="{{link_to_show}}" aria-label="前往{{page-title}}" title="{{page-title}}">
<a href="{{link_to_show}}" title="{{album-name}}">
<div class="index-content-inner">
<div class="index-pic">
<img class="img-thumbnail" src="{{thumb-src}}" alt="{{alt_title}}">
</div>
</a>
<div class="index-part">
<h4 class="index-content-title">
<a href="{{link_to_show}}" aria-label="前往{{page-title}}" title="{{page-title}}">{{album-name}}</a>
</h4>
<div class="index-part">
<h4 class="index-content-title">{{album-name}}</h4>
</div>
</div>
</div>
</a>
</div>
</div>
</div>

View File

@ -5,17 +5,14 @@
<div class="row" data-level="0" data-list="albums" style="display: flex;flex-wrap: wrap;">
<div class="index-content">
<div class="index-content-inner clearfix row">
<a href="{{link_to_show}}" aria-label="前往{{page-title}}" title="{{page-title}}">
<a href="{{link_to_show}}" title="{{album-name}}">
<div class="index-pic col-xs-5 col-sm-2">
<img class="index-img" src="{{thumb-src}}" alt="{{alt_title}}">
<img class="img-thumbnail" src="{{thumb-src}}" alt="{{album-name}}">
</div>
<div class="index-part col-xs-7 col-sm-10">
<h4 class="index-content-title">{{album-name}}</h4>
</div>
</a>
<div class="index-part col-xs-7 col-sm-10">
<h4 class="index-content-title">
<a href="{{link_to_show}}" aria-label="前往{{page-title}}" title="{{page-title}}">{{album-name}}</a>
</h4>
</div>
</div>
</div>
</div>

View File

@ -5,7 +5,7 @@
<link rel="stylesheet" type="text/css" href="/assets/gallery_card.css">
<div class="row" data-level="0" data-list="albums">
<div class="card card-flip h-100">
<a href="{{link_to_show}}" aria-label="前往{{page-title}}" title="{{page-title}}">
<a href="{{link_to_show}}" title="{{album-name}}">
<div class="card-front">
<div class="card-body" style="padding:0;">
<img src="{{thumb-src}}"alt="{{alt_title}}">
@ -20,7 +20,6 @@
<h3 class="card-title">{{album-name}}</h3>
</div>
</div>
</div>
</a>
</div>

View File

@ -6,18 +6,15 @@
<div class="index-content col-sm-3">
<div class="index-content-inner">
<a href="{{link_to_show}}" aria-label="前往{{page-title}}" title="{{page-title}}">
<div class="index-pic">
<img class="img-thumbnail" src="{{thumb-src}}" alt="{{alt_title}}">
</div>
<a href="{{link_to_show}}" title="{{album-name}}">
<div class="index-pic">
<img class="img-thumbnail" src="{{thumb-src}}" alt="{{alt_title}}">
</div>
<div class="index-part">
<h4 class="index-content-title">{{album-name}}</h4>
</div>
</a>
<section class="index-part">
<h4 class="index-content-title">
<a href="{{link_to_show}}" aria-label="前往{{page-title}}" title="{{page-title}}">{{album-name}}</a>
</h4>
</section>
</div>
</div>
</div>
</div>

View File

@ -4,20 +4,17 @@
</h3>
<div class="row" data-level="0" data-list="albums" style="display: flex;flex-wrap: wrap;">
<div class="index-content col-sm-3">
<a href="{{link_to_show}}" aria-label="前往{{page-title}}" title="{{page-title}}">
<a href="{{link_to_show}}" title="{{album-name}}">
<div class="index-content-inner">
<div class="index-pic">
<img class="img-thumbnail" src="{{thumb-src}}" alt="{{alt_title}}">
</div>
</a>
<div class="index-part">
<h4 class="index-content-title">
<a href="{{link_to_show}}" aria-label="前往{{page-title}}" title="{{page-title}}">{{album-name}}</a>
</h4>
<h4 class="index-content-title">{{album-name}}</h4>
<div class="index-img-description">{{album-description}}</div>
</div>
</a>
</div>
</div>
</div>
</div>

View File

@ -4,20 +4,16 @@
</h3>
<div class="row" data-level="0" data-list="albums" style="display: flex;flex-wrap: wrap;">
<div class="index-content col-sm-4">
<a href="{{link_to_show}}" aria-label="前往{{page-title}}" title="{{page-title}}">
<a href="{{link_to_show}}" title="{{album-name}}">
<div class="index-content-inner">
<div class="index-pic">
<img class="index-img" src="{{thumb-src}}" alt="{{alt_title}}">
<img class="img-thumbnail" src="{{thumb-src}}" alt="{{album-name}}">
</div>
</a>
<div class="index-part">
<h4 class="index-content-title">
<a href="{{link_to_show}}" aria-label="前往{{page-title}}" title="{{page-title}}">{{album-name}}</a>
</h4>
<h4 class="index-content-title">{{album-name}}</h4>
</div>
</a>
</div>
</div>
</div>
</div>

View File

@ -26,4 +26,17 @@
width:100%;
}
}
</style>
</style>
<script>
setTimeout(function() {
var albumTitle = $('.show-title span').text().trim();
$('.show-content').each(function(index) {
var $img = $(this).find('img');
if ($img.attr('alt') === 'gallery image') {
$img.attr('alt', albumTitle + (index + 1));
}
});
}, 500);
</script>

View File

@ -124,7 +124,7 @@
padding: 10px 0;
text-align: center;
background-color: #8d681e;
color: #fff;
color: #333;
text-decoration: none;
font-size: 120%;
}

View File

@ -13,8 +13,8 @@
<div class="video_info">
<div data-list="video_tags" data-level="1" class="video_tag"><div class="video_tags2">{{video_tag}}</div></div>
<div class="video_group_time">{{video_postdate}}</div>
<div class="video_title"><a class="video_link" href="{{video_show_url}}" title="{{video_title_escape}}"><h4>{{video_title}}</h4></a></div>
<div class="video_desc"><a class="video_link" href="{{video_show_url}}" title="{{video_title_escape}}">{{video_desc}}</a></div>
<div class="video_title"><h5>{{video_title}}</h5></div>
<div class="video_desc">{{video_desc}}</div>
</div>
</a>
</li>

View File

@ -4,7 +4,7 @@
</h3>
<ul class="list-unstyled" data-level="0" data-list="web_link">
<li class="widget-content">
<a href="{{link_to_show}}" target="{{target}}" title="{{img_description}}">
<a href="{{link_to_show}}" target="{{target}}" title="{{img_description}}" onclick="{{onclick}}">
<div class="link-img-wrap{{display_image}}">
<img src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
</div>

View File

@ -4,7 +4,7 @@
</h3>
<ul class="list-unstyled" data-level="0" data-list="web_link">
<li class="widget-content widget-content-horizontal col-sm-3">
<a href="{{link_to_show}}" target="{{target}}" title="{{img_description}}">
<a href="{{link_to_show}}" target="{{target}}" title="{{img_description}}" onclick="{{onclick}}">
<div class="link-img-wrap{{display_image}}">
<img src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
</div>

View File

@ -4,7 +4,7 @@
</h3>
<ul class="list-unstyled" data-level="0" data-list="web_link">
<li class="widget-content widget-content-horizontal col-sm-3">
<a href="{{link_to_show}}" target="{{target}}" title="{{img_description}}">
<a href="{{link_to_show}}" target="{{target}}" title="{{img_description}}" onclick="{{onclick}}">
<div class="link-img-wrap{{display_image}}">
<img src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
</div>

View File

@ -5,7 +5,7 @@
<div class="widget-slideshow-wrap">
<ul class="widget-slideshow list-unstyled" data-level="0" data-list="web_link">
<li class="widget-content widget-content-horizontal">
<a href="{{link_to_show}}" target="{{target}}" title="{{title_text}}">
<a href="{{link_to_show}}" target="{{target}}" title="{{title_text}}" onclick="{{onclick}}">
<div class="link-img-wrap{{display_image}}">
<img src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
</div>

View File

@ -4,7 +4,7 @@
</h3>
<ul class="list-unstyled" data-level="0" data-list="web_link">
<li class="widget-content widget-content-horizontal col-sm-3">
<a href="{{link_to_show}}" target="{{target}}" title="{{img_description}}">
<a href="{{link_to_show}}" target="{{target}}" title="{{img_description}}" onclick="{{onclick}}">
<div class="link-img-wrap{{display_image}}">
<img src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
</div>

View File

@ -8,7 +8,7 @@
<ul class="widget-link__list row" data-level="0" data-list="web_link" style="position:relative; z-index: 3">
<li class="widget-link__item col-sm-3">
<a href="{{link_to_show}}" target="{{target}}" title="{{img_description}}">
<a href="{{link_to_show}}" target="{{target}}" title="{{img_description}}" onclick="{{onclick}}">
<div class="liWrapper">
<img class="widget-link__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
</div>

View File

@ -11,7 +11,7 @@
data-cycle-carousel-rwd-json="{768: 1}"
data-cycle-pause-on-hover="true" data-cycle-log="false" data-cycle-carousel-fluid="true">
<li class="widget-link__item">
<a href="{{link_to_show}}" target="{{target}}" title="{{img_description}}">
<a href="{{link_to_show}}" target="{{target}}" title="{{img_description}}" onclick="{{onclick}}">
<div class="liWrapper">
<img class="widget-link__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}"><br />
</div>

View File

@ -11,7 +11,7 @@
data-cycle-carousel-rwd-json="{768: 1}"
data-cycle-pause-on-hover="true" data-cycle-log="false" data-cycle-carousel-fluid="true">
<li class="widget-link__item">
<a href="{{link_to_show}}" target="{{target}}" title="{{img_description}}">
<a href="{{link_to_show}}" target="{{target}}" title="{{img_description}}" onclick="{{onclick}}">
<div class="liWrapper">
<img class="widget-link__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}"><br />
</div>

View File

@ -11,7 +11,7 @@
data-cycle-carousel-rwd-json="{768: 1}"
data-cycle-pause-on-hover="true" data-cycle-log="false" data-cycle-carousel-fluid="true">
<li class="widget-link__item">
<a href="{{link_to_show}}" target="{{target}}" title="{{img_description}}">
<a href="{{link_to_show}}" target="{{target}}" title="{{img_description}}" onclick="{{onclick}}">
<div class="liWrapper">
<img class="widget-link__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}"><br />
</div>

View File

@ -4,7 +4,7 @@
</h3>
<ul class="list-unstyled" data-level="0" data-list="web_link">
<li class="widget-content widget-content-horizontal ">
<a href="{{link_to_show}}" target="{{target}}" title="{{img_description}}">
<a href="{{link_to_show}}" target="{{target}}" title="{{img_description}}" onclick="{{onclick}}">
<div class="link-img-wrap{{display_image}}">
<img src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
</div>

View File

@ -4,7 +4,7 @@
</h3>
<ul class="list-unstyled" data-level="0" data-list="web_link">
<li class="widget-content widget-content-horizontal col-sm-6">
<a href="{{link_to_show}}" target="{{target}}" title="{{img_description}}">
<a href="{{link_to_show}}" target="{{target}}" title="{{img_description}}" onclick="{{onclick}}">
<div class="link-img-wrap{{display_image}}">
<img src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
</div>

View File

@ -5,7 +5,7 @@
<ul class="list-unstyled" data-level="0" data-list="web_link">
<li class="widget-content widget-content-horizontal ">
<div class="hex-border">
<a href="{{link_to_show}}" target="{{target}}" >
<a href="{{link_to_show}}" target="{{target}}" title="{{img_description}}" onclick="{{onclick}}">
<div class="link-img-wrap{{display_image}}">
<img src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
</div>