'update'
This commit is contained in:
parent
19386ba6f0
commit
3a5c0215ed
Binary file not shown.
|
Before Width: | Height: | Size: 5.1 MiB After Width: | Height: | Size: 1.3 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 129 B |
|
|
@ -1264,6 +1264,9 @@ $(document).ready(function () {
|
|||
handleAnimationOnce('.hide3', 'animationvisible3', 0.5);
|
||||
handleAnimationOnce('.rotate0', 'animationrotate0', 0.5);
|
||||
handleAnimationOnce('.zoomin', 'animationvisible5', 0.5);
|
||||
|
||||
handleAnimationOnce('.fadeInUp', 'animationvisible', 0.5);
|
||||
handleAnimationOnce('.fadeInDown', 'animationvisible3', 0.5);
|
||||
});
|
||||
|
||||
init();
|
||||
|
|
@ -1441,6 +1444,21 @@ $(document).ready(function() {
|
|||
$(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); // 平滑展開/收起
|
||||
});
|
||||
});
|
||||
$(document).ready(function() {
|
||||
// 確保兩個元素都存在
|
||||
if ($('.header-nav blockquote').length && $('.orbit-bar-menu').length) {
|
||||
$('.header-nav blockquote').appendTo('.orbit-bar-menu');
|
||||
}
|
||||
});
|
||||
// //選單樣式2
|
||||
// $(document).ready(function() {
|
||||
// "use strict";
|
||||
|
|
|
|||
|
|
@ -25,11 +25,13 @@ body #orbit-bar .orbit-bar-search-sign-language #search input[type="search"]{
|
|||
outline: 3px solid $theme-color-second;
|
||||
background-color: #e6f0ff;
|
||||
border-radius: 4px;
|
||||
behavior: url("/assets/ie_support/PIE2/PIE.htc");
|
||||
}
|
||||
&:focus{
|
||||
outline: 3px solid $theme-color-second;
|
||||
background-color: #e6f0ff;
|
||||
border-radius: 4px;
|
||||
behavior: url("/assets/ie_support/PIE2/PIE.htc");
|
||||
}
|
||||
}
|
||||
#orbit-bar .orbit-bar-inner > ul > li > ul li{
|
||||
|
|
|
|||
|
|
@ -15,6 +15,7 @@
|
|||
border-radius: 0.125em;
|
||||
z-index: 1050;
|
||||
border-radius: 4em;
|
||||
behavior: url("/assets/ie_support/PIE2/PIE.htc");
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
display: flex;
|
||||
|
|
|
|||
|
|
@ -114,6 +114,7 @@
|
|||
.ask-question-form{
|
||||
padding: 2em;
|
||||
border-radius: 10px;
|
||||
behavior: url("/assets/ie_support/PIE2/PIE.htc");
|
||||
border: 1px solid #E4E6EA;
|
||||
padding-bottom: 3em!important;
|
||||
@media(max-width: 820px){
|
||||
|
|
@ -247,6 +248,7 @@
|
|||
font-weight: bold;
|
||||
line-height: 30px;
|
||||
border-radius: 6px !important;
|
||||
behavior: url("/assets/ie_support/PIE2/PIE.htc");
|
||||
margin-top: 0;
|
||||
padding: 8.5px 15px 8.5px;
|
||||
text-transform: uppercase;
|
||||
|
|
@ -283,3 +285,127 @@
|
|||
.quick .ic-list a:hover {color: #347018;}
|
||||
.quick .ic-list:before {vertical-align: middle; color: #5182a7; width:20%; margin-right:-20%; padding: 0;}
|
||||
.quick .hot a {color: #ff0000; font-weight: bold;}
|
||||
.subCategoryContainer {
|
||||
width: 100% !important;
|
||||
}
|
||||
#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;
|
||||
}
|
||||
// @media(max-width:768px){
|
||||
// .css-subCategory-page{
|
||||
// height: auto!important;
|
||||
// }
|
||||
// .css-subCategory-pageContainer{
|
||||
// width: 100%!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%);
|
||||
-pie-background: linear-gradient(to bottom, #FAFAFA 0%, #F5F5F5 100%);
|
||||
behavior: url("/assets/ie_support/PIE2/PIE.htc");
|
||||
border-radius: 5px;
|
||||
behavior: url("/assets/ie_support/PIE2/PIE.htc");
|
||||
box-shadow: 0 1px 0 #fff inset;
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
font-size: 1.2em!important;
|
||||
}
|
||||
|
|
@ -86,6 +86,7 @@
|
|||
background:#1a1b20;
|
||||
top: -59px;
|
||||
border-radius: 100px 100px 0 0;
|
||||
behavior: url("/assets/ie_support/PIE2/PIE.htc");
|
||||
margin: auto;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
|
|
|
|||
|
|
@ -12,10 +12,111 @@
|
|||
z-index: 1;
|
||||
padding:0;
|
||||
}
|
||||
.navcontainer{
|
||||
@media(max-width:768px){
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
.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 {
|
||||
z-index: 2;
|
||||
ul{
|
||||
padding: 0;
|
||||
}
|
||||
a{
|
||||
padding: 0.7em;
|
||||
}
|
||||
li{
|
||||
list-style: none;
|
||||
}
|
||||
@media(max-width: 769px){
|
||||
ul{
|
||||
display: flex!important;
|
||||
|
|
@ -42,7 +143,7 @@
|
|||
list-style: none;
|
||||
}
|
||||
a[accesskey] {
|
||||
position: relative!important;
|
||||
|
||||
}
|
||||
|
||||
.container {
|
||||
|
|
@ -81,9 +182,10 @@
|
|||
|
||||
a {
|
||||
text-decoration: none;
|
||||
padding: 5px;
|
||||
padding:0.7em;
|
||||
font-size: 0.85em;
|
||||
color: #a5a5a5;
|
||||
color: #a5a5a5;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
@media (min-width:1025px) {
|
||||
|
|
|
|||
|
|
@ -89,6 +89,7 @@ iframe{
|
|||
width: 0.8em !important;
|
||||
height: 0.8em !important;
|
||||
border-radius: 50%;
|
||||
behavior: url("/assets/ie_support/PIE2/PIE.htc");
|
||||
opacity: .5;
|
||||
cursor: pointer;
|
||||
border: 0;
|
||||
|
|
@ -160,6 +161,7 @@ ul.button-mid{
|
|||
height: 2.5rem;
|
||||
font-size: 1.5rem;
|
||||
border-radius: 1em;
|
||||
behavior: url("/assets/ie_support/PIE2/PIE.htc");
|
||||
color: #ffffff;
|
||||
background: rgba(0,0,0,0.2);
|
||||
text-align: center;
|
||||
|
|
@ -182,6 +184,7 @@ ul.button-mid{
|
|||
height: 2.5rem;
|
||||
font-size: 1.5rem;
|
||||
border-radius: 1em;
|
||||
behavior: url("/assets/ie_support/PIE2/PIE.htc");
|
||||
color: $theme-white;
|
||||
background: rgba(0,0,0,0.2);
|
||||
text-align: center;
|
||||
|
|
@ -297,6 +300,8 @@ ul.button-mid{
|
|||
.banner-overlay{
|
||||
padding: 3.5em 5em;
|
||||
background-image: linear-gradient(180deg, transparent 0, #00000066 40%, #000);
|
||||
-pie-background: linear-gradient(180deg, transparent 0, #00000066 40%, #000);
|
||||
behavior: url("/assets/ie_support/PIE2/PIE.htc");
|
||||
}
|
||||
.w-ba-banner__caption {
|
||||
|
||||
|
|
@ -356,6 +361,7 @@ ul.button-mid{
|
|||
position: relative;
|
||||
border: 1px solid #dedede;
|
||||
border-radius: 10px;
|
||||
behavior: url("/assets/ie_support/PIE2/PIE.htc");
|
||||
padding: 8px !important;
|
||||
.banner-pager .active-slide a {
|
||||
background: $theme-color-second !important;
|
||||
|
|
|
|||
|
|
@ -298,6 +298,7 @@
|
|||
margin-bottom: 0;
|
||||
border: 1px solid #dedede;
|
||||
border-radius: 10px;
|
||||
behavior: url("/assets/ie_support/PIE2/PIE.htc");
|
||||
padding-top: 5px !important;
|
||||
}
|
||||
.w-annc__title {
|
||||
|
|
@ -1001,6 +1002,7 @@
|
|||
.w-annc__img-wrap {
|
||||
margin-bottom: 0.5em;
|
||||
border-radius: 20px;
|
||||
behavior: url("/assets/ie_support/PIE2/PIE.htc");
|
||||
overflow: hidden;
|
||||
.w-annc__img{
|
||||
width: 100%;
|
||||
|
|
@ -1905,6 +1907,7 @@
|
|||
margin-bottom: 1em;
|
||||
margin-top: 1em;
|
||||
border-radius: 30px!important;
|
||||
behavior: url("/assets/ie_support/PIE2/PIE.htc");
|
||||
background: rgba(255,255,255,0.6)!important;
|
||||
box-shadow: 0px 0px 4px 0px #00000033!important;
|
||||
margin-right: 0.5em;
|
||||
|
|
@ -1987,6 +1990,7 @@
|
|||
margin-left: 0.5em;
|
||||
margin-right: 0.5em;
|
||||
border-radius: 10px;
|
||||
behavior: url("/assets/ie_support/PIE2/PIE.htc");
|
||||
transition: all 0.3s;
|
||||
width: calc( 100%/5 - 1.5em);
|
||||
&:hover{
|
||||
|
|
@ -3035,6 +3039,7 @@ table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, tabl
|
|||
margin-left: 0.5em;
|
||||
margin-right: 0.5em;
|
||||
border-radius: 10px;
|
||||
behavior: url("/assets/ie_support/PIE2/PIE.htc");
|
||||
transition: all 0.3s;
|
||||
width: calc( 100%/5 - 1.5em);
|
||||
&:hover{
|
||||
|
|
|
|||
|
|
@ -361,6 +361,7 @@
|
|||
position: relative;
|
||||
background: #fff;
|
||||
border-radius: 5px;
|
||||
behavior: url("/assets/ie_support/PIE2/PIE.htc");
|
||||
}
|
||||
.thead.row {
|
||||
margin: 0;
|
||||
|
|
@ -395,6 +396,7 @@
|
|||
position: relative;
|
||||
background: #fff;
|
||||
border-radius: 5px;
|
||||
behavior: url("/assets/ie_support/PIE2/PIE.htc");
|
||||
}
|
||||
.head{
|
||||
@media(min-width: 821px){
|
||||
|
|
@ -431,6 +433,7 @@
|
|||
margin-bottom: 1.5em;
|
||||
position: relative;
|
||||
border-radius: 5px;
|
||||
behavior: url("/assets/ie_support/PIE2/PIE.htc");
|
||||
@media(max-width: $screen-xs){
|
||||
padding: 1em;
|
||||
}
|
||||
|
|
@ -480,6 +483,7 @@
|
|||
margin-bottom: 1.5em;
|
||||
position: relative;
|
||||
border-radius: 5px;
|
||||
behavior: url("/assets/ie_support/PIE2/PIE.htc");
|
||||
}
|
||||
.thead.row {
|
||||
margin: 0;
|
||||
|
|
|
|||
|
|
@ -6,6 +6,7 @@
|
|||
background-color: #fdfdfd;
|
||||
padding: 2em;
|
||||
border-radius: 10px;
|
||||
behavior: url("/assets/ie_support/PIE2/PIE.htc");
|
||||
border: 1px solid #E4E6EA;
|
||||
label{
|
||||
width: 100%;
|
||||
|
|
|
|||
|
|
@ -536,6 +536,7 @@ a.fc-daygrid-more-link.fc-more-link{
|
|||
display: block;
|
||||
padding: 0.5em;
|
||||
border-radius: 1em;
|
||||
behavior: url("/assets/ie_support/PIE2/PIE.htc");
|
||||
box-shadow: 0 2px 6px #00000026;
|
||||
border: 0.0625em solid #00000033;
|
||||
@media(max-width: 768px){
|
||||
|
|
|
|||
|
|
@ -1139,6 +1139,8 @@
|
|||
width: 100%;
|
||||
height: 8px;
|
||||
background: linear-gradient(180deg, transparent, #000);
|
||||
-pie-background: linear-gradient(180deg, transparent, #000);
|
||||
behavior: url("/assets/ie_support/PIE2/PIE.htc");
|
||||
z-index: -1;
|
||||
-webkit-transition: height .6s;
|
||||
transition: height .6s;
|
||||
|
|
|
|||
|
|
@ -64,6 +64,7 @@
|
|||
min-width: 30px;
|
||||
height: 30px;
|
||||
border-radius: 50%;
|
||||
behavior: url("/assets/ie_support/PIE2/PIE.htc");
|
||||
text-align: center;
|
||||
line-height: 30px;
|
||||
transition: 0.4s;
|
||||
|
|
|
|||
|
|
@ -0,0 +1,25 @@
|
|||
@charset "utf-8";
|
||||
|
||||
@import "../initial";
|
||||
|
||||
|
||||
|
||||
p.s-annc__post-orbithashtags{
|
||||
clear: both;
|
||||
}
|
||||
a.orbit-hash-tag {
|
||||
list-style: none;
|
||||
background: #e0edff;
|
||||
color: #0a84ff;
|
||||
margin-right: 0.5em;
|
||||
border-radius: 0.5em;
|
||||
padding: 0.2em 0.5em;
|
||||
margin-bottom: 0.5em;
|
||||
display: inline-block;
|
||||
&:hover{
|
||||
background: #0a84ff;
|
||||
transform: translatey(-2px);
|
||||
transition: transform 0.4s;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
|
@ -90,7 +90,6 @@
|
|||
z-index: 10;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top:0;
|
||||
margin-top: 0;
|
||||
min-width: 100%;
|
||||
-webkit-transition: all .3s ease;
|
||||
|
|
@ -659,11 +658,11 @@
|
|||
}
|
||||
}
|
||||
html[lang="en"]{
|
||||
.modules-menu .modules-menu-level-0{
|
||||
@media (min-width: 1025px){
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
// .modules-menu .modules-menu-level-0{
|
||||
// @media (min-width: 1025px){
|
||||
// width: 72%;
|
||||
// }
|
||||
// }
|
||||
.modules-menu-level-1{
|
||||
@media(min-width:769px){
|
||||
min-width: 220px!important;
|
||||
|
|
|
|||
|
|
@ -10,6 +10,7 @@
|
|||
margin: 0.5em;
|
||||
padding: 0.5em;
|
||||
border-radius: 1em;
|
||||
behavior: url("/assets/ie_support/PIE2/PIE.htc");
|
||||
}
|
||||
}
|
||||
.universal-table-index{
|
||||
|
|
@ -18,6 +19,7 @@
|
|||
margin: 0.5em;
|
||||
padding: 0.5em;
|
||||
border-radius: 1em;
|
||||
behavior: url("/assets/ie_support/PIE2/PIE.htc");
|
||||
}
|
||||
}
|
||||
.universal-table-index{
|
||||
|
|
|
|||
|
|
@ -25,6 +25,7 @@
|
|||
padding-bottom: 0px;
|
||||
padding-top: 0px;
|
||||
border-radius: 50%;
|
||||
behavior: url("/assets/ie_support/PIE2/PIE.htc");
|
||||
border: 0px;
|
||||
background-color: $theme-color-second;
|
||||
background: url(/assets/btn-play.svg) no-repeat;
|
||||
|
|
@ -43,6 +44,7 @@
|
|||
.view_info{
|
||||
max-height: 100%;
|
||||
border-radius: 2px;
|
||||
behavior: url("/assets/ie_support/PIE2/PIE.htc");
|
||||
font-size: 0.875rem;
|
||||
font-weight: normal;
|
||||
letter-spacing: 0.3px;
|
||||
|
|
@ -84,6 +86,7 @@
|
|||
max-height: 100%;
|
||||
border: 0;
|
||||
border-radius: 2px;
|
||||
behavior: url("/assets/ie_support/PIE2/PIE.htc");
|
||||
background-color: transparent;
|
||||
font-size: 0.875rem;
|
||||
font-family: "Noto Sans TC", PingFangTC, 微軟正黑體, "Microsoft JhengHei", sans-serif;
|
||||
|
|
@ -101,6 +104,7 @@
|
|||
&:first-child{
|
||||
border:1px #fff solid;
|
||||
border-radius: 2px;
|
||||
behavior: url("/assets/ie_support/PIE2/PIE.htc");
|
||||
background-color: #1515154d;
|
||||
}
|
||||
float: left;
|
||||
|
|
@ -261,6 +265,7 @@
|
|||
padding: 0px 15px;
|
||||
height: 44px;
|
||||
border-radius: 22px;
|
||||
behavior: url("/assets/ie_support/PIE2/PIE.htc");
|
||||
line-height: 42px;
|
||||
border: 1px solid transparent;
|
||||
background-color: $theme-color-second;
|
||||
|
|
@ -312,6 +317,8 @@
|
|||
position: absolute;
|
||||
bottom: 0;
|
||||
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
|
||||
-pie-background: linear-gradient(to right, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
|
||||
behavior: url("/assets/ie_support/PIE2/PIE.htc");
|
||||
top: 0;
|
||||
z-index: 1;
|
||||
width: 100%;
|
||||
|
|
@ -508,6 +515,7 @@
|
|||
padding-bottom: 0px;
|
||||
padding-top: 0px;
|
||||
border-radius: 50%;
|
||||
behavior: url("/assets/ie_support/PIE2/PIE.htc");
|
||||
border: 0px;
|
||||
background-color: $theme-color-second;
|
||||
background: url(/assets/btn-play.svg) no-repeat;
|
||||
|
|
@ -526,6 +534,7 @@
|
|||
.view_info{
|
||||
max-height: 100%;
|
||||
border-radius: 2px;
|
||||
behavior: url("/assets/ie_support/PIE2/PIE.htc");
|
||||
font-size: 0.875rem;
|
||||
font-weight: normal;
|
||||
letter-spacing: 0.3px;
|
||||
|
|
@ -567,6 +576,7 @@
|
|||
color: #909090;
|
||||
background: #fff;
|
||||
border-radius: 50%;
|
||||
behavior: url("/assets/ie_support/PIE2/PIE.htc");
|
||||
border: none;
|
||||
height: 2.5em;
|
||||
width: 2.5em;
|
||||
|
|
@ -683,6 +693,7 @@
|
|||
padding: 0px 7px;
|
||||
max-height: 100%;
|
||||
border-radius: 2px;
|
||||
behavior: url("/assets/ie_support/PIE2/PIE.htc");
|
||||
margin-bottom: 1em;
|
||||
&:first-child{
|
||||
border: 1px solid;
|
||||
|
|
@ -894,6 +905,7 @@
|
|||
padding: 0px 15px;
|
||||
height: 36px;
|
||||
border-radius: 18px;
|
||||
behavior: url("/assets/ie_support/PIE2/PIE.htc");
|
||||
line-height: 34px;
|
||||
border: 1px solid rgb(204, 204, 204);
|
||||
background-color: rgb(255, 255, 255);
|
||||
|
|
@ -939,6 +951,7 @@
|
|||
max-height: 100%;
|
||||
border: 0;
|
||||
border-radius: 2px;
|
||||
behavior: url("/assets/ie_support/PIE2/PIE.htc");
|
||||
background-color: transparent;
|
||||
font-size: 0.875rem;
|
||||
font-family: "Noto Sans TC", PingFangTC, 微軟正黑體, "Microsoft JhengHei", sans-serif;
|
||||
|
|
@ -957,6 +970,7 @@
|
|||
min-width: 5em;
|
||||
border: 1px solid;
|
||||
border-radius: 2px;
|
||||
behavior: url("/assets/ie_support/PIE2/PIE.htc");
|
||||
background-color: #1515154d;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -68,6 +68,7 @@
|
|||
}
|
||||
|
||||
&.widget1 {
|
||||
margin-top: 0.5em;
|
||||
.widget-title{
|
||||
margin-bottom: 10px;
|
||||
background: #268663;
|
||||
|
|
@ -75,6 +76,7 @@
|
|||
font-weight: bold;
|
||||
line-height: 30px;
|
||||
border-radius: 6px !important;
|
||||
behavior: url("/assets/ie_support/PIE2/PIE.htc");
|
||||
margin-top: 0;
|
||||
padding: 8.5px 15px 8.5px;
|
||||
text-transform: uppercase;
|
||||
|
|
@ -103,7 +105,6 @@
|
|||
}
|
||||
|
||||
.widget-content-title {
|
||||
padding-top: 0.5em;
|
||||
@extend .i-subtitle;
|
||||
}
|
||||
}
|
||||
|
|
@ -166,9 +167,11 @@
|
|||
}
|
||||
.link-img-wrap{
|
||||
border-radius:10em;
|
||||
behavior: url("/assets/ie_support/PIE2/PIE.htc");
|
||||
overflow: hidden;
|
||||
&:hover{
|
||||
border-radius:2em;
|
||||
behavior: url("/assets/ie_support/PIE2/PIE.htc");
|
||||
-webkit-transition: .3s all ease;
|
||||
-o-transition: .3s all ease;
|
||||
transition: .3s all ease;
|
||||
|
|
@ -208,6 +211,7 @@
|
|||
}
|
||||
.link-img-wrap{
|
||||
border-radius: 2em;
|
||||
behavior: url("/assets/ie_support/PIE2/PIE.htc");
|
||||
overflow: hidden;
|
||||
&:hover{
|
||||
img{
|
||||
|
|
|
|||
|
|
@ -236,6 +236,7 @@ ul.tab_nav {
|
|||
}
|
||||
.black-screen-social-window.reactable .content-social .social_wrap > div:hover, .black-screen-social-window.reactable .content-social .social_wrap > div.hover-class{
|
||||
border-radius: 30px 0 0 30px;
|
||||
behavior: url("/assets/ie_support/PIE2/PIE.htc");
|
||||
background: #fff;
|
||||
}
|
||||
.hide_sharer_button{
|
||||
|
|
@ -354,6 +355,7 @@ ul.tab_nav {
|
|||
position: absolute;
|
||||
padding: 0.1em 1.5em;
|
||||
border-radius: 1em;
|
||||
behavior: url("/assets/ie_support/PIE2/PIE.htc");
|
||||
border: 2px solid #f5c346;
|
||||
color: #333;
|
||||
left: 36%;
|
||||
|
|
@ -384,6 +386,7 @@ ul.tab_nav {
|
|||
position: absolute;
|
||||
padding: 0.1em 1.5em;
|
||||
border-radius: 1em;
|
||||
behavior: url("/assets/ie_support/PIE2/PIE.htc");
|
||||
border: 2px solid #5a89f5;
|
||||
color: #333;
|
||||
left: 36%;
|
||||
|
|
@ -414,6 +417,7 @@ ul.tab_nav {
|
|||
position: absolute;
|
||||
padding: 0.1em 1.5em;
|
||||
border-radius: 1em;
|
||||
behavior: url("/assets/ie_support/PIE2/PIE.htc");
|
||||
border: 2px solid #464063;
|
||||
color: #333;
|
||||
left: 36%;
|
||||
|
|
@ -444,6 +448,7 @@ ul.tab_nav {
|
|||
position: absolute;
|
||||
padding: 0.1em 1.5em;
|
||||
border-radius: 1em;
|
||||
behavior: url("/assets/ie_support/PIE2/PIE.htc");
|
||||
border: 2px solid #ed7b77;
|
||||
color: #333;
|
||||
left: 36%;
|
||||
|
|
@ -474,6 +479,7 @@ ul.tab_nav {
|
|||
position: absolute;
|
||||
padding: 0.1em 1.5em;
|
||||
border-radius: 1em;
|
||||
behavior: url("/assets/ie_support/PIE2/PIE.htc");
|
||||
border: 2px solid #afaac8;
|
||||
color: #333;
|
||||
left: 36%;
|
||||
|
|
@ -571,6 +577,7 @@ table.dataTable>tbody>tr.child{
|
|||
.modal-content{
|
||||
box-shadow: 0 24px 38px 3px #00000024, 0 9px 46px 8px #0000001f, 0 11px 15px -7px #00000033;
|
||||
border-radius: 8px;
|
||||
behavior: url("/assets/ie_support/PIE2/PIE.htc");
|
||||
border: 0;
|
||||
}
|
||||
.fc .fc-daygrid-day.fc-day-today{
|
||||
|
|
@ -816,6 +823,7 @@ a.ui-state-default{
|
|||
letter-spacing: 2px;
|
||||
outline: none;
|
||||
border-radius: 25px;
|
||||
behavior: url("/assets/ie_support/PIE2/PIE.htc");
|
||||
transition: all .5s ease-in-out;
|
||||
background:none;
|
||||
padding-right: 40px;
|
||||
|
|
@ -847,6 +855,7 @@ a.ui-state-default{
|
|||
outline: none;
|
||||
cursor: pointer;
|
||||
border-radius: 50%;
|
||||
behavior: url("/assets/ie_support/PIE2/PIE.htc");
|
||||
position: absolute;
|
||||
right: 0px;
|
||||
color:#ffffff ;
|
||||
|
|
@ -861,6 +870,7 @@ a.ui-state-default{
|
|||
.btn-search:focus ~ .input-search{
|
||||
width: 200px;
|
||||
border-radius: 0px;
|
||||
behavior: url("/assets/ie_support/PIE2/PIE.htc");
|
||||
background-color: transparent;
|
||||
border-bottom:1px solid rgba(255,255,255,.5);
|
||||
transition: all 500ms cubic-bezier(0, 0.110, 0.35, 2);
|
||||
|
|
@ -873,6 +883,7 @@ a.ui-state-default{
|
|||
.input-search:focus{
|
||||
width: 200px;
|
||||
border-radius: 0px;
|
||||
behavior: url("/assets/ie_support/PIE2/PIE.htc");
|
||||
background-color: transparent;
|
||||
border-bottom:1px solid rgba(255,255,255,.5);
|
||||
transition: all 500ms cubic-bezier(0, 0.110, 0.35, 2);
|
||||
|
|
|
|||
|
|
@ -32,6 +32,7 @@
|
|||
cursor: pointer;
|
||||
background-color: #fff;
|
||||
border-radius: 2em;
|
||||
behavior: url("/assets/ie_support/PIE2/PIE.htc");
|
||||
color: #686868;
|
||||
text-align: center;
|
||||
margin-right: 1em;
|
||||
|
|
|
|||
|
|
@ -9,9 +9,7 @@
|
|||
<%= render_orbit_bar %>
|
||||
<div class="background" data-pp="100"></div>
|
||||
<%= render_header %>
|
||||
|
||||
<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="3000"></div>
|
||||
<div class="layout-content2 topcontent">
|
||||
<div class=" single-child-datapp onesection" id="onesection" data-pp="1999"></div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -30,19 +30,9 @@
|
|||
</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>
|
||||
<li><button title="Slide {{slide_number}}"><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="controlplay"><a 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="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>
|
||||
|
|
|
|||
|
|
@ -11,7 +11,7 @@
|
|||
data-cycle-timeout="{{timeout}}"
|
||||
data-cycle-fx="{{ad_fx}}"
|
||||
data-pager=".banner_caption_{{subpart-id}}"
|
||||
data-pager-template="<li><button title='pager' aria-label='Pager'></button></li>"
|
||||
data-pager-template="<li><button title='pager'></button></li>"
|
||||
data-pager-active-class="active-slide"
|
||||
data-cycle-youtube="true"
|
||||
data-cycle-youtube-autostart="false"
|
||||
|
|
@ -26,17 +26,7 @@
|
|||
</div>
|
||||
<div class="ad-overlay w-ad-banner__overlay_{{subpart-id}}"></div>
|
||||
<div class="w-ba-banner__caption w-ad-banner__pager-2 banner-pager banner_caption_{{subpart-id}}"></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="controlplay"><a 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="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>
|
||||
|
|
@ -117,19 +107,9 @@
|
|||
}
|
||||
});
|
||||
button_container.find('.jarallax-video-audio').remove();
|
||||
var caption = button_container.find('.w-ba-banner__caption');
|
||||
var banner_overlay = button_container.find('.banner-overlay');
|
||||
if (banner_overlay.length) {
|
||||
audio_div.insertBefore(banner_overlay);
|
||||
} else {
|
||||
button_container.append(audio_div);
|
||||
}
|
||||
button_container.append(audio_div);
|
||||
if(control_play_btn != null){
|
||||
if (banner_overlay.length) {
|
||||
control_play_btn.insertBefore(banner_overlay);
|
||||
} else {
|
||||
button_container.append(control_play_btn);
|
||||
}
|
||||
audio_div.after(control_play_btn);
|
||||
control_play_btn.click(function(){
|
||||
var cycle_slideshow = button_container.find('.cycle-slideshow');
|
||||
var opts = cycle_slideshow.data('cycle.opts');
|
||||
|
|
@ -347,6 +327,9 @@
|
|||
event_dict[count_key] = event_dict[array_key].length;
|
||||
yt_player.addEventListener('onStateChange',onPlayerStateChange);
|
||||
banner_wrap.trigger('resize');
|
||||
if(i == 0 && $iframe.parents(".youtube_slide[data-autoplay=\"1\"]").length != 0){
|
||||
yt_player.mute().playVideo();
|
||||
}
|
||||
}else{
|
||||
console.log("YT player changes its variables!")
|
||||
}
|
||||
|
|
@ -404,9 +387,10 @@
|
|||
controlplay.find(".pause-slide").removeClass("active");
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
})
|
||||
/*
|
||||
var height = opts.slides.filter('.active').height() || opts.slides.height();
|
||||
banner_wrap.height(height)*/
|
||||
banner_wrap.css("padding-bottom","");
|
||||
{{extra_document_ready_script}}
|
||||
$('[data-subpart-id="{{subpart-id}}"] .pause-slide').click(function(){
|
||||
|
|
@ -425,8 +409,7 @@
|
|||
$('[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">
|
||||
.jarallax-video-audio, .jarallax-video-control-play{
|
||||
|
|
|
|||
|
|
@ -0,0 +1,108 @@
|
|||
<div class="w-annc widget-announcement-4">
|
||||
<div class="w-annc__more-wrap clearfix">
|
||||
<h2 class="w-annc__widget-title">
|
||||
<span>{{widget-title}}</span>
|
||||
</h2>
|
||||
<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">
|
||||
<div class="w-annc__img-wrap bullseye">
|
||||
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
||||
</div>
|
||||
<div class="w-annc__content-wrap">
|
||||
<div class="w-annc__meta">
|
||||
<span class="w-annc__status-wrap" data-list="statuses" data-level="1">
|
||||
<span class="w-annc__status label {{status-class}}">{{status}}</span>
|
||||
</span>
|
||||
<span class="w-annc__postdate-wrap" date-format="%Y-%m-%d">
|
||||
<i class="fa fa-calendar-o"></i>
|
||||
<span class="w-annc__postdate">{{postdate}}</span>
|
||||
</span>
|
||||
<span class="w-annc__category-wrap">
|
||||
<i class="fa fa-tasks"></i>
|
||||
<span class="w-annc__category">{{category}}</span>
|
||||
</span>
|
||||
</div>
|
||||
<h4 class="w-annc__entry-title">
|
||||
<a class="w-annc__title" href="{{link_to_show}}">{{title}}</a>
|
||||
</h4>
|
||||
<p class="w-annc__subtitle">{{subtitle}}</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<style type="text/css">
|
||||
[data-subpart-id="{{subpart-id}}"] .bullseye{
|
||||
overflow: hidden;
|
||||
}
|
||||
</style>
|
||||
<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){
|
||||
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/16+'em)'); //20px=>li的margin
|
||||
$('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list >li').css("float","left");
|
||||
};
|
||||
$(window).resize(function(){
|
||||
if($(window).width()>1024){
|
||||
reorganize_{{subpart-id}}(3);
|
||||
num=3;
|
||||
}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}}(3);
|
||||
num=3;
|
||||
}else if($(window).width()>576){
|
||||
reorganize_{{subpart-id}}(2);
|
||||
num=2;
|
||||
}else{
|
||||
reorganize_{{subpart-id}}(1);
|
||||
num=1;
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
|
@ -0,0 +1,171 @@
|
|||
<div class="w-annc widget-announcement-4 w-annc widget-announcement-15" style="position:relative;">
|
||||
<div class="w-annc__more-wrap clearfix">
|
||||
<h2 class="w-annc__widget-title">
|
||||
<span>{{widget-title}}</span>
|
||||
</h2>
|
||||
<a class="w-annc__more btn btn-primary pull-right" href="{{more_url}}"><%= (I18n.locale.to_s =="zh_tw") ? "更多最新消息" : "More NEWS" %></a>
|
||||
</div>
|
||||
<div style="position: absolute;top: 50%;bottom: 50%;width:100%;">
|
||||
<button class="btn-left" title = "<%= (I18n.locale.to_s =="zh_tw") ? "上一張" : "prev" %>" style="float: left;height: 2.5em; width: 2.5em;background: border: 0;background-size: contain;position: absolute;transition:.3s; left: 0.6%;color: #ffffff;
|
||||
background: rgba(0, 0, 0, 0.2);
|
||||
border-radius: 50%;
|
||||
border: none;"><i class="fa fa-angle-left prev-button" aria-hidden="true" style="font-size: 1.5rem;"></i><span style="display: none;"><%= (I18n.locale.to_s =="zh_tw") ? "上一張" : "prev" %></span></button>
|
||||
<button class="btn-right" title = "<%= (I18n.locale.to_s =="zh_tw") ? "下一張" : "next" %>" style="float: right;;height: 2.5em; width: 2.5em;background-size: contain;border: 0;position: absolute;transition:.3s;right: 0.6%;color: #ffffff;
|
||||
background: rgba(0, 0, 0, 0.2);
|
||||
border-radius: 50%;
|
||||
border: none;"><i class="fa fa-angle-right next-button" aria-hidden="true" style="font-size: 1.5rem;"></i><span style="display: none;"><%= (I18n.locale.to_s =="zh_tw") ? "下一張" : "next" %></span></button>
|
||||
</div>
|
||||
<ul class="w-annc__list row" data-level="0" data-list="announcements">
|
||||
<li class="w-annc__item col-md-4">
|
||||
<div class="w-annc__img-wrap bullseye">
|
||||
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
||||
<div class="transitionfade"></div>
|
||||
</div>
|
||||
<div class="w-annc__content-wrap">
|
||||
<div class="w-annc__meta">
|
||||
<span class="w-annc__status-wrap" data-list="statuses" data-level="1">
|
||||
<span class="w-annc__status label {{status-class}}">{{status}}</span>
|
||||
</span>
|
||||
<span class="w-annc__postdate-wrap" date-format="%Y-%m-%d">
|
||||
<i class="fa fa-calendar-o"></i>
|
||||
<span class="w-annc__postdate">{{postdate}}</span>
|
||||
</span>
|
||||
<span class="w-annc__category-wrap">
|
||||
<i class="fa fa-tasks"></i>
|
||||
<span class="w-annc__category">{{category}}</span>
|
||||
</span>
|
||||
</div>
|
||||
<h4 class="w-annc__entry-title">
|
||||
<a class="w-annc__title" href="{{link_to_show}}">{{title}}</a>
|
||||
</h4>
|
||||
<p class="w-annc__subtitle">{{subtitle}}</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<script src="//code.jquery.com/ui/1.12.1/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 1.125em');
|
||||
$('[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+'% - '+20/16+'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}}(3);
|
||||
num=3;
|
||||
}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}}(3);
|
||||
num=3;
|
||||
}else if($(window).width()>576){
|
||||
reorganize_{{subpart-id}}(2);
|
||||
num=2;
|
||||
}else{
|
||||
reorganize_{{subpart-id}}(1);
|
||||
num=1;
|
||||
}
|
||||
var flag=false;
|
||||
$('[data-subpart-id=\"{{subpart-id}}\"] .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;
|
||||
$("body").css("overflow-x","hidden");
|
||||
$('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list.active').eq(0).effect("slide", { direction: "left", mode: 'show', duration: 500},function(){$("body").css("overflow-x","");flag=false;});
|
||||
};
|
||||
});
|
||||
$('[data-subpart-id=\"{{subpart-id}}\"] .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;
|
||||
$("body").css("overflow-x","hidden");
|
||||
$('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list.active').eq(0).effect("slide", { direction: "right", mode: 'show', duration: 500},function(){$("body").css("overflow-x","");flag=false;});
|
||||
};
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
|
@ -0,0 +1,32 @@
|
|||
<div class="i-annc index-announcement-18">
|
||||
<style>
|
||||
@media (min-width: 992px){
|
||||
li.i-annc__item.col-md-4:nth-child(3n) {
|
||||
clear: left;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<h3 class="i-annc__page-title">{{widget-title}}</h3>
|
||||
<ul class="i-annc__list row" data-level="0" data-list="announcements">
|
||||
<li class="i-annc__item col-md-4">
|
||||
<div class="i-annc__content-wrap">
|
||||
<div class="i-annc__meta">
|
||||
<span class="i-annc__postdate-wrap" date-format="%Y-%m-%d">
|
||||
<span class="i-annc__postdate">{{postdate}}</span>
|
||||
</span>
|
||||
<span class="i-annc__category-wrap">
|
||||
<i class="fa fa-clone"></i>
|
||||
<span class="i-annc__category">{{category}}</span>
|
||||
</span>
|
||||
<span class="i-annc__status-wrap" data-list="statuses" data-level="1">
|
||||
<span class="i-annc__status label status {{status-class}}">{{status}}</span>
|
||||
</span>
|
||||
</div>
|
||||
<h4 class="i-annc__entry-title">
|
||||
<a class="i-annc__title" href="{{link_to_show}}">{{title}}</a>
|
||||
</h4>
|
||||
<p class="i-annc__subtitle">{{subtitle}}</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
|
@ -211,13 +211,13 @@
|
|||
"thumbnail": "annc_widget15_thumbs.png"
|
||||
},
|
||||
{
|
||||
"filename": "annc_widget19",
|
||||
"name": {
|
||||
"zh_tw": "19. 輪波兩欄文-slide ( 模組標題, 狀態, 日期, 類別, 標題, 副標題 )",
|
||||
"en": "19. 2-Column Standard Text -slide(widget-title, image, status, postdate, category, title, subtitle)"
|
||||
"filename": "annc_widget19",
|
||||
"name": {
|
||||
"zh_tw": "19. 輪波兩欄文-slide ( 模組標題, 狀態, 日期, 類別, 標題, 副標題 )",
|
||||
"en": "19. 2-Column Standard Text -slide(widget-title, image, status, postdate, category, title, subtitle)"
|
||||
},
|
||||
"thumbnail": "annc_widget19_thumbs.png"
|
||||
},
|
||||
"thumbnail": "annc_widget19_thumbs.png"
|
||||
},
|
||||
{
|
||||
"filename": "annc_widget20",
|
||||
"name": {
|
||||
|
|
@ -235,14 +235,13 @@
|
|||
"thumbnail": "annc_widget21_thumbs.png"
|
||||
},
|
||||
{
|
||||
"filename": "annc_widget22",
|
||||
"name": {
|
||||
"zh_tw": "22. 輪波8欄文原始-slide ( 模組標題, 狀態, 日期, 類別, 標題, 副標題 )",
|
||||
"en": "22. 8-Column Standard Text -slide(widget-title, image, status, postdate, category, title, subtitle)"
|
||||
"filename": "annc_widget22",
|
||||
"name": {
|
||||
"zh_tw": "22. 輪波8欄文原始-slide ( 模組標題, 狀態, 日期, 類別, 標題, 副標題 )",
|
||||
"en": "22. 8-Column Standard Text -slide(widget-title, image, status, postdate, category, title, subtitle)"
|
||||
},
|
||||
"thumbnail": "annc_widget22_thumbs.png"
|
||||
},
|
||||
"thumbnail": "annc_widget22_thumbs.png"
|
||||
},
|
||||
|
||||
{
|
||||
"filename": "annc_widget5",
|
||||
"name": {
|
||||
|
|
@ -362,6 +361,30 @@
|
|||
"en": "24. longshort2-Column Standard Image + Text (widget-title, image, status, postdate, category, title, subtitle)"
|
||||
},
|
||||
"thumbnail": "annc_widget24_thumbs.png"
|
||||
},
|
||||
{
|
||||
"filename": "annc_widget25",
|
||||
"name": {
|
||||
"zh_tw": "25. 三欄圖文 ( 模組標題, 圖片, 狀態, 日期, 類別, 標題, 副標題 )",
|
||||
"en": "25. 3-Column Standard Image + Text (widget-title, image, status, postdate, category, title, subtitle)"
|
||||
},
|
||||
"thumbnail": "annc_widget4_thumbs.png"
|
||||
},
|
||||
{
|
||||
"filename": "annc_widget26",
|
||||
"name": {
|
||||
"zh_tw": "26.5. 三欄圖文-slide ( 模組標題, 圖片, 狀態, 日期, 類別, 標題, 副標題 )",
|
||||
"en": "26.5. 3-Column Standard Image + Text -slide(widget-title, image, status, postdate, category, title, subtitle)"
|
||||
},
|
||||
"thumbnail": "annc_widget4_thumbs.png"
|
||||
},
|
||||
{
|
||||
"filename": "annc_widget27",
|
||||
"name": {
|
||||
"zh_tw": "27. 標準文字列表三欄 ( 模組標題, 日期, 類別, 狀態, 標題, 副標題 )",
|
||||
"en": "27. 3-Column Standard Text List (widget-title, postdate, category, status, title, subtitle)"
|
||||
},
|
||||
"thumbnail": "annc_index19_thumbs.png"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
@ -11,19 +11,13 @@
|
|||
.s-annc__sub-img.pull-left {
|
||||
margin-right: 2em;
|
||||
}
|
||||
.show-announcement{
|
||||
max-width: 800px;
|
||||
margin: auto;
|
||||
z-index: 1;
|
||||
position: relative;
|
||||
}
|
||||
</style>
|
||||
<article class="s-annc show-announcement">
|
||||
<h3 class="s-annc__show-title annc-title" aria-label="內頁公告標題">{{title}}</h3>
|
||||
<h1 class="s-annc__show-title">{{title}}</h1>
|
||||
|
||||
<ul class="s-annc__meta-wrap list-unstyled no-print">
|
||||
<li class="s-annc__date-wrap s-annc__meta--item">
|
||||
<i class="fa-regular fa-calendar"></i>
|
||||
<i class="fa fa-calendar-o"></i>
|
||||
<span class="s-annc__date" date-format="%Y-%m-%d">{{updated_at}}</span>
|
||||
</li>
|
||||
<li class="s-annc__author-wrap s-annc__meta--item">
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
<div class="i-archive index-archive-7">
|
||||
<div class="i-archive index-archive-5">
|
||||
<h3 class="i-archive-title">
|
||||
<span>{{page-title}}</span>
|
||||
</h3>
|
||||
|
|
@ -15,18 +15,20 @@
|
|||
</thead>
|
||||
<tbody class="tbody i-archive__category-list" data-list="archives" data-level="1">
|
||||
<tr class="archive-items">
|
||||
|
||||
<td class="date col-sm-2">{{created_at}}</td>
|
||||
<td class="head col-sm-4">{{archive-title}}</td>
|
||||
<span class="i-archive__status-wrap" data-list="statuses" data-level="2">
|
||||
|
||||
<span class="i-archive__status-wrap" data-list="statuses" data-level="2">
|
||||
<span class="i-archive__status label status {{status-class}}">{{status}}</span>
|
||||
</span>
|
||||
<td class="description col-sm-3">{{description}}</td>
|
||||
</span>
|
||||
</td>
|
||||
<td class="description col-sm-3" style="border-right: 0.05em solid #333;">{{description}}</td>
|
||||
<td class="i-archive__file-list col-sm-3" data-list="files" data-level="2">
|
||||
<a href="{{file-url}}" class="i-archive-files-item" target="{{target}}" data-toggle="tooltip" data-placement="bottom" title="{{file-name}}"><span class="label label-primary {{file-type}}">{{file-type}}</span></a>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</div>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -35,4 +35,17 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
$('[data-subpart-id="{{subpart-id}}"] .card-body a').on('focusin', function(){
|
||||
var _this = $(this);
|
||||
var card_flip = _this.parents('.card-flip');
|
||||
card_flip.addClass('hover-class');
|
||||
var off_hover = function(){
|
||||
card_flip.removeClass('hover-class');
|
||||
}
|
||||
_this.one('focusout', off_hover);
|
||||
})
|
||||
})
|
||||
</script>
|
||||
</div>
|
||||
|
|
@ -4,15 +4,13 @@
|
|||
</h3>
|
||||
<ul class="list-unstyled" data-level="0" data-list="web_link">
|
||||
<li class="widget-content">
|
||||
<a href="{{link_to_show}}" target="{{target}}" title="{{title_text}}">
|
||||
<div class="link-img-wrap{{display_image}}">
|
||||
<img src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
||||
</div>
|
||||
<a href="{{link_to_show}}" target="{{target}}" title="{{title_text}}">{{title}}</a>
|
||||
<a class="widget-content-title" href="{{link_to_show}}" target="{{target}}" title="{{title_text}}">{{title}}</a>
|
||||
<span data-list="statuses" data-level="1">
|
||||
<span class="label status {{status-class}}">{{status}}</span>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
|
@ -3,8 +3,7 @@
|
|||
<span>{{widget-title}}</span>
|
||||
</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="{{title_text}}">
|
||||
<li class="widget-content widget-content-horizontal">
|
||||
<div class="link-img-wrap{{display_image}}">
|
||||
<img src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
||||
</div>
|
||||
|
|
@ -12,14 +11,11 @@
|
|||
<span data-list="statuses" data-level="1">
|
||||
<span class="label status {{status-class}}">{{status}}</span>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="morebken">more<i class="fa-solid fa-chevron-down"></i></div>
|
||||
</div>
|
||||
<style type="text/css">
|
||||
.widget-content-horizontal{
|
||||
float: left;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
|
@ -7,13 +7,17 @@
|
|||
</div>
|
||||
|
||||
<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">
|
||||
<li class="widget-link__item col-md-3">
|
||||
<div class="liWrapper">
|
||||
<img class="widget-link__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<a class="btn-primary widget-link__more btn" href="{{more_url}}"><%= t("web_link.more") %></a>
|
||||
<div style="position: absolute;top: 55%;bottom: 50%;width:100%;">
|
||||
<button class="btn-left" title = "<%= (I18n.locale.to_s =="zh_tw") ? "上一張" : "prev" %>" style="float: left;height: 2.5em; width: 2.5em;background: url(/assets/link-left.png) no-repeat;border: 0;background-size: contain;position: absolute;transition:.3s; left: -1%;"></button>
|
||||
<button class="btn-right" title = "<%= (I18n.locale.to_s =="zh_tw") ? "下一張" : "next" %>" style="float: right;;height: 2.5em; width: 2.5em;background: url(/assets/link-right.png) no-repeat;background-size: contain;border: 0;position: absolute;transition:.3s;right: -2%;"></button>
|
||||
</div>
|
||||
<a class="widget-link__more btn" href="{{more_url}}"><%= t("web_link.more") %></a>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
|
|
@ -21,7 +25,6 @@
|
|||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
overflow: hidden;
|
||||
}
|
||||
.widget-3 li {
|
||||
background-color: #fff;
|
||||
|
|
@ -30,8 +33,19 @@
|
|||
max-height: 97px;
|
||||
}
|
||||
.widget-link__more {
|
||||
float: right;
|
||||
margin-top: 1em;
|
||||
background-color: #811515;
|
||||
font-size: 1.4em;
|
||||
color: white !important;
|
||||
display: block;
|
||||
width: 200px;
|
||||
text-align: center;
|
||||
border-radius: 5px;
|
||||
bottom: 8px;
|
||||
margin: 50px auto 0 auto !important;
|
||||
padding: 15px 10px;
|
||||
}
|
||||
.widget-link__more:hover {
|
||||
background-color: #6b1111;
|
||||
}
|
||||
</style>
|
||||
<script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
|
||||
|
|
|
|||
|
|
@ -13,8 +13,7 @@
|
|||
<li class="widget-link__item">
|
||||
<div class="liWrapper">
|
||||
<a class="widget-content-title" href="{{link_to_show}}" target="{{target}}" title="{{title_text}}">
|
||||
<img class="widget-link__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}"><br />
|
||||
{{title}}
|
||||
<img class="widget-link__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
||||
</a>
|
||||
</div>
|
||||
</li>
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@
|
|||
<div class="widget-link_wrapper">
|
||||
<div class="cycle-slideshow widget-content" style="margin: 0em 3.125em;"
|
||||
data-level="0" data-list="web_link" data-cycle-slides="> li"
|
||||
data-cycle-fx="carousel" data-cycle-timeout="0" data-cycle-carousel-visible="4"
|
||||
data-cycle-fx="carousel" data-cycle-timeout="0" data-cycle-carousel-visible="5"
|
||||
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">
|
||||
|
|
|
|||
|
|
@ -1,38 +1,52 @@
|
|||
<div class="widget-link widget7">
|
||||
<h3 class="widget-title">
|
||||
<span>{{widget-title}}</span>
|
||||
</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="{{title_text}}">
|
||||
<div class="link-img-wrap{{display_image}}">
|
||||
<img src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
||||
</div>
|
||||
<a class="widget-content-title" href="{{link_to_show}}" target="{{target}}" title="{{title_text}}">{{title}}</a>
|
||||
<span data-list="statuses" data-level="1">
|
||||
<span class="label status {{status-class}}">{{status}}</span>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<!-- <div class="morebken"><div class="openmorebken"></div><i class="fa-solid fa-chevron-down"></i></div> -->
|
||||
<div class="widget-link widget4 widget-7">
|
||||
<div class="widget-link__more-wrap clearfix">
|
||||
<h2 class="widget-link__widget-title">
|
||||
<span>{{widget-title}}</span>
|
||||
</h2>
|
||||
</div>
|
||||
<div class="widget-link_wrapper">
|
||||
<div class="cycle-slideshow widget-content" style="margin: 0em 3em;"
|
||||
data-level="0" data-list="web_link" data-cycle-slides="> li"
|
||||
data-cycle-fx="carousel" data-cycle-timeout="0" data-cycle-carousel-visible="3"
|
||||
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">
|
||||
<div class="liWrapper">
|
||||
<img class="widget-link__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
||||
</div>
|
||||
<h4 class="widget-content-title"><a href="{{link_to_show}}" target="{{target}}" title="{{title_text}}">{{title}}</a></h4>
|
||||
<br>
|
||||
<div class="widget-content-context"><a class="widget-content-title" href="{{link_to_show}}" target="{{target}}" title="{{title_text}}">{{context}}</a></div>
|
||||
</li>
|
||||
</div>
|
||||
<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>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<script>
|
||||
$('[data-subpart-id="{{subpart-id}}"] .next-button').click(function(){
|
||||
$(this).parent("ul").siblings('.widget-content').cycle("next");
|
||||
})
|
||||
$('[data-subpart-id="{{subpart-id}}"] .prev-button').click(function(){
|
||||
$(this).parent("ul").siblings('.widget-content').cycle("prev");
|
||||
})
|
||||
</script>
|
||||
<style type="text/css">
|
||||
.widget-content-horizontal{
|
||||
float: left;
|
||||
.widget-link_wrapper{
|
||||
position: relative;
|
||||
}
|
||||
.openmorebken{
|
||||
&:before{
|
||||
content: '展開';
|
||||
display: block;
|
||||
position: relative;
|
||||
}
|
||||
.widget-link.widget-4 .button-mid{
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 0;
|
||||
top: 50%;
|
||||
}
|
||||
.closemorebken{
|
||||
&:before{
|
||||
content: '關閉'!important;
|
||||
display: block;
|
||||
position: relative;
|
||||
}
|
||||
.widget-link.widget-4 .button-mid .fa{
|
||||
cursor: pointer;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -6,7 +6,7 @@
|
|||
"zh_tw" : "1. 列表 ( 模組標題, 連結, 連結說明 )",
|
||||
"en" : "1. List (widget-title, link, link description)"
|
||||
},
|
||||
"thumbnail" : "web_res_index1_thumb.png"
|
||||
"thumbnail" : "thumb.png"
|
||||
},
|
||||
{
|
||||
"filename" : "web_res_index2",
|
||||
|
|
@ -14,7 +14,7 @@
|
|||
"zh_tw" : "2. 三欄式列表 ( 模組標題, 連結, 連結說明 )",
|
||||
"en" : "2. 3 column List (widget-title, link, link description)"
|
||||
},
|
||||
"thumbnail" : "web_res_index2_thumb.png"
|
||||
"thumbnail" : "thumb.png"
|
||||
}
|
||||
],
|
||||
"widgets" : [
|
||||
|
|
@ -24,7 +24,7 @@
|
|||
"zh_tw" : "1. 直式列表 ( 模組標題, 連結 )",
|
||||
"en" : "1. Vertical List (widget-title, link)"
|
||||
},
|
||||
"thumbnail" : "web_res_widget1_thumb.png"
|
||||
"thumbnail" : "thumb.png"
|
||||
},
|
||||
{
|
||||
"filename" : "web_res_widget2",
|
||||
|
|
@ -32,7 +32,7 @@
|
|||
"zh_tw" : "2. 橫式列表 ( 模組標題, 連結 )",
|
||||
"en" : "2. Horizontal List (widget-title, link)"
|
||||
},
|
||||
"thumbnail" : "web_res_widget2_thumb.png"
|
||||
"thumbnail" : "thumb.png"
|
||||
},
|
||||
{
|
||||
"filename" : "web_res_widget3",
|
||||
|
|
@ -40,7 +40,7 @@
|
|||
"zh_tw" : "3. 輪播1(slide)",
|
||||
"en" : "3. Banner 1(slide)"
|
||||
},
|
||||
"thumbnail" : "web_res_widget3_thumb.png"
|
||||
"thumbnail" : "thumb.png"
|
||||
},
|
||||
{
|
||||
"filename" : "web_res_widget4",
|
||||
|
|
@ -48,7 +48,7 @@
|
|||
"zh_tw" : "4. 輪播2(carousel 4)",
|
||||
"en" : "4. Banner 2(carousel 4)"
|
||||
},
|
||||
"thumbnail" : "web_res_widget4_thumb.png"
|
||||
"thumbnail" : "thumb.png"
|
||||
},
|
||||
{
|
||||
"filename" : "web_res_widget5",
|
||||
|
|
@ -56,7 +56,7 @@
|
|||
"zh_tw" : "5. 輪播3(carousel 5)",
|
||||
"en" : "5. Banner 3(carousel 5)"
|
||||
},
|
||||
"thumbnail" : "web_res_widget5_thumb.png"
|
||||
"thumbnail" : "thumb.png"
|
||||
},
|
||||
{
|
||||
"filename" : "web_res_widget6",
|
||||
|
|
@ -64,23 +64,15 @@
|
|||
"zh_tw" : "6. 輪播4 - 僅有圖片，無標題(carousel 5)",
|
||||
"en" : "6. Banner 4 - Only Images, No title(carousel 5)"
|
||||
},
|
||||
"thumbnail" : "web_res_widget6_thumb.png"
|
||||
},
|
||||
{
|
||||
"filename" : "web_res_widget7",
|
||||
"name" : {
|
||||
"zh_tw" : "7. 圓形橫式列表 ( 模組標題, 連結 )",
|
||||
"en" : "7. Horizontal List (widget-title, link)"
|
||||
},
|
||||
"thumbnail" : "web_res_widget7_thumb.png"
|
||||
},
|
||||
{
|
||||
"filename" : "web_res_widget8",
|
||||
"name" : {
|
||||
"zh_tw" : "8. 橫式列表兩欄 ( 模組標題, 連結 )",
|
||||
"en" : "8. Horizontal List (widget-title, link)"
|
||||
},
|
||||
"thumbnail" : "web_res_widget8_thumb.png"
|
||||
}
|
||||
"thumbnail" : "thumb.png"
|
||||
},
|
||||
{
|
||||
"filename" : "web_res_widget7",
|
||||
"name" : {
|
||||
"zh_tw" : "7. 輪播5(carousel 3)，顯示標題、描述",
|
||||
"en" : "7. Banner 5(carousel 3), title, description"
|
||||
},
|
||||
"thumbnail" : "thumb.png"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,14 +1,14 @@
|
|||
<div class="index-link index1">
|
||||
<h3 class="index-title">
|
||||
<h1 class="index-title">
|
||||
<span>{{page-title}}</span>
|
||||
</h3>
|
||||
</h1>
|
||||
<ul class="list-unstyled" data-list="web_link" data-level="0">
|
||||
<li class="index-content">
|
||||
<a class="index-content-title" href="{{link_to_show}}" target="{{target}}" title="{{title_text}}">
|
||||
<div class="link-img-wrap{{display_image}}">
|
||||
<img src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
||||
</div>
|
||||
<h4>
|
||||
<div class="link-img-wrap{{display_image}}">
|
||||
<img src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
||||
</div>
|
||||
{{title}}
|
||||
<span data-list="statuses" data-level="1">
|
||||
<span class="label status {{status-class}}">{{status}}</span>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<div class="index-link index2">
|
||||
<h3 class="index-title">
|
||||
<h1 class="index-title">
|
||||
<span>{{page-title}}</span>
|
||||
</h3>
|
||||
</h1>
|
||||
<ul class="list-unstyled" data-list="web_link" data-level="0">
|
||||
<li class="index-content col-md-4 col-sm-4">
|
||||
<a class="index-content-title" href="{{link_to_show}}" target="{{target}}" title="{{title_text}}">
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<div class="sitemenu-wrap sitemenu-horizontal no-print">
|
||||
{{expand-script}}
|
||||
<a id="accesskey_sitemenu" accesskey="S" href="/<%= "#{locale.to_s}" %>/accesskey" title="Sitemenu">:::</a>
|
||||
<h3 class="sitemenu-title" aria-label="次選單標題">{{widget_title}}</h3>
|
||||
<h3 class="sitemenu-title">{{widget_title}}</h3>
|
||||
<ul data-list="pages" class="sitemenu-list level-1 list-unstyled" data-level="0">
|
||||
<li class="sitemenu-item level-1 {{active_class}}">
|
||||
<a class="sitemenu-link level-1" href="{{url}}" target="{{target}}">{{page_name}}</a>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<div class="sitemenu-wrap sitemenu-vertical no-print">
|
||||
{{expand-script}}
|
||||
<a id="accesskey_sitemenu" accesskey="S" href="/<%= "#{locale.to_s}" %>/accesskey" title="Sitemenu">:::</a>
|
||||
<h3 class="sitemenu-title" aria-label="次選單標題">{{widget_title}}</h3>
|
||||
<h3 class="sitemenu-title">{{widget_title}}</h3>
|
||||
<ul data-list="pages" class="sitemenu-list level-1 list-unstyled" data-level="0">
|
||||
<li class="sitemenu-item level-1 {{active_class}}">
|
||||
<a class="sitemenu-link level-1" href="{{url}}" target="{{target}}">{{page_name}}</a>
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
"zh_tw" : "1. 橫式 ( 模組標題, 網站第二層選單, 網站第三層選單 )",
|
||||
"en" : "1. Horizontal (widget-title, second level dropdown, third level dropdown)"
|
||||
},
|
||||
"thumbnail" : "site_menu_widget1_thumbs.png"
|
||||
"thumbnail" : "thumb.png"
|
||||
},
|
||||
{
|
||||
"filename" : "site_menu_widget2",
|
||||
|
|
@ -14,24 +14,7 @@
|
|||
"zh_tw" : "1. 直式 ( 模組標題, 網站第二層選單, 網站第三層選單 )",
|
||||
"en" : "1. Vertical (widget-title, second level dropdown, third level dropdown)"
|
||||
},
|
||||
"thumbnail" : "site_menu_widget2_thumbs.png"
|
||||
},
|
||||
{
|
||||
"filename" : "site_menu_widget3",
|
||||
"name" : {
|
||||
"zh_tw" : "2. 直式 ( 模組標題, 網站第二層選單, 網站第三層選單 )",
|
||||
"en" : "2. Vertical2 (widget-title, second level dropdown, third level dropdown)"
|
||||
},
|
||||
"thumbnail" : "site_menu_widget3_thumbs.png"
|
||||
},
|
||||
{
|
||||
"filename" : "site_menu_widget4",
|
||||
"name" : {
|
||||
"zh_tw" : "2. 橫式 ( 模組標題, 網站第二層選單, 網站第三層選單 )",
|
||||
"en" : "2. Horizontal2 (widget-title, second level dropdown, third level dropdown)"
|
||||
},
|
||||
"thumbnail" : "site_menu_widget4_thumbs.png"
|
||||
}
|
||||
|
||||
"thumbnail" : "thumb.png"
|
||||
}
|
||||
]
|
||||
}
|
||||
Loading…
Reference in New Issue