'update'
This commit is contained in:
parent
613f2144a3
commit
ba04fa061f
|
|
@ -1,7 +1,12 @@
|
||||||
;(function($, win, undefined) {
|
;(function($, win, undefined) {
|
||||||
// ECMAScript 5 嚴格模式
|
// ECMAScript 5 嚴格模式
|
||||||
'use strict';
|
'use strict';
|
||||||
|
$(document).ready(function() {
|
||||||
|
// 確保兩個元素都存在
|
||||||
|
if ($('.header-nav blockquote').length && $('.orbit-bar-menu').length) {
|
||||||
|
$('.header-nav blockquote').appendTo('.orbit-bar-menu');
|
||||||
|
}
|
||||||
|
});
|
||||||
//header fixed在上方
|
//header fixed在上方
|
||||||
function initdata1() {
|
function initdata1() {
|
||||||
if ( $('.homebanner').length != 0) {
|
if ( $('.homebanner').length != 0) {
|
||||||
|
|
@ -1135,7 +1140,7 @@ $(document).ready(function () {
|
||||||
if ($(window).width() <769) {
|
if ($(window).width() <769) {
|
||||||
$('.modules-menu-level-0').after($('.header-nav'));
|
$('.modules-menu-level-0').after($('.header-nav'));
|
||||||
}else{
|
}else{
|
||||||
$('.outdropdowns').before($('.header-nav'));
|
$('.navbar-header').before($('.header-nav'));
|
||||||
};
|
};
|
||||||
$('.sitemenu-vertical .sitemenu-dropdown-toggle').click(function(){
|
$('.sitemenu-vertical .sitemenu-dropdown-toggle').click(function(){
|
||||||
$('.sitemenu-vertical .dropdown-menu').slideToggle();
|
$('.sitemenu-vertical .dropdown-menu').slideToggle();
|
||||||
|
|
@ -1204,7 +1209,7 @@ $(document).ready(function () {
|
||||||
|
|
||||||
$('.modules-menu-level-0').after($('.header-nav'));
|
$('.modules-menu-level-0').after($('.header-nav'));
|
||||||
}else{
|
}else{
|
||||||
$('.outdropdowns').before($('.header-nav'));
|
$('.navbar-header').before($('.header-nav'));
|
||||||
};
|
};
|
||||||
|
|
||||||
if ($(window).width() > 821) {
|
if ($(window).width() > 821) {
|
||||||
|
|
@ -1264,6 +1269,9 @@ $(document).ready(function () {
|
||||||
handleAnimationOnce('.hide3', 'animationvisible3', 0.5);
|
handleAnimationOnce('.hide3', 'animationvisible3', 0.5);
|
||||||
handleAnimationOnce('.rotate0', 'animationrotate0', 0.5);
|
handleAnimationOnce('.rotate0', 'animationrotate0', 0.5);
|
||||||
handleAnimationOnce('.zoomin', 'animationvisible5', 0.5);
|
handleAnimationOnce('.zoomin', 'animationvisible5', 0.5);
|
||||||
|
|
||||||
|
handleAnimationOnce('.fadeInUp', 'animationvisible', 0.5);
|
||||||
|
handleAnimationOnce('.fadeInDown', 'animationvisible3', 0.5);
|
||||||
});
|
});
|
||||||
|
|
||||||
init();
|
init();
|
||||||
|
|
@ -1441,6 +1449,19 @@ $(document).ready(function() {
|
||||||
$(this).find('span').text(selectedText + '(已選取)');
|
$(this).find('span').text(selectedText + '(已選取)');
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
|
$(document).ready(function() {
|
||||||
|
$('.toggler').on('click', function() {
|
||||||
|
$(this)
|
||||||
|
.toggleClass('active')
|
||||||
|
.next('.content-wrapper') // 只選相鄰的後一個 .content-wrapper
|
||||||
|
.stop(true, true)
|
||||||
|
.slideToggle(300); // 平滑展開/收起
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// //選單樣式2
|
// //選單樣式2
|
||||||
// $(document).ready(function() {
|
// $(document).ready(function() {
|
||||||
// "use strict";
|
// "use strict";
|
||||||
|
|
|
||||||
|
|
@ -12,7 +12,7 @@
|
||||||
content: '';
|
content: '';
|
||||||
height: 6px;
|
height: 6px;
|
||||||
width: 80px;
|
width: 80px;
|
||||||
background-color: #00356a;
|
background-color:$theme-color-second;
|
||||||
margin-bottom: 0.2em;
|
margin-bottom: 0.2em;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -423,6 +423,115 @@
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
#itemFullText{
|
||||||
|
td{
|
||||||
|
&:first-child{
|
||||||
|
@media(min-width:769px){
|
||||||
|
width: 27%;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
#subCategory{
|
||||||
|
tr {
|
||||||
|
background: #fafafa;
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
margin-bottom: 1em !important;
|
||||||
|
position: relative;
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
td{
|
||||||
|
display: block;
|
||||||
|
width: fit-content!important;
|
||||||
|
&:first-child{
|
||||||
|
width: 18%;
|
||||||
|
min-width: 130px;
|
||||||
|
}
|
||||||
|
img{
|
||||||
|
outline: 0px;
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
vertical-align: middle;
|
||||||
|
display: block;
|
||||||
|
height: 130px;
|
||||||
|
max-width: 100%;
|
||||||
|
padding: 4px;
|
||||||
|
margin: 0px 8px 0px 0px;
|
||||||
|
width: 130px;
|
||||||
|
}
|
||||||
|
h2{
|
||||||
|
outline: 0px;
|
||||||
|
font-weight: 300;
|
||||||
|
line-height: 1.1;
|
||||||
|
color: inherit;
|
||||||
|
margin-top: 20px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
font-size: 1em!important;
|
||||||
|
a{
|
||||||
|
color: #347018;
|
||||||
|
}
|
||||||
|
a:before {
|
||||||
|
content: "";
|
||||||
|
display: block;
|
||||||
|
background: url(/assets/li-sign.gif) no-repeat;
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
float: left;
|
||||||
|
margin: 0 6px 0 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
.subCategory {
|
||||||
|
background: #fafafa;
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
h2{
|
||||||
|
font-size: 1.5em!important ;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.subCategory h2 a:before {
|
||||||
|
content: "";
|
||||||
|
display: block;
|
||||||
|
background: url(/assets/li-sign.gif) no-repeat;
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
float: left;
|
||||||
|
margin: 0 6px 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.itemFullText {
|
||||||
|
font-size: 0.8em;
|
||||||
|
|
||||||
|
}
|
||||||
|
.ic-wrapper {
|
||||||
|
background-color: #F0F0F0;
|
||||||
|
border-top: 10px solid #ffffff;
|
||||||
|
border-bottom: 3px solid #E0E0E0;
|
||||||
|
padding: 8px;
|
||||||
|
font-size: 20px;
|
||||||
|
line-height: 20px;
|
||||||
|
font-family: Microsoft JhengHei, arial;
|
||||||
|
}
|
||||||
|
.ic-wrapper-item {
|
||||||
|
padding: 0;
|
||||||
|
min-width:unset!important;
|
||||||
|
}
|
||||||
|
.toggler{
|
||||||
|
cursor: pointer;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
padding: 7px;
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
background: #F5F5F5;
|
||||||
|
background: -moz-linear-gradient(top, #FAFAFA 0%, #F5F5F5 100%);
|
||||||
|
background: -webkit-linear-gradient(top, #FAFAFA 0%, #F5F5F5 100%);
|
||||||
|
background: -o-linear-gradient(top, #FAFAFA 0%, #F5F5F5 100%);
|
||||||
|
background: linear-gradient(to bottom, #FAFAFA 0%, #F5F5F5 100%);
|
||||||
|
border-radius: 5px;
|
||||||
|
box-shadow: 0 1px 0 #fff inset;
|
||||||
|
text-shadow: 0 1px 0 #fff;
|
||||||
|
font-size: 1.2em!important;
|
||||||
|
}
|
||||||
|
|
||||||
@function random_range($min, $max) {
|
@function random_range($min, $max) {
|
||||||
$rand: random();
|
$rand: random();
|
||||||
|
|
|
||||||
|
|
@ -10,13 +10,105 @@
|
||||||
.outdropdowns{
|
.outdropdowns{
|
||||||
position: relative;
|
position: relative;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
padding-bottom: 0.5em;
|
}
|
||||||
|
.nav_ul{
|
||||||
|
padding: 0;
|
||||||
|
& > li{
|
||||||
|
position: relative;
|
||||||
|
list-style:none;
|
||||||
|
float: left;
|
||||||
|
display: inline-block;
|
||||||
|
@media(max-width:480px){
|
||||||
|
width: 100%;
|
||||||
|
a{
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&:hover{
|
||||||
|
background-color:transparent;
|
||||||
|
> a{
|
||||||
|
text-decoration: underline;
|
||||||
|
padding: 0.7em;
|
||||||
|
}
|
||||||
|
& > ul{
|
||||||
|
display: block;
|
||||||
|
a{
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
& > ul{
|
||||||
|
@media(max-width:480px){
|
||||||
|
position: relative;
|
||||||
|
box-shadow: none;
|
||||||
|
display: block;
|
||||||
|
li{
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
display: none;
|
||||||
|
width:-webkit-fill-available;
|
||||||
|
min-width: max-content;
|
||||||
|
box-shadow: 2px 2px 5px #00000033;
|
||||||
|
margin: 0;
|
||||||
|
transition-duration: 0.5s;
|
||||||
|
background:$theme-color-second;
|
||||||
|
position: absolute;
|
||||||
|
padding: 0;
|
||||||
|
li{
|
||||||
|
list-style:none;
|
||||||
|
float: none!important;
|
||||||
|
a{
|
||||||
|
color: #fff;
|
||||||
|
display: block;
|
||||||
|
padding: 0.7em;
|
||||||
|
}
|
||||||
|
&:hover{
|
||||||
|
background-color: rgba(darken($theme-color-second, 10%), 1);;
|
||||||
|
& > ul{
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
.orbit-bar-inner{
|
||||||
|
.orbit-bar-menu{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
blockquote{
|
||||||
|
color: #fff;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
font-size: unset;
|
||||||
|
border-left: 0;
|
||||||
|
&:after, &:before{
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
a{
|
||||||
|
color: #fff;
|
||||||
|
text-decoration: none;
|
||||||
|
display: inline-block;
|
||||||
|
height: 40px;
|
||||||
|
padding: 0.7em;
|
||||||
|
font-size: 0.85em;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.header-nav {
|
.header-nav {
|
||||||
|
z-index: 2;
|
||||||
ul{
|
ul{
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
@media(max-width: 769px){
|
@media(min-width: 769px){
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
@media(max-width: 768px){
|
||||||
ul{
|
ul{
|
||||||
display: flex!important;
|
display: flex!important;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
|
|
@ -51,7 +143,6 @@
|
||||||
}
|
}
|
||||||
.header-banner { overflow: hidden; }
|
.header-banner { overflow: hidden; }
|
||||||
.header-nav {
|
.header-nav {
|
||||||
padding:0;
|
|
||||||
>.container{
|
>.container{
|
||||||
color: $theme-color-main;
|
color: $theme-color-main;
|
||||||
font-family: $main-font;
|
font-family: $main-font;
|
||||||
|
|
@ -117,6 +208,7 @@
|
||||||
@media (min-width: $screen-sm) {
|
@media (min-width: $screen-sm) {
|
||||||
margin:0;
|
margin:0;
|
||||||
line-height: 3.75em;
|
line-height: 3.75em;
|
||||||
|
height: auto;
|
||||||
h1{
|
h1{
|
||||||
font-size: 1.2em;
|
font-size: 1.2em;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
@ -169,7 +261,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.navbar-toggle {
|
.navbar-toggle {
|
||||||
margin-top: 1.5em;
|
margin-top: 1em;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 0;
|
right: 0;
|
||||||
// border-radius: 0.125em;
|
// border-radius: 0.125em;
|
||||||
|
|
|
||||||
|
|
@ -214,6 +214,99 @@ ul.button-mid{
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
// Widget 10
|
||||||
|
.ba-banner-widget-10 {
|
||||||
|
height: 30vh !important;
|
||||||
|
z-index: 0;
|
||||||
|
.title{
|
||||||
|
border-bottom:0!important;
|
||||||
|
}
|
||||||
|
.en{
|
||||||
|
letter-spacing: 0.5px;
|
||||||
|
color: #EAFFDB;
|
||||||
|
font-size: 0.6em;
|
||||||
|
line-height: 1.3;
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
|
||||||
|
.youtube, .cycle-youtube {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
object, embed {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
.banner-pager {
|
||||||
|
|
||||||
|
}
|
||||||
|
.button-mid{
|
||||||
|
z-index: 101;
|
||||||
|
}
|
||||||
|
.ad-overlay{
|
||||||
|
text-align: center;
|
||||||
|
position: relative;
|
||||||
|
background: none;
|
||||||
|
color: #fff;
|
||||||
|
z-index: 100;
|
||||||
|
padding-left: 10%;
|
||||||
|
padding-right: 10%;
|
||||||
|
// text-shadow: 1px 1px 1px #0000008c;
|
||||||
|
color: #fff;
|
||||||
|
text-align: center;
|
||||||
|
text-shadow: 0px 0px 6px #00000080;
|
||||||
|
h3{
|
||||||
|
width: 100%;
|
||||||
|
display: inline-block;
|
||||||
|
font-size: 2.1em;
|
||||||
|
}
|
||||||
|
.cht{
|
||||||
|
color: #fff;
|
||||||
|
width: 100%;
|
||||||
|
display: inline-block;
|
||||||
|
font-size: 1.3em;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
img{
|
||||||
|
position: fixed;
|
||||||
|
top:0;
|
||||||
|
height: 50vh;
|
||||||
|
width: 100vw;
|
||||||
|
}
|
||||||
|
&,& .jp-jplayer{
|
||||||
|
@media(min-width:1801px){
|
||||||
|
.ad-overlay{
|
||||||
|
bottom: 0;
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.ad-overlay{
|
||||||
|
position: absolute;
|
||||||
|
height: 100%;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
h2{
|
||||||
|
text-align: center;
|
||||||
|
line-height: 1.5;
|
||||||
|
text-transform: uppercase;
|
||||||
|
font-weight: 600;
|
||||||
|
display: block;
|
||||||
|
span{
|
||||||
|
color: #c9eff6;
|
||||||
|
font-size: 0.6em;
|
||||||
|
line-height: 1.1;
|
||||||
|
margin: 0px;
|
||||||
|
display: block;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
// Widget 0
|
// Widget 0
|
||||||
.ba-banner-widget-0 {
|
.ba-banner-widget-0 {
|
||||||
height: 100vh !important;
|
height: 100vh !important;
|
||||||
|
|
@ -516,28 +609,6 @@ ul.button-mid{
|
||||||
}
|
}
|
||||||
// widget9
|
// widget9
|
||||||
.ba-banner-widget-9{
|
.ba-banner-widget-9{
|
||||||
.designbox{
|
|
||||||
background: url(/assets/designbox.png) no-repeat;
|
|
||||||
position: absolute;
|
|
||||||
width: 300px;
|
|
||||||
height:300px;
|
|
||||||
background-size: contain;
|
|
||||||
left: 0;
|
|
||||||
top: 0;
|
|
||||||
z-index: 999;
|
|
||||||
opacity: .7;
|
|
||||||
}
|
|
||||||
.designbox2{
|
|
||||||
background: url(/assets/designbox2.png) no-repeat right bottom;
|
|
||||||
position: absolute;
|
|
||||||
width: 300px;
|
|
||||||
height:300px;
|
|
||||||
background-size: contain;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
z-index: 999;
|
|
||||||
opacity: .7;
|
|
||||||
}
|
|
||||||
iframe{
|
iframe{
|
||||||
border-radius: 2em;
|
border-radius: 2em;
|
||||||
border:1px solid #fff;
|
border:1px solid #fff;
|
||||||
|
|
@ -554,7 +625,10 @@ ul.button-mid{
|
||||||
content: '';
|
content: '';
|
||||||
width: 60%;
|
width: 60%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
background:linear-gradient(to right, #73d0cf 0%, #03162700 100%);
|
background: linear-gradient(to right,
|
||||||
|
rgba(red($theme-color-second), green($theme-color-second), blue($theme-color-second), 0.8) 0%,
|
||||||
|
#03162700 100%
|
||||||
|
);
|
||||||
display: block;
|
display: block;
|
||||||
z-index: 100;
|
z-index: 100;
|
||||||
@media(max-width:768px){
|
@media(max-width:768px){
|
||||||
|
|
|
||||||
|
|
@ -80,7 +80,7 @@
|
||||||
//固定選單
|
//固定選單
|
||||||
.navFixed {
|
.navFixed {
|
||||||
.header-nav{
|
.header-nav{
|
||||||
display: none!important;
|
// display: none!important;
|
||||||
-webkit-transition: all .3s ease;
|
-webkit-transition: all .3s ease;
|
||||||
-moz-transition: all .3s ease;
|
-moz-transition: all .3s ease;
|
||||||
-ms-transition: all .3s ease;
|
-ms-transition: all .3s ease;
|
||||||
|
|
@ -90,7 +90,6 @@
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
left: 0;
|
left: 0;
|
||||||
top:0;
|
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
min-width: 100%;
|
min-width: 100%;
|
||||||
-webkit-backdrop-filter: saturate(180%) blur(20px);
|
-webkit-backdrop-filter: saturate(180%) blur(20px);
|
||||||
|
|
@ -639,9 +638,9 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
html[lang="en"]{
|
html[lang="en"]{
|
||||||
.modules-menu .modules-menu-level-0{
|
.modules-menu .modules-menu-level-0{
|
||||||
@media (min-width: 1025px){
|
@media (min-width: 1025px){
|
||||||
width: 50%;
|
width: 72%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.modules-menu-level-1{
|
.modules-menu-level-1{
|
||||||
|
|
@ -649,4 +648,13 @@ html[lang="en"]{
|
||||||
min-width: 220px!important;
|
min-width: 220px!important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@media (min-width: 769px) {
|
||||||
|
.modules-menu .modules-menu-level-0 > li > a {
|
||||||
|
font-size: 1em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.modules-menu .modules-menu-level-1 > li > a {
|
||||||
|
font-size: 1em;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -8,9 +8,7 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.breadcrumb {
|
.breadcrumb {
|
||||||
@media(max-width: 768px){
|
background-color: transparent;
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
a:link, a:visited { color: $theme-color-main; }
|
a:link, a:visited { color: $theme-color-main; }
|
||||||
|
|
|
||||||
|
|
@ -11,7 +11,7 @@
|
||||||
<%= render_header %>
|
<%= render_header %>
|
||||||
<div class="downIcon" ><div class="scroller"></div><a href="#onesection" tabindex="0" title="移動到第一個區塊" aria-label="往下導覽">
|
<div class="downIcon" ><div class="scroller"></div><a href="#onesection" tabindex="0" title="移動到第一個區塊" aria-label="往下導覽">
|
||||||
<span class="visually-hidden">往下導覽</span></a></div>
|
<span class="visually-hidden">往下導覽</span></a></div>
|
||||||
<div class="no-print single-child-datapp homebanner text_marqueewrapper" data-pp="999"></div>
|
|
||||||
<div class="layout-slide no-print single-child-datapp homebanner" data-pp="300"></div>
|
<div class="layout-slide no-print single-child-datapp homebanner" data-pp="300"></div>
|
||||||
<div class="layout-content2 topcontent">
|
<div class="layout-content2 topcontent">
|
||||||
<div class=" single-child-datapp onesection" id="onesection" data-pp="1999"></div>
|
<div class=" single-child-datapp onesection" id="onesection" data-pp="1999"></div>
|
||||||
|
|
|
||||||
|
|
@ -46,7 +46,7 @@
|
||||||
<div class="extra sitemenu-wrap2" data-pp="700"></div>
|
<div class="extra sitemenu-wrap2" data-pp="700"></div>
|
||||||
<div class="extra sitemenu-wrap3" data-pp="7000"></div>
|
<div class="extra sitemenu-wrap3" data-pp="7000"></div>
|
||||||
</section>
|
</section>
|
||||||
<aside class="layout-content-box aside right-column col-sm-3" data-pp="906"></aside>
|
<aside class="layout-content-box aside right-column col-sm-3" data-pp="1234"></aside>
|
||||||
</div>
|
</div>
|
||||||
<div class="row container">
|
<div class="row container">
|
||||||
<section class="page-content-box " data-pp="907"></section>
|
<section class="page-content-box " data-pp="907"></section>
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,86 @@
|
||||||
|
<div class="w-ad-banner w-ba-banner ad-banner-widget-10 ba-banner-widget-10">
|
||||||
|
<div class="w-ad-banner__wrap w-ba-banner__wrap cycle-slideshow"
|
||||||
|
data-list="images"
|
||||||
|
data-level="0"
|
||||||
|
data-cycle-slides=".w-ba-banner__slide"
|
||||||
|
data-cycle-log="false"
|
||||||
|
data-overlay=".w-ad-banner__overlay_{{subpart-id}}"
|
||||||
|
data-cycle-auto-height="{{base_image}}"
|
||||||
|
data-cycle-speed="{{speed}}"
|
||||||
|
data-cycle-timeout="{{timeout}}"
|
||||||
|
data-cycle-fx="{{ad_fx}}"
|
||||||
|
data-cycle-pager=".banner_caption_{{subpart-id}}"
|
||||||
|
data-pager-template=""
|
||||||
|
data-pager-active-class="active-slide"
|
||||||
|
data-cycle-swipe=true
|
||||||
|
data-cycle-swipe-fx="scrollHorz"
|
||||||
|
>
|
||||||
|
<div class="w-ad-banner__slide w-ba-banner__slide {{class}}"
|
||||||
|
data-link="{{link}}"
|
||||||
|
data-cycle-title="{{title}}"
|
||||||
|
data-cycle-desc="{{context}}"
|
||||||
|
data-overlay-template="<h3>{{title}}</h3><p>{{desc}}</p>"
|
||||||
|
data-target="{{target}}"
|
||||||
|
>
|
||||||
|
<img class="w-ad-banner__image w-ba-banner__image banner-responsive" src="{{image_link}}" alt="{{alt_title}}">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="w-ad-banner__caption ad-overlay w-ba-banner__caption w-ad-banner__caption w-ad-banner__overlay_{{subpart-id}}"></div>
|
||||||
|
<div class="w-ad-banner__pager-1 w-ba-banner__caption banner-pager banner_caption_{{subpart-id}}" data-list="images" data-level="0">
|
||||||
|
<li><button title="Slide {{slide_number}}" aria-label="Pager"><span style="display: none;">Slide {{slide_number}}</span></button></li>
|
||||||
|
</div>
|
||||||
|
<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>
|
||||||
|
<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>
|
||||||
|
</div>
|
||||||
|
<script>
|
||||||
|
$('[data-subpart-id="{{subpart-id}}"] .pause-slide').click(function(){
|
||||||
|
$(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle('pause');
|
||||||
|
$(this).addClass('active')
|
||||||
|
$(this).parents('.controlplay').eq(0).find('.resume-slide').removeClass('active')
|
||||||
|
});
|
||||||
|
$('[data-subpart-id="{{subpart-id}}"] .resume-slide').click(function(){
|
||||||
|
$(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle('resume');
|
||||||
|
$(this).addClass('active')
|
||||||
|
$(this).parents('.controlplay').eq(0).find('.pause-slide').removeClass('active')
|
||||||
|
});
|
||||||
|
$('[data-subpart-id="{{subpart-id}}"] .next-button').click(function(){
|
||||||
|
$(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle("next");
|
||||||
|
|
||||||
|
})
|
||||||
|
$('[data-subpart-id="{{subpart-id}}"] .prev-button').click(function(){
|
||||||
|
$(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle("prev");
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
<style type="text/css">
|
||||||
|
.w-ba-banner .controlplay .resume-slide.active i{
|
||||||
|
color: #32D9C3;
|
||||||
|
}
|
||||||
|
.w-ba-banner .controlplay .pause-slide.active i{
|
||||||
|
color: #ff4500;
|
||||||
|
}
|
||||||
|
.w-ba-banner .controlplay{
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
.w-ba-banner .button-mid{
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
height: 0;
|
||||||
|
top: 50%;
|
||||||
|
}
|
||||||
|
.next-button,.prev-button{
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -24,15 +24,6 @@
|
||||||
|
|
||||||
{{html}}
|
{{html}}
|
||||||
</div>
|
</div>
|
||||||
<div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div>
|
|
||||||
<div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div>
|
|
||||||
<div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div>
|
|
||||||
<div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div>
|
|
||||||
<div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div>
|
|
||||||
<div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div>
|
|
||||||
<div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div>
|
|
||||||
<div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div>
|
|
||||||
|
|
||||||
<div class="ad-overlay banner-overlay"><div class="ad-overlay2 w-ad-banner__overlay_{{subpart-id}}"></div></div>
|
<div class="ad-overlay banner-overlay"><div class="ad-overlay2 w-ad-banner__overlay_{{subpart-id}}"></div></div>
|
||||||
<div class="w-ba-banner__caption w-ad-banner__pager-2 banner-pager banner_caption_{{subpart-id}}"></div>
|
<div class="w-ba-banner__caption w-ad-banner__pager-2 banner-pager banner_caption_{{subpart-id}}"></div>
|
||||||
<ul class="controlplay"><a role="button" href="javascript:;" class="resume-slide active" title="<%= I18n.t("ad_banner.resume") %>"><i aria-hidden="true" aria-label="<%= I18n.t("ad_banner.resume") %>"></i><p style="display: none;"><%= I18n.t("ad_banner.resume") %></p></a><a href="javascript:;" class="pause-slide" title="<%= I18n.t("ad_banner.pause") %>"><i aria-hidden="true" aria-label="<%= I18n.t("ad_banner.pause") %>"></i><p style="display: none;"><%= I18n.t("ad_banner.pause") %></p></a></ul>
|
<ul class="controlplay"><a role="button" href="javascript:;" class="resume-slide active" title="<%= I18n.t("ad_banner.resume") %>"><i aria-hidden="true" aria-label="<%= I18n.t("ad_banner.resume") %>"></i><p style="display: none;"><%= I18n.t("ad_banner.resume") %></p></a><a href="javascript:;" class="pause-slide" title="<%= I18n.t("ad_banner.pause") %>"><i aria-hidden="true" aria-label="<%= I18n.t("ad_banner.pause") %>"></i><p style="display: none;"><%= I18n.t("ad_banner.pause") %></p></a></ul>
|
||||||
|
|
@ -40,8 +31,6 @@
|
||||||
<i class="fa fa-angle-left prev-button" aria-label="<%= I18n.t("ad_banner.prev") %>"></i>
|
<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>
|
<i class="fa fa-angle-right next-button" aria-label="<%= I18n.t("ad_banner.next") %>"></i>
|
||||||
</ul>
|
</ul>
|
||||||
<div class="designbox hide0"></div>
|
|
||||||
<div class="designbox2 hide0"></div>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
|
|
|
||||||
|
|
@ -79,6 +79,14 @@
|
||||||
"en" : "9. style2-Pro Carousel ( image, Youtube video, navigation )"
|
"en" : "9. style2-Pro Carousel ( image, Youtube video, navigation )"
|
||||||
},
|
},
|
||||||
"thumbnail" : "ad_banner4_thumb.png"
|
"thumbnail" : "ad_banner4_thumb.png"
|
||||||
}
|
},
|
||||||
|
{
|
||||||
|
"filename" : "ad_banner_widget10",
|
||||||
|
"name" : {
|
||||||
|
"zh_tw" : "10. 內頁橫幅輪播 ( 視差圖片, 圖片說明文字, 導航圖示 )",
|
||||||
|
"en" : "10. internal page Carousel ( image, description, navigation )"
|
||||||
|
},
|
||||||
|
"thumbnail" : "ad_banner1_thumb.png"
|
||||||
|
}
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -4,13 +4,13 @@
|
||||||
</h3>
|
</h3>
|
||||||
<ul class="w-annc__list" data-level="0" data-list="announcements">
|
<ul class="w-annc__list" data-level="0" data-list="announcements">
|
||||||
<li class="w-annc__item row">
|
<li class="w-annc__item row">
|
||||||
<h4 class="w-annc__entry-title col-sm-9">
|
<h4 class="w-annc__entry-title col-sm-10">
|
||||||
<span class="w-annc__status-wrap" data-list="statuses" data-level="1">
|
<span class="w-annc__status-wrap" data-list="statuses" data-level="1">
|
||||||
<span class="w-annc__status label status {{status-class}}">{{status}}</span>
|
<span class="w-annc__status label status {{status-class}}">{{status}}</span>
|
||||||
</span>
|
</span>
|
||||||
<a class="w-annc__title" href="{{link_to_show}}">{{title}}</a>
|
<a class="w-annc__title" href="{{link_to_show}}">{{title}}</a>
|
||||||
</h4>
|
</h4>
|
||||||
<span class="w-annc__postdate-wrap col-sm-3" date-format="%Y-%m-%d">
|
<span class="w-annc__postdate-wrap col-sm-2" date-format="%Y-%m-%d">
|
||||||
|
|
||||||
<span class="w-annc__postdate">{{postdate}}</span>
|
<span class="w-annc__postdate">{{postdate}}</span>
|
||||||
</span>
|
</span>
|
||||||
|
|
|
||||||
|
|
@ -4,11 +4,11 @@
|
||||||
</h3>
|
</h3>
|
||||||
<ul class="w-annc__list" data-level="0" data-list="announcements">
|
<ul class="w-annc__list" data-level="0" data-list="announcements">
|
||||||
<li class="w-annc__item row">
|
<li class="w-annc__item row">
|
||||||
<span class="w-annc__postdate-wrap col-sm-3" date-format="%Y-%m-%d">
|
<span class="w-annc__postdate-wrap col-sm-2" date-format="%Y-%m-%d">
|
||||||
|
|
||||||
<span class="w-annc__postdate">{{postdate}}</span>
|
<span class="w-annc__postdate">{{postdate}}</span>
|
||||||
</span>
|
</span>
|
||||||
<h4 class="w-annc__entry-title col-sm-9">
|
<h4 class="w-annc__entry-title col-sm-10">
|
||||||
<span class="w-annc__status-wrap" data-list="statuses" data-level="1">
|
<span class="w-annc__status-wrap" data-list="statuses" data-level="1">
|
||||||
<span class="w-annc__status label status {{status-class}}">[ {{status}} ]</span>
|
<span class="w-annc__status label status {{status-class}}">[ {{status}} ]</span>
|
||||||
</span>
|
</span>
|
||||||
|
|
|
||||||
|
|
@ -2,13 +2,13 @@
|
||||||
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||||
<ul class="i-annc__list" data-level="0" data-list="announcements">
|
<ul class="i-annc__list" data-level="0" data-list="announcements">
|
||||||
<li class="i-annc__item row">
|
<li class="i-annc__item row">
|
||||||
<h4 class="i-annc__entry-title col-sm-9">
|
<h4 class="i-annc__entry-title col-sm-10">
|
||||||
<span class="i-annc__status-wrap" data-list="statuses" data-level="1">
|
<span class="i-annc__status-wrap" data-list="statuses" data-level="1">
|
||||||
<span class="i-annc__status label status {{status-class}}">{{status}}</span>
|
<span class="i-annc__status label status {{status-class}}">{{status}}</span>
|
||||||
</span>
|
</span>
|
||||||
<a class="i-annc__title" href="{{link_to_show}}">{{title}}</a>
|
<a class="i-annc__title" href="{{link_to_show}}">{{title}}</a>
|
||||||
</h4>
|
</h4>
|
||||||
<span class="i-annc__postdate-wrap col-sm-3" date-format="%Y-%m/%d">
|
<span class="i-annc__postdate-wrap col-sm-2" date-format="%Y-%m/%d">
|
||||||
<span class="i-annc__postdate">{{postdate}}</span>
|
<span class="i-annc__postdate">{{postdate}}</span>
|
||||||
</span>
|
</span>
|
||||||
</li>
|
</li>
|
||||||
|
|
|
||||||
|
|
@ -2,10 +2,10 @@
|
||||||
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||||
<ul class="i-annc__list" data-level="0" data-list="announcements">
|
<ul class="i-annc__list" data-level="0" data-list="announcements">
|
||||||
<li class="i-annc__item row">
|
<li class="i-annc__item row">
|
||||||
<span class="i-annc__postdate-wrap col-sm-3" date-format="%Y-%m/%d">
|
<span class="i-annc__postdate-wrap col-sm-2" date-format="%Y-%m/%d">
|
||||||
<span class="i-annc__postdate">{{postdate}}</span>
|
<span class="i-annc__postdate">{{postdate}}</span>
|
||||||
</span>
|
</span>
|
||||||
<h4 class="i-annc__entry-title col-sm-9">
|
<h4 class="i-annc__entry-title col-sm-10">
|
||||||
<span class="i-annc__status-wrap" data-list="statuses" data-level="1">
|
<span class="i-annc__status-wrap" data-list="statuses" data-level="1">
|
||||||
<span class="i-annc__status label status {{status-class}}">{{status}}</span>
|
<span class="i-annc__status label status {{status-class}}">{{status}}</span>
|
||||||
</span>
|
</span>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue