'css'
|
After Width: | Height: | Size: 348 KiB |
|
Before Width: | Height: | Size: 29 KiB |
|
|
@ -994,7 +994,7 @@ $(document).ready(function () {
|
|||
$(this).text(`・觀看次數:${number}次`); // 更新內容格式
|
||||
}
|
||||
});
|
||||
$(".movie_desc").before('<div class="movietitle"><h4>單元介紹</h4></div>');
|
||||
$(".movie_desc").before('<div class="movietitle"><h4>影片內容</h4></div>');
|
||||
$(".movie_desc").each(function () {
|
||||
var decodedHtml = $("<div/>").html($(this).text()).html(); // 轉換轉義的 HTML
|
||||
$(this).html(decodedHtml); // 設置為真正的 HTML
|
||||
|
|
@ -1079,7 +1079,7 @@ $(document).ready(function () {
|
|||
});
|
||||
|
||||
});
|
||||
|
||||
//rucaptcha-image
|
||||
$(document).ready(function () {
|
||||
$('.rucaptcha-image').removeAttr('onload');
|
||||
|
||||
|
|
@ -1203,6 +1203,20 @@ $(document).ready(function() {
|
|||
// if($('.show-announcement').hasClass('show-announcement')) {
|
||||
// $('.').css('', '');
|
||||
// }
|
||||
|
||||
if($('.s-annc').length){
|
||||
$(".carousel_images h4").remove();
|
||||
$('.carousel_images').addClass('carousel_images2');
|
||||
$(".carousel_images .w-ba-banner").next("div").find(".button-mid").remove();
|
||||
$(".s-annc__post-wrap").next("hr").remove();
|
||||
// $(".carousel_images").insertAfter(".s-annc__meta-wrap");
|
||||
$('.breadcrumb-wrap').css('display', 'block');
|
||||
// $(".main-content").css({
|
||||
// "max-width": "920px",
|
||||
// "margin": "auto"
|
||||
// });
|
||||
}
|
||||
$('.s-annc__tag-wrap ').after($('.s-annc__post-orbithashtags'));
|
||||
$('a').each(function () {
|
||||
const $a = $(this);
|
||||
|
||||
|
|
@ -1553,7 +1567,22 @@ $(document).ready(function() {
|
|||
});
|
||||
|
||||
});
|
||||
//萬用表格查詢按鈕翻中英
|
||||
$(document).ready(function () {
|
||||
const lang = $('html').attr('lang');
|
||||
|
||||
if (lang === 'en') {
|
||||
$('.searchbtn2').each(function () {
|
||||
$(this).attr('title', 'Search'); // 修改 tooltip
|
||||
$(this).html('<i class="fa-solid fa-magnifying-glass"></i> Search'); // 修改按鈕文字
|
||||
});
|
||||
} else if (lang === 'zh_tw') {
|
||||
$('.searchbtn2').each(function () {
|
||||
$(this).attr('title', '查詢');
|
||||
$(this).html('<i class="fa-solid fa-magnifying-glass"></i>查詢');
|
||||
});
|
||||
}
|
||||
});
|
||||
$(document).ready(function () {
|
||||
$('.controlplay a[role="radio"]').on('click', function () {
|
||||
// 取消所有的 aria-checked 並還原文字
|
||||
|
|
|
|||
|
|
@ -18,13 +18,14 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
.page-home{
|
||||
|
||||
.unity-title {
|
||||
span{
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
&:before{
|
||||
background: url(/assets/titleicon.png) no-repeat left center;
|
||||
display: block;
|
||||
|
|
@ -39,7 +40,7 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Title
|
||||
.unity-title {
|
||||
line-height: 1.5;
|
||||
|
|
|
|||
|
|
@ -56,7 +56,7 @@
|
|||
}
|
||||
.header-banner { overflow: hidden; }
|
||||
.header-nav {
|
||||
padding:1em 0 0 0;
|
||||
padding:0;
|
||||
font-family: $main-font;
|
||||
text-transform:uppercase;
|
||||
display: flex;
|
||||
|
|
|
|||
|
|
@ -8,6 +8,28 @@
|
|||
|
||||
// Widget
|
||||
// ## gerenral styles
|
||||
ul.button-mid{
|
||||
.prev-button{
|
||||
height: 2em !important;
|
||||
width: 2em !important;
|
||||
font-size: 1em !important;
|
||||
line-height: 2rem !important;
|
||||
border-radius: 1em;
|
||||
&:hover {
|
||||
background: rgba(0,0,0,0.1);
|
||||
}
|
||||
}
|
||||
.next-button{
|
||||
height: 2em !important;
|
||||
width: 2em !important;
|
||||
font-size: 1em !important;
|
||||
line-height: 2rem !important;
|
||||
border-radius: 1em;
|
||||
&:hover {
|
||||
background: rgba(0,0,0,0.1);
|
||||
}
|
||||
}
|
||||
}
|
||||
ul.button-mid{
|
||||
margin:0;
|
||||
z-index: 201;
|
||||
|
|
@ -69,7 +91,7 @@ iframe{
|
|||
@include list-reset;
|
||||
position: absolute;
|
||||
bottom: 0.5rem!important;
|
||||
z-index: 1000;
|
||||
z-index: 100;
|
||||
text-align:center;
|
||||
width: 100%;
|
||||
li {
|
||||
|
|
@ -234,7 +256,7 @@ ul.button-mid{
|
|||
.banner-pager {
|
||||
right: 1em;
|
||||
top: -2em;
|
||||
z-index: 102;
|
||||
z-index: 100;
|
||||
display: none;
|
||||
}
|
||||
.button-mid{
|
||||
|
|
@ -306,7 +328,7 @@ ul.button-mid{
|
|||
padding: 3.5em 5em;
|
||||
background-image: linear-gradient(180deg, transparent 0, #00000066 40%, #000);
|
||||
position: absolute;
|
||||
z-index: 999;
|
||||
z-index: 99;
|
||||
color: #fff;
|
||||
}
|
||||
.w-ba-banner__caption {
|
||||
|
|
@ -357,7 +379,7 @@ ul.button-mid{
|
|||
.banner-pager {
|
||||
right: 1em;
|
||||
top: -2em;
|
||||
z-index: 102;
|
||||
z-index: 100;
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
|
@ -400,10 +422,8 @@ ul.button-mid{
|
|||
.ba-banner-widget-5 {
|
||||
margin: 1em 0;
|
||||
.slide-img {
|
||||
@media(min-width:769px){
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
.slide-content {
|
||||
z-index: 200;
|
||||
font-family: $main-font;
|
||||
|
|
|
|||
|
|
@ -53,11 +53,17 @@
|
|||
.w-annc__table{
|
||||
background-color: #fff;
|
||||
.w-annc__th{
|
||||
border-bottom: 0.125em solid #ddd;
|
||||
// border-bottom: 0.125em solid #ddd;
|
||||
}
|
||||
tr{
|
||||
@media(max-width: $screen-xs){
|
||||
margin-bottom: 10px;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
width: 100%;
|
||||
td{
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -294,9 +300,6 @@
|
|||
.w-annc__list > .w-annc__item:nth-child(3n+1) {
|
||||
clear: both;
|
||||
}
|
||||
.w-annc__entry-title {
|
||||
height: 2.5em;
|
||||
}
|
||||
.w-annc__img-wrap {
|
||||
height: 14.5em;
|
||||
margin:0;
|
||||
|
|
@ -908,7 +911,6 @@
|
|||
font-family: $main-font;
|
||||
font-weight: bold;
|
||||
}
|
||||
.w-annc__widget-title { float: left; }
|
||||
.w-annc__more {
|
||||
margin-top: 1.5em;
|
||||
display: none;
|
||||
|
|
@ -2066,6 +2068,9 @@
|
|||
}
|
||||
//widget 15
|
||||
.widget-announcement-15 {
|
||||
.w-annc__entry-title{
|
||||
height: 2.5em;
|
||||
}
|
||||
.cycle-carousel-wrap{
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
|
|
@ -2479,7 +2484,6 @@
|
|||
.i-annc__item {
|
||||
list-style: none;
|
||||
overflow: hidden;
|
||||
border-bottom: 1px solid #bbb;
|
||||
padding: 1em 0;
|
||||
// box-shadow: #0000004d 0 0 4px;
|
||||
// background: #fff;
|
||||
|
|
@ -2518,7 +2522,7 @@
|
|||
}
|
||||
}
|
||||
tr{
|
||||
border: 0.0625em solid #ddd!important;
|
||||
// border: 0.0625em solid #ddd!important;
|
||||
}
|
||||
td {
|
||||
font-size: 1rem;
|
||||
|
|
@ -2599,7 +2603,9 @@ table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, table.dataT
|
|||
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before {
|
||||
background-color: $theme-gray !important;
|
||||
}
|
||||
|
||||
.i-annc__table{
|
||||
border: 0.0625em solid #ddd !important;
|
||||
}
|
||||
.i-annc__table .child span.dtr-data li {
|
||||
padding: 0 0.5em;
|
||||
}
|
||||
|
|
@ -2756,11 +2762,13 @@ table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, tabl
|
|||
clear: both;
|
||||
|
||||
}
|
||||
|
||||
.i-annc__content-wrap{
|
||||
margin: 0.5em;
|
||||
}
|
||||
.i-annc__img-wrap {
|
||||
overflow: hidden;
|
||||
height: 13.5em;
|
||||
margin: 1em 0.5em;
|
||||
margin: 0.5em;
|
||||
img {
|
||||
@media (max-width:767px) {
|
||||
transform: scale(1) !important;
|
||||
|
|
@ -2880,7 +2888,7 @@ table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, tabl
|
|||
// Index-13
|
||||
.index-announcement-13 {
|
||||
thead{
|
||||
border-bottom: 0.125em solid #ddd;
|
||||
|
||||
}
|
||||
.child{
|
||||
li{
|
||||
|
|
@ -2904,7 +2912,7 @@ table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, tabl
|
|||
// Index-14
|
||||
.index-announcement-14 {
|
||||
thead{
|
||||
border-bottom: 0.125em solid #ddd;
|
||||
// border-bottom: 0.125em solid #ddd;
|
||||
}
|
||||
.child{
|
||||
li{
|
||||
|
|
@ -2980,8 +2988,12 @@ table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, tabl
|
|||
// Index-17
|
||||
.index-announcement-17 {
|
||||
@media(max-width: $screen-xs){
|
||||
.i-annc__table{
|
||||
border: 0 !important;
|
||||
}
|
||||
tr{
|
||||
margin-bottom: 10px;
|
||||
border: 0.0625em solid #ddd !important;
|
||||
}
|
||||
th{
|
||||
width: 100%;
|
||||
|
|
@ -3205,7 +3217,8 @@ table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, tabl
|
|||
border-radius: 4px;
|
||||
behavior: url("/assets/ie_support/PIE2/PIE.htc");
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px
|
||||
-moz-border-radius: 4px;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.VivaTimeline dl dd {
|
||||
|
|
@ -3464,6 +3477,7 @@ table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, tabl
|
|||
border-radius: 10px;
|
||||
transition: all 0.3s;
|
||||
width: calc( 100%/5 - 1.5em);
|
||||
margin-bottom: 1em;
|
||||
&:hover{
|
||||
box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.5);
|
||||
transform: translateY(-5px);
|
||||
|
|
|
|||
|
|
@ -7,6 +7,11 @@
|
|||
//
|
||||
// Widget
|
||||
// ## gerenral styles
|
||||
.i-archive__list{
|
||||
.date-thead{
|
||||
min-width: 4em;
|
||||
}
|
||||
}
|
||||
.i-archive{
|
||||
tr{
|
||||
border: 0.0625em solid #ddd!important;
|
||||
|
|
|
|||
|
|
@ -1,6 +1,12 @@
|
|||
@charset "utf-8";
|
||||
|
||||
@import "../initial";
|
||||
[data-list="event_news_links"]{
|
||||
padding: 0;
|
||||
li{
|
||||
list-style: none;
|
||||
}
|
||||
}
|
||||
.w-annc__list{
|
||||
clear: both;
|
||||
}
|
||||
|
|
@ -431,7 +437,6 @@
|
|||
@media(max-width: $screen-xs){
|
||||
tr{
|
||||
margin-bottom: 10px;
|
||||
// border: 0.125em solid #ddd !important;
|
||||
}
|
||||
th{
|
||||
width: 100%;
|
||||
|
|
@ -586,7 +591,8 @@
|
|||
.index-eventnews-11 {
|
||||
|
||||
.i-annc__item{
|
||||
width: 100%
|
||||
width: 100%;
|
||||
border-bottom: 0.0625em solid #ddd;
|
||||
}
|
||||
.child{
|
||||
li{
|
||||
|
|
@ -608,29 +614,19 @@
|
|||
// Index-12
|
||||
.index-eventnews-12 {
|
||||
.i-annc__item{
|
||||
width: 100%
|
||||
width: 100%;
|
||||
border-bottom: 0.0625em solid #ddd;
|
||||
}
|
||||
.child{
|
||||
li{
|
||||
list-style: none;
|
||||
}
|
||||
}
|
||||
@media(max-width: $screen-xs){
|
||||
.i-annc__th--date{
|
||||
width:50%!important;
|
||||
}
|
||||
.i-annc__th--title{
|
||||
width:50%!important;
|
||||
}
|
||||
}
|
||||
table tr{
|
||||
flex-wrap: unset!important;
|
||||
}
|
||||
}
|
||||
// Index-13
|
||||
.index-eventnews-13 {
|
||||
thead{
|
||||
border-bottom: 0.125em solid #ddd;
|
||||
|
||||
}
|
||||
.child{
|
||||
li{
|
||||
|
|
@ -654,7 +650,7 @@
|
|||
// Index-14
|
||||
.index-eventnews-14 {
|
||||
thead{
|
||||
border-bottom: 0.125em solid #ddd;
|
||||
|
||||
}
|
||||
.child{
|
||||
li{
|
||||
|
|
@ -747,7 +743,7 @@
|
|||
@media(max-width: $screen-xs){
|
||||
tr{
|
||||
margin-bottom: 10px;
|
||||
// border: 0.125em solid #ddd !important;
|
||||
|
||||
}
|
||||
th{
|
||||
width: 100%;
|
||||
|
|
@ -781,7 +777,7 @@
|
|||
@media(max-width: $screen-xs){
|
||||
tr{
|
||||
margin-bottom: 10px;
|
||||
// border: 0.125em solid #ddd !important;
|
||||
|
||||
}
|
||||
th{
|
||||
width: 100%;
|
||||
|
|
@ -1182,3 +1178,31 @@
|
|||
.widget-event-news-calendar-2.w-calendar .w-calendar-title{
|
||||
background:$theme-color-second;
|
||||
}
|
||||
|
||||
|
||||
.carousel_images_slide{
|
||||
transform: scale(0.8);
|
||||
width: 10em;
|
||||
margin: auto!important;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
.carousel_img-wrap{
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
border-radius: 2em;
|
||||
overflow: hidden;
|
||||
-webkit-filter: grayscale(100%);
|
||||
filter: grayscale(100%);
|
||||
backdrop-filter: saturate(180%) blur(20px);
|
||||
img{
|
||||
border-radius: 1em;
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
.carousel_images_slide{
|
||||
margin-top: 1em !important;
|
||||
}
|
||||
.carousel_img_item{
|
||||
display: block!important;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
@ -471,6 +471,13 @@
|
|||
// Show page
|
||||
.show-member {
|
||||
font-family: $sub-font;
|
||||
.memberul{
|
||||
padding: 0;
|
||||
li{
|
||||
margin-bottom: 0.5em;
|
||||
list-style: none;
|
||||
}
|
||||
}
|
||||
|
||||
th, td {
|
||||
font-size: 0.938em;
|
||||
|
|
@ -526,3 +533,8 @@
|
|||
.member-data { width: 100%; }
|
||||
}
|
||||
}
|
||||
.show-member{
|
||||
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
|
||||
border: 0;
|
||||
}
|
||||
}
|
||||
|
|
@ -2,79 +2,79 @@
|
|||
|
||||
@import "../initial";
|
||||
|
||||
// 選單樣式2
|
||||
.modules-menu .modules-menu-level-1 > li:hover, .modules-menu .modules-menu-level-1 > li.hover-class{
|
||||
background-color: transparent!important;
|
||||
>a{
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
.modules-menu{
|
||||
@media (min-width: $screen-sm){
|
||||
li{
|
||||
padding-left: 0!important;
|
||||
}
|
||||
.modules-menu-level-1 > li > a{
|
||||
color: $theme-color-second!important;
|
||||
}
|
||||
}
|
||||
.modules-menu-level-0 > li{
|
||||
@media (min-width: $screen-sm){
|
||||
position: static!important;
|
||||
}
|
||||
}
|
||||
|
||||
.modules-menu-level-1{
|
||||
|
||||
@media (min-width: $screen-sm){
|
||||
min-width:unset;
|
||||
flex-wrap: wrap;
|
||||
justify-content: flex-start;
|
||||
display: flex!important;
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
width: 100vw!important;
|
||||
box-shadow: 2px 2px 5px #00000033;
|
||||
margin:0;
|
||||
padding:1em 13% 3em!important;
|
||||
transition-duration: 0.5s;
|
||||
background: #f0f0f0;
|
||||
}
|
||||
}
|
||||
.modules-menu-level-0 > li:hover .modules-menu-level-1, .modules-menu .modules-menu-level-0 > li.hover-class .modules-menu-level-1{
|
||||
visibility: visible!important;
|
||||
opacity: 1!important;
|
||||
}
|
||||
|
||||
.modules-menu-level-2 {
|
||||
right:auto!important;
|
||||
display: block;
|
||||
top: auto!important;
|
||||
left: auto!important;
|
||||
background-color: transparent!important;
|
||||
position: relative!important;
|
||||
}
|
||||
.modules-menu-level-1{
|
||||
@media (min-width: $screen-sm) {
|
||||
& > li {
|
||||
width: 25%;
|
||||
& > a {
|
||||
padding-left: 1em;
|
||||
padding: 5px 0;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
.modules-menu-level-2 {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
.modules-menu-level-2{
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// // 選單樣式2
|
||||
// .modules-menu .modules-menu-level-1 > li:hover, .modules-menu .modules-menu-level-1 > li.hover-class{
|
||||
// background-color: transparent!important;
|
||||
// >a{
|
||||
// text-decoration: underline;
|
||||
// }
|
||||
// }
|
||||
// .modules-menu{
|
||||
// @media (min-width: $screen-sm){
|
||||
// li{
|
||||
// padding-left: 0!important;
|
||||
// }
|
||||
// .modules-menu-level-1 > li > a{
|
||||
// color: $theme-color-second!important;
|
||||
// }
|
||||
// }
|
||||
// .modules-menu-level-0 > li{
|
||||
// @media (min-width: $screen-sm){
|
||||
// position: static!important;
|
||||
// }
|
||||
// }
|
||||
//
|
||||
// .modules-menu-level-1{
|
||||
//
|
||||
// @media (min-width: $screen-sm){
|
||||
// min-width:unset;
|
||||
// flex-wrap: wrap;
|
||||
// justify-content: flex-start;
|
||||
// display: flex!important;
|
||||
// visibility: hidden;
|
||||
// opacity: 0;
|
||||
// width: 100vw!important;
|
||||
// box-shadow: 2px 2px 5px #00000033;
|
||||
// margin:0;
|
||||
// padding:1em 13% 3em!important;
|
||||
// transition-duration: 0.5s;
|
||||
// background: #f0f0f0;
|
||||
// }
|
||||
// }
|
||||
// .modules-menu-level-0 > li:hover .modules-menu-level-1, .modules-menu .modules-menu-level-0 > li.hover-class .modules-menu-level-1{
|
||||
// visibility: visible!important;
|
||||
// opacity: 1!important;
|
||||
// }
|
||||
//
|
||||
// .modules-menu-level-2 {
|
||||
// right:auto!important;
|
||||
// display: block;
|
||||
// top: auto!important;
|
||||
// left: auto!important;
|
||||
// background-color: transparent!important;
|
||||
// position: relative!important;
|
||||
// }
|
||||
// .modules-menu-level-1{
|
||||
// @media (min-width: $screen-sm) {
|
||||
// & > li {
|
||||
// width: 25%;
|
||||
// & > a {
|
||||
// padding-left: 1em;
|
||||
// padding: 5px 0;
|
||||
// }
|
||||
//
|
||||
// &:hover {
|
||||
// .modules-menu-level-2 {
|
||||
// display: block;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// .modules-menu-level-2{
|
||||
// display: block;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
//固定選單
|
||||
.navFixed {
|
||||
|
|
@ -419,6 +419,7 @@
|
|||
}
|
||||
|
||||
&:hover {
|
||||
/* background-color: $theme-color-second;*/
|
||||
@media(max-width: 769px){
|
||||
a,i {
|
||||
color:$theme-color-second;
|
||||
|
|
|
|||
|
|
@ -1,6 +1,7 @@
|
|||
@charset "utf-8";
|
||||
|
||||
@import "../initial";
|
||||
|
||||
.universal-table-index tbody{
|
||||
width:100% ;
|
||||
}
|
||||
|
|
@ -104,6 +105,7 @@
|
|||
@media(max-width: $screen-xs){
|
||||
margin-top: 0.5em;
|
||||
right:0;
|
||||
top:-4em;
|
||||
}
|
||||
.searchbtn2, .universal-btn {
|
||||
line-height: 2em;
|
||||
|
|
@ -166,7 +168,6 @@
|
|||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
padding: 0;
|
||||
margin-top: 3em;
|
||||
}
|
||||
|
||||
.row > div {
|
||||
|
|
@ -329,3 +330,41 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
#hashtag-wordcloud {
|
||||
width: 800px!important;
|
||||
height: 500px!important;
|
||||
}
|
||||
|
||||
/* 讓外層容器可以左右滑動 */
|
||||
#hashtag-wordcloud-wrapper {
|
||||
overflow-x: auto;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
#hashtag-wordcloud{
|
||||
margin-top: 1.5em;
|
||||
position: relative;
|
||||
margin:1.5em auto;
|
||||
width: 80%;
|
||||
height:400px;
|
||||
overflow: hidden;
|
||||
a{
|
||||
border-radius: 0.5em;
|
||||
padding: 0.2em;
|
||||
&:hover{
|
||||
-webkit-transform: translateY(-6px);
|
||||
-ms-transform: translateY(-6px);
|
||||
transform: translateY(-6px);
|
||||
box-shadow: 0 12px 24px #0000004d, 0 10px 10px #00000033;
|
||||
-webkit-box-shadow: 0 12px 24px #0000004d, 0 10px 10px #00000033;
|
||||
-webkit-transition: all .3s ease;
|
||||
-moz-transition: all .3s ease;
|
||||
-ms-transition: all .3s ease;
|
||||
-o-transition: all .3s ease;
|
||||
transition: all .3s ease;
|
||||
filter: brightness(0.4) saturate(1.3);
|
||||
transform: scale(1.1);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -964,3 +964,6 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
// .wordcloud-link{
|
||||
// font-size: 1.2em;
|
||||
// }
|
||||
|
|
@ -5,10 +5,15 @@
|
|||
z-index: 1;
|
||||
position: relative;
|
||||
}
|
||||
.sitemenu-title{
|
||||
@extend .unity-title;
|
||||
}
|
||||
.sitemenu-wrap{
|
||||
// padding-right: 0.9375em!important;
|
||||
// padding-left: 0.9375em!important;
|
||||
margin-bottom: 1em;
|
||||
z-index: 1;
|
||||
position: relative;
|
||||
}
|
||||
.sitemenu-item{
|
||||
list-style: none;
|
||||
|
|
|
|||
|
|
@ -53,7 +53,7 @@
|
|||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
|
||||
<script src="//code.jquery.com/ui/1.13.2/jquery-ui.js"></script>
|
||||
<!-- <script>
|
||||
function combineul_{{subpart-id}}(){
|
||||
var parents = $('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list').parent();
|
||||
|
|
|
|||
|
|
@ -49,7 +49,7 @@
|
|||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- <script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
|
||||
<!-- <script src="//code.jquery.com/ui/1.13.2/jquery-ui.js"></script>
|
||||
<script>
|
||||
function combineul_{{subpart-id}}(){
|
||||
var parents = $('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list').parent();
|
||||
|
|
|
|||
|
|
@ -41,7 +41,7 @@
|
|||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
|
||||
<script src="//code.jquery.com/ui/1.13.2/jquery-ui.js"></script>
|
||||
<script>
|
||||
function combineul_{{subpart-id}}(){
|
||||
var parents = $('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list').parent();
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<div class="i-annc index-announcement-1">
|
||||
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
|
||||
<ul class="i-annc__list" data-level="0" data-list="announcements">
|
||||
<li class="i-annc__item row">
|
||||
<span class="i-annc__category-wrap col-sm-2">
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<div class="i-annc index-eventnews-10">
|
||||
|
||||
|
||||
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
|
||||
|
||||
<div class="VivaTimeline">
|
||||
<dl>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<div class="i-annc index-announcement-11 {{display}}">
|
||||
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
|
||||
<table class="i-annc__table table table-striped dt-responsive">
|
||||
<thead>
|
||||
<tr>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<div class="i-annc index-announcement-12 {{display}}">
|
||||
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
|
||||
<table class="i-annc__table table table-striped dt-responsive">
|
||||
<thead>
|
||||
<tr>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<div class="i-annc index-eventnews-13 {{display}}">
|
||||
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
|
||||
<table class="i-annc__table table table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<div class="i-annc index-announcement-14 {{display}}">
|
||||
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
|
||||
<table class="i-annc__table table table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<div class="i-annc index-announcement-15 {{display}}">
|
||||
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
|
||||
<table class="i-annc__table table table-striped dt-responsive">
|
||||
<thead>
|
||||
<tr>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<div class="i-annc index-announcement-16 {{display}}">
|
||||
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
|
||||
<table class="i-annc__table table table-striped dt-responsive">
|
||||
<thead>
|
||||
<tr>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<div class="i-annc index-announcement-18">
|
||||
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
|
||||
<ul class="i-annc__list row" data-level="0" data-list="announcements">
|
||||
<li class="i-annc__item rotate0">
|
||||
<div class="i-annc__img-wrap bullseye">
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<div class="i-annc index-announcement-19">
|
||||
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
|
||||
<ul class="i-annc__list row" data-level="0" data-list="announcements">
|
||||
<li class="i-annc__item col-md-3 col-sm-3">
|
||||
<a href="{{link_to_show}}" alt="{{img_description}}" title="{{img_description}}">
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<div class="i-annc index-announcement-2">
|
||||
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
|
||||
<ul class="i-annc__list" data-level="0" data-list="announcements">
|
||||
<li class="i-annc__item row">
|
||||
<span class="i-annc__postdate-wrap col-sm-2" date-format="%Y-%m/%d">
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<div class="i-annc index-announcement-20">
|
||||
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
|
||||
<ul class="i-annc__list row" data-level="0" data-list="announcements">
|
||||
<li class="i-annc__item">
|
||||
<div class="i-annc__content-wrap">
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<div class="i-annc index-announcement-21">
|
||||
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
|
||||
<ul class="i-annc__list row" data-level="0" data-list="announcements">
|
||||
<li class="i-annc__item">
|
||||
<div class="i-annc__content-wrap">
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<div class="i-annc index-announcement-3">
|
||||
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
|
||||
<ul class="i-annc__list" data-level="0" data-list="announcements">
|
||||
<li class="i-annc__item row">
|
||||
<h4 class="i-annc__entry-title col-sm-9">
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<div class="i-annc index-announcement-4">
|
||||
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
|
||||
<ul class="i-annc__list" data-level="0" data-list="announcements">
|
||||
<li class="i-annc__item row">
|
||||
<span class="i-annc__postdate-wrap col-sm-3" date-format="%Y-%m/%d">
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<div class="i-annc index-announcement-5">
|
||||
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
|
||||
<ul class="i-annc__list" data-level="0" data-list="announcements">
|
||||
<li class="i-annc__item row">
|
||||
<a href="{{link_to_show}}" alt="{{img_description}}" title="{{img_description}}">
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<div class="i-annc index-announcement-6">
|
||||
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
|
||||
<ul class="i-annc__list" data-level="0" data-list="announcements">
|
||||
<li class="i-annc__item row">
|
||||
<a href="{{link_to_show}}" alt="{{img_description}}" title="{{img_description}}">
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<div class="i-annc index-announcement-7">
|
||||
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
|
||||
<ul class="i-annc__list row" data-level="0" data-list="announcements">
|
||||
<li class="i-annc__item col-md-4 col-sm-4">
|
||||
<a href="{{link_to_show}}" alt="{{img_description}}" title="{{img_description}}">
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<div class="i-annc index-announcement-8">
|
||||
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
|
||||
<ul class="i-annc__list row" data-level="0" data-list="announcements">
|
||||
<li class="i-annc__item">
|
||||
<div class="i-annc__content-wrap">
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<div class="i-annc index-announcement-9">
|
||||
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
|
||||
<ul class="i-annc__list row" data-level="0" data-list="announcements">
|
||||
<li class="i-annc__item">
|
||||
<div class="i-annc__content-wrap">
|
||||
|
|
|
|||
|
|
@ -36,7 +36,7 @@
|
|||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
|
||||
<script src="//code.jquery.com/ui/1.13.2/jquery-ui.js"></script>
|
||||
<script>
|
||||
function combineul(){
|
||||
var parents = $('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list').parent();
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<div class="i-annc index-announcement-7">
|
||||
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
|
||||
<ul class="i-annc__list row" data-level="0" data-list="custom_announcements">
|
||||
<li class="i-annc__item col-md-4">
|
||||
<div class="i-annc__img-wrap bullseye">
|
||||
|
|
|
|||
|
|
@ -54,7 +54,7 @@
|
|||
<a class="w-annc__more btn btn-primary pull-right" href="{{more_url}}"><%= t("event_news.more") %></a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
|
||||
<!-- <script src="//code.jquery.com/ui/1.13.2/jquery-ui.js"></script>
|
||||
<script>
|
||||
function combineul_{{subpart-id}}(){
|
||||
var parents = $('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list').parent();
|
||||
|
|
|
|||
|
|
@ -46,7 +46,7 @@
|
|||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
|
||||
<script src="//code.jquery.com/ui/1.13.2/jquery-ui.js"></script>
|
||||
<script>
|
||||
function combineul_{{subpart-id}}(){
|
||||
var parents = $('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list').parent();
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<div class="i-annc index-eventnews-1 {{display}}">
|
||||
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
|
||||
<table class="i-annc__table table table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<div class="i-annc index-eventnews-10">
|
||||
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
|
||||
<ul class="i-annc__list" data-level="0" data-list="event_news">
|
||||
<li class="i-annc__item row">
|
||||
<span class="i-annc__postdate-wrap col-sm-2" date-format="%Y-%m-%d">
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<div class="i-annc index-eventnews-11">
|
||||
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
|
||||
<ul class="i-annc__list" data-level="0" data-list="event_news">
|
||||
<li class="i-annc__item row">
|
||||
<h4 class="i-annc__entry-title col-sm-9">
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<div class="i-annc index-eventnews-12">
|
||||
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
|
||||
<ul class="i-annc__list" data-level="0" data-list="event_news">
|
||||
<li class="i-annc__item row">
|
||||
<span class="i-annc__postdate-wrap col-sm-3" date-format="%Y-%m-%d">
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<div class="i-annc index-eventnews-14 {{display}}">
|
||||
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
|
||||
<table class="i-annc__table table table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<div class="i-annc index-eventnews-15 {{display}}">
|
||||
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
|
||||
<table class="i-annc__table table table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<div class="i-annc index-eventnews-16 {{display}}">
|
||||
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
|
||||
<table class="i-annc__table table table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<div class="i-annc index-eventnews-1 index-eventnews-17{{display}}">
|
||||
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
|
||||
<table class="i-annc__table table table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<div class="i-annc index-eventnews-1 index-eventnews-18 {{display}}">
|
||||
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
|
||||
<table class="i-annc__table table table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<div class="i-annc index-eventnews-12 index-eventnews-19 {{display}}">
|
||||
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
|
||||
<table class="i-annc__table table table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<div class="i-annc index-eventnews-2 {{display}}">
|
||||
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
|
||||
<table class="i-annc__table table table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<div class="i-annc index-eventnews-12 index-eventnews-20 {{display}}">
|
||||
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
|
||||
<table class="i-annc__table table table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<div class="i-annc index-eventnews-21 event-widget-announcement-7">
|
||||
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
|
||||
<ul class="i-annc__list row" data-level="0" data-list="event_news">
|
||||
<li class="i-annc__item col-md-4">
|
||||
<a href="{{link_to_show}}">
|
||||
|
|
@ -73,12 +73,12 @@
|
|||
reorganize(4);
|
||||
num=1;
|
||||
}
|
||||
$('.i-annc__postdate').each(function () {
|
||||
var text = $(this).text().trim();
|
||||
if (text !== '') {
|
||||
$(this).text('公視+線上看:' + text);
|
||||
}
|
||||
});
|
||||
# $('.i-annc__postdate').each(function () {
|
||||
# var text = $(this).text().trim();
|
||||
# if (text !== '') {
|
||||
# $(this).text('公視+線上看:' + text);
|
||||
# }
|
||||
# });
|
||||
});
|
||||
$(window).resize(function(){
|
||||
if($(window).width()>1024){
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<div class="i-annc index-eventnews-3 {{display}}">
|
||||
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
|
||||
<table class="i-annc__table table table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<div class="i-annc index-eventnews-4 {{display}}">
|
||||
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
|
||||
<table class="i-annc__table table table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<div class="i-annc index-eventnews-5">
|
||||
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
|
||||
<ul class="i-annc__list" data-level="0" data-list="event_news">
|
||||
<li class="i-annc__item row">
|
||||
<a href="{{link_to_show}}" title="{{img_description}}">
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<div class="i-annc index-eventnews-6">
|
||||
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
|
||||
<ul class="i-annc__list" data-level="0" data-list="event_news">
|
||||
<li class="i-annc__item row">
|
||||
<a href="{{link_to_show}}" title="{{img_description}}">
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<div class="i-annc index-eventnews-7 event-widget-announcement-7">
|
||||
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
|
||||
<ul class="i-annc__list row" data-level="0" data-list="event_news">
|
||||
<li class="i-annc__item col-md-4">
|
||||
<a href="{{link_to_show}}" title="{{img_description}}">
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<div class="i-annc index-eventnews-8">
|
||||
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
|
||||
<ul class="i-annc__list row" data-level="0" data-list="event_news">
|
||||
<li class="i-annc__item">
|
||||
<div class="i-annc__content-wrap">
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<div class="i-annc index-eventnews-9">
|
||||
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
|
||||
<ul class="i-annc__list" data-level="0" data-list="event_news">
|
||||
<li class="i-annc__item row">
|
||||
<div class="i-annc__content-wrap">
|
||||
|
|
|
|||
|
|
@ -6,7 +6,10 @@
|
|||
<div class="member-data col-xs-9">
|
||||
<table class="table table-striped">
|
||||
<div data-list="profile_data" data-level="0">
|
||||
<tr><th class="{{title_class}}">{{title}}</th><td class="{{value_class}}">{{value}}</td></tr>
|
||||
<tr class="row">
|
||||
<th class="{{title_class}} col-sm-2">{{title}}</th>
|
||||
<td class="{{value_class}} col-sm-10">{{value}}</td>
|
||||
</tr>
|
||||
</div>
|
||||
</table>
|
||||
</div>
|
||||
|
|
@ -87,5 +90,11 @@ $('.tab-pane table').each(function(){
|
|||
autoWidth: false
|
||||
});
|
||||
}
|
||||
});;
|
||||
});
|
||||
|
||||
$(document).ready(function () {
|
||||
$('.member-data-value-5 a').each(function () {
|
||||
$(this).replaceWith($(this).html()); // 把<a>替換成它裡面的內容
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -1,8 +1,29 @@
|
|||
<style>
|
||||
|
||||
@media(min-width:500px){
|
||||
[data-list="headers"] th:first-child {
|
||||
width: 5em;
|
||||
max-width: 5em;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
|
||||
[data-list="journal_papers"] td:first-child {
|
||||
width: 5em;
|
||||
max-width: 5em;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
.breadcrumb{
|
||||
padding-left: 0;
|
||||
}
|
||||
</style>
|
||||
|
||||
<table class="table table-hover table-striped projects-index">
|
||||
<caption><h3>{{widget-title}}</h3></caption>
|
||||
<caption><h3 class="journal-title">{{widget-title}}</h3></caption>
|
||||
<thead>
|
||||
<tr data-level="0" data-list="headers">
|
||||
<th class="col-md-{{col}}">{{head-title}}</th>
|
||||
<th class="">{{head-title}}</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-level="0" data-list="journal_papers">
|
||||
|
|
|
|||
|
|
@ -8,7 +8,27 @@ $( ".selectbox" ).ready(function() {
|
|||
}
|
||||
});
|
||||
</script>
|
||||
<h3>{{widget-title}}</h3>
|
||||
<style>
|
||||
|
||||
@media(min-width:500px){
|
||||
[data-list="headers"] th:first-child {
|
||||
width: 5em;
|
||||
max-width: 5em;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
|
||||
[data-list="journal_papers"] td:first-child {
|
||||
width: 5em;
|
||||
max-width: 5em;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
.breadcrumb{
|
||||
padding-left: 0;
|
||||
}
|
||||
</style>
|
||||
<h3 class="journal-title">{{widget-title}}</h3>
|
||||
<div class="search-widget">
|
||||
<form action="{{url}}" method="get">
|
||||
<input type="hidden" name="authenticity_token" value="{{csrf_value}}">
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<div class="i-annc index-publications-1">
|
||||
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
|
||||
<table class="i-annc__table table table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<div class="i-annc index-publications-2">
|
||||
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
|
||||
<ul class="i-annc__list" data-level="0" data-list="publications">
|
||||
<li class="i-annc__item row">
|
||||
<div class="i-annc__img-wrap col-sm-4">
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<div class="i-annc index-publications-3">
|
||||
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
|
||||
<ul class="i-annc__list row" data-level="0" data-list="publications">
|
||||
<li class="i-annc__item col-md-4">
|
||||
<a href="{{link_to_show}}" aria-label="前往{{title}}" title="{{title}}">
|
||||
|
|
|
|||
|
|
@ -0,0 +1,112 @@
|
|||
<ul id="hashtag-list" data-list="hashtags" data-level="0" style="display:none;">
|
||||
<li class="tag-weight-{{count}}"><a href="{{url_to_show}}" title="{{title}}">#{{title}}</a></li>
|
||||
</ul>
|
||||
<div id="hashtag-wordcloud-wrapper">
|
||||
<div id="hashtag-wordcloud" style=" "></div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
function generateWordCloud() {
|
||||
const container = $('#hashtag-wordcloud');
|
||||
const containerWidth = container.width();
|
||||
const containerHeight = container.height();
|
||||
const placedRects = [];
|
||||
|
||||
function isOverlap(r1, r2, padding = 4) {
|
||||
return !(r2.left > r1.right + padding ||
|
||||
r2.right < r1.left - padding ||
|
||||
r2.top > r1.bottom + padding ||
|
||||
r2.bottom < r1.top - padding);
|
||||
}
|
||||
|
||||
function hasCollision(rect) {
|
||||
return placedRects.some(r => isOverlap(r, rect));
|
||||
}
|
||||
|
||||
function getRandomColor() {
|
||||
const hue = Math.floor(Math.random() * 360);
|
||||
const saturation = Math.floor(Math.random() * 20) + 10;
|
||||
const lightness = Math.floor(Math.random() * 20) + 45;
|
||||
return `hsl(${hue}, ${saturation}%, ${lightness}%)`;
|
||||
}
|
||||
|
||||
container.empty();
|
||||
|
||||
$('#hashtag-list li').each(function () {
|
||||
const $li = $(this);
|
||||
const weightClass = $li.attr('class');
|
||||
const weightMatch = weightClass.match(/tag-weight-(\d+)/);
|
||||
const weight = weightMatch ? parseInt(weightMatch[1], 10) : 1;
|
||||
|
||||
const $a = $li.find('a');
|
||||
let text = $a.text();
|
||||
if (text.startsWith('#')) {
|
||||
text = text.substring(1);
|
||||
}
|
||||
const href = $a.attr('href');
|
||||
const title = $a.attr('title');
|
||||
|
||||
const fontSize = Math.min(36, Math.max(16, weight / 100 * 36));
|
||||
|
||||
const $word = $('<a></a>')
|
||||
.attr('href', href)
|
||||
.attr('title', title)
|
||||
.text(text)
|
||||
.css({
|
||||
position: 'absolute',
|
||||
fontSize: fontSize + 'px',
|
||||
color: getRandomColor(),
|
||||
whiteSpace: 'nowrap',
|
||||
cursor: 'pointer',
|
||||
userSelect: 'none',
|
||||
textDecoration: 'none',
|
||||
visibility: 'hidden',
|
||||
display: 'inline-block'
|
||||
});
|
||||
|
||||
container.append($word);
|
||||
|
||||
const width = $word.outerWidth();
|
||||
const height = $word.outerHeight();
|
||||
|
||||
let maxAttempts = 1000;
|
||||
let placed = false;
|
||||
|
||||
while (!placed && maxAttempts > 0) {
|
||||
const left = Math.random() * (containerWidth - width);
|
||||
const top = Math.random() * (containerHeight - height);
|
||||
|
||||
const rect = {
|
||||
left: left,
|
||||
top: top,
|
||||
right: left + width,
|
||||
bottom: top + height
|
||||
};
|
||||
|
||||
if (!hasCollision(rect)) {
|
||||
$word.css({
|
||||
left: left + 'px',
|
||||
top: top + 'px',
|
||||
visibility: 'visible'
|
||||
});
|
||||
placedRects.push(rect);
|
||||
placed = true;
|
||||
}
|
||||
maxAttempts--;
|
||||
}
|
||||
|
||||
if (!placed) {
|
||||
$word.remove(); // 放不下就不強塞
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
$(function() {
|
||||
generateWordCloud();
|
||||
|
||||
// RWD時重新生成文字雲
|
||||
$(window).on('resize', function() {
|
||||
generateWordCloud();
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
|
@ -34,5 +34,15 @@
|
|||
"thumbnail" : "thumb.png",
|
||||
"default": true
|
||||
}
|
||||
],
|
||||
"widgets" : [
|
||||
{
|
||||
"filename" : "tag_cloud",
|
||||
"name" : {
|
||||
"zh_tw" : "0. Tag Cloud",
|
||||
"en" : "0. Tag Cloud"
|
||||
},
|
||||
"thumbnail" : "_tag_cloud_thumb.png"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -20,7 +20,7 @@
|
|||
container_{{subpart-id}}.on('wordcloudstop', function (e) {
|
||||
$(this).children('span').each(function (i, v) {
|
||||
var text = $(this).html();
|
||||
$(this).html('<a title="'+ list_{{subpart-id}}[i][0] + '" style="color: inherit" href="' + list_{{subpart-id}}[i][2] +'">' + text + '</a>');
|
||||
$(this).html('<a class="wordcloud-link" title="'+ list_{{subpart-id}}[i][0] + '" style="color: inherit" href="' + list_{{subpart-id}}[i][2] +'">' + text + '</a>');
|
||||
});
|
||||
});
|
||||
function wordCloud_{{subpart-id}}(){
|
||||
|
|
@ -30,7 +30,7 @@
|
|||
WordCloud(container_{{subpart-id}}[0], {
|
||||
list: list_{{subpart-id}},
|
||||
gridSize: 3,
|
||||
weightFactor: jqcloud_words_{{subpart-id}}.length * Math.min(width, 1200) / 770,
|
||||
weightFactor: jqcloud_words_{{subpart-id}}.length * Math.min(width, 1200) / 770 * 1.5,
|
||||
rotateRatio: 0,
|
||||
shuffle: false,
|
||||
drawOutOfBound: false,
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@
|
|||
"zh_tw" : "1. 影片列表1 ( 縮圖, 影片資訊, 頁面連結)",
|
||||
"en" : "1. Video List 1 ( snapshot, video info, page link)"
|
||||
},
|
||||
"thumbnail" : "thumb.png"
|
||||
"thumbnail" : "video_pro_widget1_thumb.png"
|
||||
},
|
||||
{
|
||||
"filename" : "video_pro_widget2",
|
||||
|
|
@ -16,7 +16,7 @@
|
|||
"zh_tw" : "2. 影片列表2 ( 縮圖, 影片資訊, 頁面連結)",
|
||||
"en" : "2. Video List 2 ( snapshot, video info, page link)"
|
||||
},
|
||||
"thumbnail" : "thumb.png"
|
||||
"thumbnail" : "video_pro_widget2_thumb.png"
|
||||
},
|
||||
{
|
||||
"filename" : "video_pro_widget3",
|
||||
|
|
@ -25,7 +25,7 @@
|
|||
"zh_tw" : "3. 影片列表倫波 ( 縮圖, 影片資訊, 頁面連結)",
|
||||
"en" : "3.carousel-Video List ( snapshot, video info, page link)"
|
||||
},
|
||||
"thumbnail" : "thumb.png"
|
||||
"thumbnail" : "video_pro_widget3_thumb.png"
|
||||
},
|
||||
{
|
||||
"filename" : "video_pro_widget4",
|
||||
|
|
@ -34,7 +34,7 @@
|
|||
"zh_tw" : "4. 四欄影片列表 ( 縮圖, 影片資訊, 頁面連結)",
|
||||
"en" : "4. 4col-Video List 1 ( snapshot, video info, page link)"
|
||||
},
|
||||
"thumbnail" : "thumb.png"
|
||||
"thumbnail" : "video_pro_widget4_thumb.png"
|
||||
},
|
||||
{
|
||||
"filename" : "video_pro_widget5",
|
||||
|
|
@ -43,7 +43,7 @@
|
|||
"zh_tw" : "5. 大圖影片列表倫波 ( 縮圖, 影片資訊, 頁面連結)",
|
||||
"en" : "5.bigcarousel-Video List ( snapshot, video info, page link)"
|
||||
},
|
||||
"thumbnail" : "thumb.png"
|
||||
"thumbnail" : "video_pro_widget5_thumb"
|
||||
},
|
||||
{
|
||||
"filename" : "video_pro_widget_jqcloud1",
|
||||
|
|
@ -52,7 +52,7 @@
|
|||
"zh_tw" : "2. 影片文字雲(標籤)",
|
||||
"en" : "2. Video Word Cloud(tags)"
|
||||
},
|
||||
"thumbnail" : "thumb.png"
|
||||
"thumbnail" : "video_pro_widget6_thumb"
|
||||
}
|
||||
],
|
||||
"frontend" : [
|
||||
|
|
|
|||
|
After Width: | Height: | Size: 9.8 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 9.6 KiB |
|
After Width: | Height: | Size: 13 KiB |
|
After Width: | Height: | Size: 10 KiB |
|
|
@ -1,5 +1,5 @@
|
|||
<div class="i-video_data video_data-index-1">
|
||||
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
|
||||
<ul class="video_data_wrap col-sm-12" data-list="videos" data-level="0">
|
||||
<li class="video_data col-sm-12 row" data-video-url="{{video_url}}" data-video-webm-url="{{video_webm_url}}" data-type="{{video_type}}">
|
||||
<a class=" video_link" href="{{video_show_url}}" title="{{video_title_escape}}">
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<div class="i-video_data video_data-index-2">
|
||||
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
|
||||
<div class="video_filter_area col-sm-12">
|
||||
<form>
|
||||
<div class="category_box col-sm-6">
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<div class="i-video_data video_data-index-2">
|
||||
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
|
||||
<div class="video_filter_area col-sm-12">
|
||||
<form>
|
||||
<div class="category_box col-sm-6">
|
||||
|
|
|
|||
|
|
@ -12,7 +12,7 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
|
||||
<ul class="video_data_wrap col-sm-12" data-list="videos" data-level="0">
|
||||
<li class="video_data col-sm-4" data-video-url="{{video_url}}" data-video-webm-url="{{video_webm_url}}" data-type="{{video_type}}">
|
||||
<a class="video_link" href="javascript:void(0)" title="{{video_title_escape}}" data-api-url="{{api_url}}">
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<div class="i-video_data video_data-index-4">
|
||||
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
|
||||
<ul class="video_data_wrap col-sm-12" data-list="videos" data-level="0">
|
||||
<li class="video_data col-sm-4" data-video-url="{{video_url}}" data-video-webm-url="{{video_webm_url}}" data-type="{{video_type}}">
|
||||
<a class="video_link" href="{{video_show_url}}" title="{{video_title_escape}}">
|
||||
|
|
|
|||
|
|
@ -34,7 +34,7 @@
|
|||
margin-top: 1em;
|
||||
}
|
||||
</style>
|
||||
<script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
|
||||
<script src="//code.jquery.com/ui/1.13.2/jquery-ui.js"></script>
|
||||
<script>
|
||||
function combineul_{{subpart-id}}(){
|
||||
var parents = $('[data-subpart-id=\"{{subpart-id}}\"] ul.widget-link__list').parent();
|
||||
|
|
|
|||
|
|
@ -1,7 +1,9 @@
|
|||
<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">
|
||||
<span>{{widget_title}}</span>
|
||||
</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,9 @@
|
|||
<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">
|
||||
<span>{{widget_title}}</span>
|
||||
</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,9 @@
|
|||
<div class="sitemenu-wrap sitemenu-vertical2 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">
|
||||
<span>{{widget_title}}</span>
|
||||
</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,9 @@
|
|||
<div class="sitemenu-wrap sitemenu4 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">
|
||||
<span>{{widget_title}}</span>
|
||||
</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>
|
||||
|
|
|
|||