'css'
This commit is contained in:
parent
0f90b7febd
commit
8d686740c1
|
|
@ -1,181 +0,0 @@
|
|||
<div class="w-annc widget-announcement-4 w-annc widget-announcement-21" 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: 62%;width:100%; z-index: 101;">
|
||||
<div style="">
|
||||
<button id="prev-{{subpart-id}}" 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; z-index: 2;"><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 id="next-{{subpart-id}}" 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; z-index: 2;"><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>
|
||||
</div>
|
||||
<ul class="w-annc__list row cycle-slideshow" data-level="0" data-list="announcements" data-cycle-fx="carousel"
|
||||
data-cycle-timeout="0"
|
||||
data-cycle-carousel-visible="3"
|
||||
data-cycle-carousel-fluid="true"
|
||||
data-cycle-next="#next-{{subpart-id}}"
|
||||
data-cycle-prev="#prev-{{subpart-id}}"
|
||||
data-cycle-slides=".w-annc__item" >
|
||||
<li class="w-annc__item">
|
||||
<div class="w-annc__img-wrap bullseye" >
|
||||
<a href="{{link_to_show}}" >
|
||||
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
||||
<div class="transitionfade"></div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="w-annc__content-wrap card">
|
||||
<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>
|
||||
<a href="{{link_to_show}}"><p class="w-annc__subtitle">{{subtitle}}</p></a>
|
||||
</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> -->
|
||||
|
|
@ -414,7 +414,7 @@
|
|||
orbit.setColumn('.left-column', '.right-column');
|
||||
|
||||
// 自適應網頁使用，當網頁載入時，如果視窗寬度小於769，就執行orbit.nav.setDropdown函數
|
||||
if ($(window).width() >200) {
|
||||
if ($(window).width() < 769) {
|
||||
// orbit.nav.setDropdown();
|
||||
orbit.MobileMenu();
|
||||
$('.mobile-menu').append($('.modules-menu'));
|
||||
|
|
@ -424,7 +424,20 @@
|
|||
|
||||
// 自適應網頁使用，當使用者改變瀏覽器寬度時呼叫orbit.nav.setDropdown函數
|
||||
$(window).resize(function() {
|
||||
if ($(window).width() >200) {
|
||||
if ($(window).width() < 769) {
|
||||
$('.navbar-toggle').click(function(e){
|
||||
e.preventDefault();
|
||||
$('.mobile-menu').toggleClass('active');
|
||||
$('body').toggleClass('noscroll');
|
||||
|
||||
$('.mobile-menu .navbar-toggle').removeClass('collapsed');
|
||||
// $menu.slideToggle();
|
||||
$('.mobile-menu1 > ul').slideUp(500);
|
||||
$('.mobile-menu1 > .menu-drop').removeClass('opened');
|
||||
$('.mobile-menu2 > ul').slideUp(500);
|
||||
$('.mobile-menu2 > .menu-drop').removeClass('opened');
|
||||
})
|
||||
|
||||
if (resizeTimer) clearTimeout(resizeTimer);
|
||||
resizeTimer = setTimeout(function() {
|
||||
if ( $('.modules-menu i').length == 0 ) {
|
||||
|
|
@ -438,7 +451,7 @@
|
|||
},500 )} else {
|
||||
resizeTimer = setTimeout(function(){
|
||||
if( $('.mobile-menu .modules-menu').length > 0 ) {
|
||||
$('.layout-header .outdropdowns .container').append($('.modules-menu'));
|
||||
$('.layout-header .outdropdowns .dropdowns').append($('.modules-menu'));
|
||||
$('.dropdowns').append($('.header-buttom'));
|
||||
}
|
||||
orbit.removeDropdown();
|
||||
|
|
@ -531,14 +544,7 @@
|
|||
}
|
||||
forFreeGo();
|
||||
|
||||
//背景widget設定
|
||||
if ( location.href.search('editmode=on') != -1 ) {
|
||||
$('.background').css('z-index','2');
|
||||
$('.background').css('position','relative');
|
||||
} else {
|
||||
$('.background').css('z-index','-1');
|
||||
$('.background').css('position','fixed');
|
||||
};
|
||||
|
||||
|
||||
//header banner setting
|
||||
if ( location.href.search('editmode=on') != -1 ) {
|
||||
|
|
@ -625,10 +631,79 @@ extendPanelWidget();
|
|||
|
||||
}
|
||||
|
||||
|
||||
// 當文件物件模型(DOM)載入後，執行init函數
|
||||
|
||||
$(document).ready(function() {
|
||||
|
||||
//背景widget設定
|
||||
if ( location.href.search('editmode=on') != -1 ) {
|
||||
$('.background').css('z-index','2');
|
||||
$('.background').css('position','relative');
|
||||
} else {
|
||||
$('.background').css('z-index','-1');
|
||||
$('.background').css('position','fixed');
|
||||
};
|
||||
|
||||
$('.i-annc__page-title').after($('.sitemenu-wrap2'));
|
||||
$('.i-archive-title').after($('.sitemenu-wrap2'));
|
||||
$('.page-module-title').after($('.sitemenu-wrap2'));
|
||||
$('.box-social-share').before($('.sitemenu-wrap3'));
|
||||
$('.box-social-share').before($('.sitemenu-wrap3'));
|
||||
$('.box-social-share').before($('.sitemenu-wrap3'));
|
||||
|
||||
$(".member-data2-tr").before($(".show-member .table-striped > tbody > tr:nth-of-type(4)"));
|
||||
$(".nav-pills").before($(".show-member .table-striped > tbody > tr:last-child"));
|
||||
|
||||
//常用到的js
|
||||
// $('.').after($('.'));
|
||||
// $('.').before($('.'));
|
||||
// $('.').append($('.'));
|
||||
// if($('.show-announcement').hasClass('show-announcement')) {
|
||||
// $('.').css('', '');
|
||||
// }
|
||||
|
||||
|
||||
//公告類別顏色
|
||||
$(".w-annc .w-annc__category-wrap").each(function() {
|
||||
var SaveCategory = $(this).find(".w-annc__category").text();
|
||||
// console.log(SaveCategory);
|
||||
$(this).addClass(SaveCategory);
|
||||
})
|
||||
$(".w-annc__item ").each(function() {
|
||||
var SaveCategory2 = $(this).find(".w-annc__category").text();
|
||||
// console.log(SaveCategory);
|
||||
$(this).addClass(SaveCategory2);
|
||||
})
|
||||
$(".i-annc__item .i-annc__category-wrap").each(function() {
|
||||
var SaveCategory = $(this).find(".i-annc__category").text();
|
||||
// console.log(SaveCategory);
|
||||
$(this).addClass(SaveCategory);
|
||||
})
|
||||
$(".i-annc__item ").each(function() {
|
||||
var SaveCategory2 = $(this).find(".i-annc__category").text();
|
||||
// console.log(SaveCategory);
|
||||
$(this).addClass(SaveCategory2);
|
||||
})
|
||||
|
||||
//預約
|
||||
if ($(window).width() > 821) {
|
||||
$('.form-horizontal').append($('.cancelbooking'));
|
||||
$(".hire-ken-click").click(function(){
|
||||
// $(".searchbox").slideToggle(300);
|
||||
$('.form-horizontal').toggleClass('hire-ken-click2');
|
||||
$('.col-lg-5').toggleClass('shadowblock');
|
||||
$(".cancelbooking").click(function(){
|
||||
$('.form-horizontal').removeClass('hire-ken-click2');
|
||||
$('.col-lg-5').removeClass('shadowblock');
|
||||
});
|
||||
});
|
||||
}
|
||||
//navrwd移到選單
|
||||
if ($(window).width() <769) {
|
||||
$('.modules-menu-level-0').after($('.header-nav'));
|
||||
}else{
|
||||
$('.outdropdowns').before($('.header-nav'));
|
||||
};
|
||||
//
|
||||
$(".ken-click").click(function(){
|
||||
$(".searchbox").slideToggle(300);
|
||||
$('.ken-click').toggleClass('ken-click2');
|
||||
|
|
@ -638,6 +713,7 @@ extendPanelWidget();
|
|||
$(".sitemenu-vertical .sitemenu-dropdown-toggle").toggleClass("fa-caret-down");
|
||||
$(".sitemenu-vertical .sitemenu-dropdown-toggle").toggleClass("fa-caret-up");
|
||||
});
|
||||
//頁尾選單開合
|
||||
$('.btn-fatfooter').click(function(){
|
||||
$('.fatfooter').slideToggle();
|
||||
$(".btn-fatfooter .fa-chevron-down").toggleClass("rotate");
|
||||
|
|
@ -648,15 +724,39 @@ extendPanelWidget();
|
|||
$('.menu-section').toggleClass("on");
|
||||
$("nav ul").toggleClass('hidden');
|
||||
});
|
||||
$('.morebken').click(function(){
|
||||
$('.list-unstyled>li:nth-child(n+16)').slideToggle();
|
||||
$(".morebken .fa-chevron-down").toggleClass("rotate");
|
||||
$(".openmorebken").toggleClass("closemorebken");
|
||||
|
||||
});
|
||||
//RWD 自動縮放headerbannner
|
||||
function headerH() {
|
||||
if ($(window).width() >200) {
|
||||
if ($(window).width() < 769) {
|
||||
const navH = $('.layout-header .navbar-header').outerHeight();
|
||||
$('.header-banner').css('height', navH );
|
||||
}
|
||||
}
|
||||
}
|
||||
headerH();
|
||||
$(window).resize(function() {
|
||||
if ($(window).width() <769) {
|
||||
$('.modules-menu-level-0').after($('.header-nav'));
|
||||
}else{
|
||||
$('.outdropdowns').before($('.header-nav'));
|
||||
};
|
||||
|
||||
if ($(window).width() > 821) {
|
||||
$('.form-horizontal').append($('.cancelbooking'));
|
||||
$(".hire-ken-click").click(function(){
|
||||
// $(".searchbox").slideToggle(300);
|
||||
$('.form-horizontal').toggleClass('hire-ken-click2');
|
||||
$('.col-lg-5').toggleClass('shadowblock');
|
||||
$(".cancelbooking").click(function(){
|
||||
$('.form-horizontal').removeClass('hire-ken-click2');
|
||||
$('.col-lg-5').removeClass('shadowblock');
|
||||
});
|
||||
});
|
||||
}
|
||||
headerH();
|
||||
})
|
||||
$(window).scroll(function() {
|
||||
|
|
@ -683,6 +783,46 @@ extendPanelWidget();
|
|||
$(this).removeClass('animationvisible')
|
||||
}
|
||||
})
|
||||
$('.hide1').each(function() {
|
||||
var mid = $(this).offset().top + $(this).height()/2;
|
||||
if( mid < windowBottom && mid > $(window).scrollTop()){
|
||||
$(this).addClass('animationvisible1')
|
||||
} else {
|
||||
$(this).removeClass('animationvisible1')
|
||||
}
|
||||
})
|
||||
$('.hide2').each(function() {
|
||||
var mid = $(this).offset().top + $(this).height()/2;
|
||||
if( mid < windowBottom && mid > $(window).scrollTop()){
|
||||
$(this).addClass('animationvisible2')
|
||||
} else {
|
||||
$(this).removeClass('animationvisible2')
|
||||
}
|
||||
})
|
||||
$('.hide3').each(function() {
|
||||
var mid = $(this).offset().top + $(this).height()/2;
|
||||
if( mid < windowBottom && mid > $(window).scrollTop()){
|
||||
$(this).addClass('animationvisible3')
|
||||
} else {
|
||||
$(this).removeClass('animationvisible3')
|
||||
}
|
||||
})
|
||||
$('.rotate0').each(function() {
|
||||
var mid = $(this).offset().top + $(this).height()/2;
|
||||
if( mid < windowBottom && mid > $(window).scrollTop()){
|
||||
$(this).addClass('animationrotate0')
|
||||
} else {
|
||||
$(this).removeClass('animationrotate0')
|
||||
}
|
||||
})
|
||||
$('.zoomin').each(function() {
|
||||
var mid = $(this).offset().top + $(this).height()/2;
|
||||
if( mid < windowBottom && mid > $(window).scrollTop()){
|
||||
$(this).addClass('animationvisible5')
|
||||
} else {
|
||||
$(this).removeClass('animationvisible5')
|
||||
}
|
||||
})
|
||||
})
|
||||
init();
|
||||
});
|
||||
|
|
@ -711,23 +851,23 @@ extendPanelWidget();
|
|||
// });
|
||||
// });// //選單
|
||||
|
||||
// //選單樣式2
|
||||
// $(document).ready(function() {
|
||||
// "use strict";
|
||||
// $(".menu > ul > li").hover(function(e) {
|
||||
// if ($(window).width() > 943) {
|
||||
// $(this).children("ul").stop(true, false).fadeToggle(150);
|
||||
// e.preventDefault();
|
||||
// }
|
||||
// });
|
||||
// $('.modules-menu-level-1').css('left','-'+$('.outdropdowns .dropdowns').offset().left+'px');
|
||||
// });
|
||||
// $(document).resize(function() {
|
||||
// $('.modules-menu-level-1').css('left','-'+$('.outdropdowns .dropdowns').offset().left+'px');
|
||||
// if ($(window).width() >200){
|
||||
// $('.modules-menu-level-1').css('left','')
|
||||
// }
|
||||
// });
|
||||
//選單樣式2
|
||||
$(document).ready(function() {
|
||||
"use strict";
|
||||
$(".menu > ul > li").hover(function(e) {
|
||||
if ($(window).width() > 943) {
|
||||
$(this).children("ul").stop(true, false).fadeToggle(150);
|
||||
e.preventDefault();
|
||||
}
|
||||
});
|
||||
$('.modules-menu-level-1').css('left','-'+$('.outdropdowns .dropdowns').offset().left+'px');
|
||||
});
|
||||
$(document).resize(function() {
|
||||
$('.modules-menu-level-1').css('left','-'+$('.outdropdowns .dropdowns').offset().left+'px');
|
||||
if ($(window).width() < 769){
|
||||
$('.modules-menu-level-1').css('left','')
|
||||
}
|
||||
});
|
||||
|
||||
$(window).load(function(){
|
||||
$("iframe[src*='google']").attr('title','googleOauth');
|
||||
|
|
|
|||
|
|
@ -10,7 +10,6 @@
|
|||
position: relative;
|
||||
width: 100%;
|
||||
background-color: #F8F9FA;
|
||||
z-index: 1 !important;
|
||||
overflow: hidden;
|
||||
}
|
||||
.internal-page{
|
||||
|
|
@ -128,14 +127,6 @@
|
|||
padding: 1.5em;
|
||||
}
|
||||
}
|
||||
.index-publications-3 .i-annc__img-wrap{
|
||||
height: 20em;
|
||||
overflow: hidden;
|
||||
margin: 0 0 1em 0;
|
||||
}
|
||||
.index-publications-3 .i-annc__content-wrap{
|
||||
height: 6em;
|
||||
}
|
||||
.image-carousel{
|
||||
padding: 15px 0px 25px 0px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,10 @@
|
|||
@charset "utf-8";
|
||||
|
||||
@import "../initial";
|
||||
.outdropdowns{
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
.header-nav {
|
||||
ul{
|
||||
padding: 0;
|
||||
|
|
@ -25,7 +29,6 @@
|
|||
margin-bottom: 0;
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
z-index:1000;
|
||||
background-color: #fff;
|
||||
-webkit-box-shadow: 0 1px 5px 1px rgba(26, 26, 26, .3);
|
||||
box-shadow: 0 1px 5px 1px rgba(26, 26, 26, .3);
|
||||
|
|
@ -74,7 +77,6 @@
|
|||
|
||||
@media (min-width:1025px) {
|
||||
margin-bottom: -4em;
|
||||
z-index: 105;
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -5,6 +5,7 @@
|
|||
.layout-slide {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
z-index: 1;
|
||||
.w-ad-banner {
|
||||
margin: auto;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -82,6 +82,12 @@
|
|||
@extend .i-title;
|
||||
}
|
||||
.w-annc__meta {
|
||||
display: flex !important;
|
||||
position: relative;
|
||||
align-items: center;
|
||||
.w-annc__postdate-wrap{
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
.w-annc__status-wrap,
|
||||
.w-annc__postdate-wrap,
|
||||
.w-annc__category-wrap {
|
||||
|
|
@ -90,10 +96,14 @@
|
|||
@extend .i-title;
|
||||
color: $theme-color-main;
|
||||
font-weight: normal;
|
||||
display: flex!important;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
i {
|
||||
color:$theme-color-main;
|
||||
font-size: medium;
|
||||
padding-right: 0.3em;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -105,6 +115,7 @@
|
|||
.w-annc__entry-title {
|
||||
margin-bottom: 0.625em;
|
||||
margin-top: 0.5em;
|
||||
// clear: both;
|
||||
}
|
||||
|
||||
.w-annc__title {
|
||||
|
|
@ -1701,12 +1712,10 @@
|
|||
}
|
||||
|
||||
.i-annc__item {
|
||||
padding-left: 0 !important;
|
||||
padding-right: 0 !important;
|
||||
list-style: none;
|
||||
overflow: hidden;
|
||||
border-bottom: 1px solid #bbb;
|
||||
padding: 1em;
|
||||
padding: 1em 0;
|
||||
// box-shadow: #0000004d 0 0 4px;
|
||||
// background: #fff;
|
||||
@media(min-width: $screen-xs){
|
||||
|
|
@ -1767,6 +1776,9 @@
|
|||
}
|
||||
|
||||
.i-annc__meta {
|
||||
display: flex !important;
|
||||
position: relative;
|
||||
align-items: center;
|
||||
.i-annc__status-wrap,
|
||||
.i-annc__postdate-wrap,
|
||||
.i-annc__category-wrap {
|
||||
|
|
@ -1774,10 +1786,15 @@
|
|||
font-size: 1em;
|
||||
color: $theme-color-main;
|
||||
font-weight: normal;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
|
||||
i {
|
||||
color: $theme-color-main;
|
||||
font-size: medium;
|
||||
padding-right: 0.3em;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -1799,6 +1816,7 @@
|
|||
-webkit-box-orient: vertical;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
// clear: both;
|
||||
}
|
||||
|
||||
.i-annc__title {
|
||||
|
|
@ -1890,6 +1908,9 @@ table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, tabl
|
|||
|
||||
// Index-5
|
||||
.index-announcement-5{
|
||||
.i-annc__item {
|
||||
width: 100%;
|
||||
}
|
||||
.i-annc__content-wrap{
|
||||
@media(max-width: 768px){
|
||||
padding-top: 0.5em;
|
||||
|
|
@ -1901,6 +1922,9 @@ table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, tabl
|
|||
}
|
||||
// Index-6
|
||||
.index-announcement-6 {
|
||||
.i-annc__item {
|
||||
width: 100%;
|
||||
}
|
||||
.i-annc__title {
|
||||
font-family: $main-font;
|
||||
}
|
||||
|
|
@ -2290,7 +2314,6 @@ table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, tabl
|
|||
@include clearfix;
|
||||
|
||||
.s-annc__meta--item {
|
||||
font-size: 0.875rem;
|
||||
margin-right: 1em;
|
||||
margin-bottom: 0.6em;
|
||||
float: left;
|
||||
|
|
@ -2370,6 +2393,9 @@ table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, tabl
|
|||
|
||||
.s-annc__flie-title {
|
||||
white-space: nowrap;
|
||||
width: 100%;
|
||||
margin-bottom: 0.5em;
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
.s-annc__social > * {
|
||||
|
|
@ -2729,3 +2755,228 @@ table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, tabl
|
|||
word-break: break-all;
|
||||
white-space: break-spaces;
|
||||
}
|
||||
.show-publications{
|
||||
ul{
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
.video_data-widget-1{
|
||||
.video_info{
|
||||
margin:0.5em 0;
|
||||
}
|
||||
}
|
||||
.video_title {
|
||||
clear: both;
|
||||
}
|
||||
.video_data{
|
||||
list-style: none;
|
||||
}
|
||||
.video_tag{
|
||||
display: flex;
|
||||
float: left;
|
||||
}
|
||||
.view_info{
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
.video_group_time{
|
||||
clear: both;
|
||||
}
|
||||
.video_group_time{
|
||||
color: $theme-color-main!important;
|
||||
}
|
||||
.video_tag{
|
||||
color: #fff!important;
|
||||
background: #626262;
|
||||
padding: 4px 8px;
|
||||
border-radius: 5px;
|
||||
margin: 0.5em 0.5em 0.5em 0;
|
||||
}
|
||||
.video_title {
|
||||
clear: both;
|
||||
height: 3em;
|
||||
}
|
||||
.video_data_wrap{
|
||||
padding-right: 0.4375em;
|
||||
padding-left: 0.4375em;
|
||||
}
|
||||
.imglst_desc{
|
||||
margin: 1em 0;
|
||||
}
|
||||
.category_box {
|
||||
padding: 0;
|
||||
border: 1px solid #6868688f;
|
||||
border-radius: 0.5em 0 0 0.5em;
|
||||
overflow: hidden;
|
||||
}
|
||||
.search_box{
|
||||
padding: 0;
|
||||
border-radius: 0 0.5em 0.5em 0;
|
||||
overflow: hidden;
|
||||
border: 1px solid #6868688f;
|
||||
}
|
||||
.video_linkwrapper{
|
||||
position:relative;
|
||||
height: 12em;
|
||||
overflow:hidden;
|
||||
width: 100%;
|
||||
border-radius: 1em;
|
||||
img{
|
||||
transform:scale(1.3) translatey(-6px);
|
||||
width: 100%;
|
||||
}
|
||||
@media(max-width: 1025px)and(min-width: 821px){
|
||||
height: 11.5em;
|
||||
img{
|
||||
transform:scale(1.6) translatey(-3px);
|
||||
}
|
||||
}
|
||||
@media(max-width: 821px)and(min-width: 769px){
|
||||
height:8em;
|
||||
img{
|
||||
transform:scale(1.6) translatey(-3px);
|
||||
}
|
||||
}
|
||||
@media(max-width:768px)and(min-width: 600px){
|
||||
height: 22.5em;
|
||||
img{
|
||||
transform:scale(1.3) translatey(-45px);
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
.video_desc {
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: normal;
|
||||
padding-bottom: 0;
|
||||
@media(min-width: 769px){
|
||||
height: 3em;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.video_linkwrapper2{
|
||||
position:relative;
|
||||
height: 17.5em;
|
||||
overflow:hidden;
|
||||
width: 100%;
|
||||
border-radius: 1em;
|
||||
img{
|
||||
transform:scale(1.3) translatey(-41px);
|
||||
width: 100%;
|
||||
}
|
||||
@media(max-width: 1025px)and(min-width: 821px){
|
||||
height:16.5em;
|
||||
img{
|
||||
transform:scale(1.3) translatey(-8px);
|
||||
}
|
||||
}
|
||||
@media(max-width: 821px)and(min-width: 769px){
|
||||
height:11.5em;
|
||||
img{
|
||||
transform:scale(1.3) translatey(-13px);
|
||||
}
|
||||
}
|
||||
@media(max-width:768px)and(min-width: 600px){
|
||||
height: 22.5em;
|
||||
img{
|
||||
transform:scale(1.3) translatey(-48px);
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
@media(max-width: $screen-xs){
|
||||
height: 12.5em;
|
||||
img{
|
||||
transform:scale(1.3) translatey(-22px);
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
.video_linkwrapper3{
|
||||
position:relative;
|
||||
height: 12em;
|
||||
overflow:hidden;
|
||||
img{
|
||||
transform:scale(1.6) translatey(5px);
|
||||
}
|
||||
@media(max-width: 1025px)and(min-width: 821px){
|
||||
height:9.5em;
|
||||
img{
|
||||
transform:scale(1.6) translatey(6px);
|
||||
}
|
||||
}
|
||||
@media(max-width: 821px)and(min-width: 769px){
|
||||
height:7.5em;
|
||||
img{
|
||||
transform:scale(1.6) translatey(6px);
|
||||
}
|
||||
}
|
||||
@media(max-width:768px)and(min-width: 600px){
|
||||
height: 22.5em;
|
||||
img{
|
||||
transform:scale(1.3) translatey(-48px);
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
@media(max-width: $screen-xs){
|
||||
height: 12.5em;
|
||||
img{
|
||||
transform:scale(1.3) translatey(-3px);
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
.video_data{
|
||||
@media(max-width: 768px){
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.video_data:hover, .video_data.hover-class{
|
||||
@media(min-width: 1025px){
|
||||
.video_snapshot{
|
||||
box-shadow: 4px 4px 5px 1px rgba(0, 0, 0, 0.3);
|
||||
-webkit-transform: scale(1.35) translateY(-6px);
|
||||
-ms-transform: scale(1.35) translateY(-6px);
|
||||
transform: scale(1.35) translateY(-6px);
|
||||
-webkit-transition: all .3s ease;
|
||||
-moz-transition: all .3s ease;
|
||||
-ms-transition: all .3s ease;
|
||||
-o-transition: all .3s ease;
|
||||
transition: all .3s ease;
|
||||
}
|
||||
.video_linkwrapper3{
|
||||
.video_snapshot{
|
||||
-webkit-transform: scale(1.95) translateY(-6px)!important;
|
||||
-ms-transform: scale(1.95) translateY(-6px)!important;
|
||||
transform: scale(1.95) translateY(-6px)!important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.index-publications-3{
|
||||
@media(min-width:$screen-xs){
|
||||
.i-annc__img{
|
||||
width: auto;
|
||||
max-width: unset;
|
||||
height: 20em;
|
||||
}
|
||||
}
|
||||
}
|
||||
.index-publications-3 .i-annc__img-wrap{
|
||||
overflow: hidden;
|
||||
margin: 0 0 1em 0;
|
||||
text-align: center;
|
||||
}
|
||||
// .index-publications-3 .i-annc__content-wrap{
|
||||
// height: 6em;
|
||||
// }
|
||||
.wordcloud2{
|
||||
span{
|
||||
font-size: 1.5em !important;
|
||||
height: 2em !important;
|
||||
position: relative !important;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -154,8 +154,15 @@
|
|||
.index-archive-1 {
|
||||
font-family: $main-font;
|
||||
|
||||
.i-archive__item-wrap{
|
||||
border: 1px solid #ccc;
|
||||
margin-bottom: 20px;
|
||||
box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.i-archive__archive-title {
|
||||
font-size: 1.2rem;
|
||||
font-size: 1.3rem;
|
||||
margin-bottom: 0.625em;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
|
@ -182,23 +189,20 @@
|
|||
font-size: 0.8125rem;
|
||||
}
|
||||
|
||||
.i-archive__item-wrap {}
|
||||
|
||||
.i-archive__file-list {
|
||||
display: block;
|
||||
margin-bottom: 0.8em;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.i-archive__file-wrap {
|
||||
margin: 0 0.625rem 1em 0;
|
||||
padding: 0.5em 0.75em;
|
||||
margin:0;
|
||||
padding:0.5em 0 0;
|
||||
border-radius: 0.125em;
|
||||
border: 0.0625em solid lighten($theme-gray-light, 10%);
|
||||
}
|
||||
|
||||
.i-archive__file-name {
|
||||
font-size: 1rem;
|
||||
}
|
||||
// .i-archive__file-name {
|
||||
// font-size: 1rem;
|
||||
// }
|
||||
}
|
||||
|
||||
.index-archive-4 {
|
||||
|
|
|
|||
|
|
@ -3,6 +3,11 @@
|
|||
@import "../initial";
|
||||
|
||||
// Gallery MODULES
|
||||
.index-pic{
|
||||
.img-thumbnail{
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.widget-gallery {
|
||||
.widget-title {
|
||||
@extend .unity-title;
|
||||
|
|
@ -116,7 +121,9 @@
|
|||
|
||||
&.index1 {
|
||||
.index-content {
|
||||
width: 100%;
|
||||
@media(max-width: $screen-xs){
|
||||
width: 100%;
|
||||
}
|
||||
&:nth-child(4n+1) {
|
||||
clear: both;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -2,6 +2,74 @@
|
|||
|
||||
@import "../initial";
|
||||
|
||||
// 選單樣式2
|
||||
.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;
|
||||
left:0!important;
|
||||
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 {
|
||||
|
|
@ -21,7 +89,7 @@
|
|||
min-width: 100%;
|
||||
-webkit-backdrop-filter: saturate(180%) blur(20px);
|
||||
backdrop-filter: saturate(180%) blur(20px);
|
||||
background-color: #ffffffd9;
|
||||
background-color: #fff;
|
||||
-webkit-transition: all .3s ease;
|
||||
-moz-transition: all .3s ease;
|
||||
-ms-transition: all .3s ease;
|
||||
|
|
@ -29,6 +97,69 @@
|
|||
transition: all .3s ease;
|
||||
}
|
||||
|
||||
// //直式選單更改css
|
||||
// .navbar-brand{
|
||||
// h1{
|
||||
// @media(min-width: 769px){
|
||||
// margin-top:0.5em;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// #layout-navigation{
|
||||
// @media(min-width: 769px){
|
||||
// position: absolute;
|
||||
// width: 20%!important;
|
||||
// left: 0;
|
||||
// background-color: #fff;
|
||||
// margin-top: 5em;
|
||||
// padding-right: 0;
|
||||
// #main-nav{
|
||||
// padding: 0;
|
||||
// }
|
||||
// .modules-menu-level-0{
|
||||
// width: 100%!important;
|
||||
// }
|
||||
// .modules-menu-level-0 > li{
|
||||
// width: 100%;
|
||||
// }
|
||||
// .modules-menu-level-1{
|
||||
// min-width: 100%;
|
||||
// left: 100%;
|
||||
// top: 0;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// .verticalhome{
|
||||
// .layout-content{
|
||||
// @media(min-width: 769px){
|
||||
// float: right!important;
|
||||
// width: 80%!important;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// .homebanner{
|
||||
// @media(min-width: 769px){
|
||||
// float: right!important;
|
||||
// width: 80%!important;
|
||||
// .ba-banner-widget-0 img{
|
||||
// transform: none!important;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// .container{
|
||||
// @media(min-width: 1200px){
|
||||
// width: 95%!important;
|
||||
// max-width: unset!important;
|
||||
// }
|
||||
// }
|
||||
// .layout-header .navbar-header .navbar-brand{
|
||||
// @media(min-width: 1200px){
|
||||
// padding-left: 0;
|
||||
// }
|
||||
// }
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
@ -47,11 +178,8 @@
|
|||
z-index: 1020;
|
||||
|
||||
li {
|
||||
white-space: nowrap;
|
||||
padding: 1em;
|
||||
list-style: none;
|
||||
@media(max-width: 768px){
|
||||
padding: 1em;
|
||||
}
|
||||
}
|
||||
.menu-drop.opened {
|
||||
transform: rotateX(180deg);
|
||||
|
|
@ -60,18 +188,21 @@
|
|||
.modules-menu-level-0 {
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
// @media (min-width:769px)and(max-width: 1025px){
|
||||
// display: flex;
|
||||
// flex-wrap: wrap;
|
||||
// justify-content: flex-end;
|
||||
// padding: 0;
|
||||
// width: 100%;
|
||||
// }
|
||||
@media (min-width:769px) {
|
||||
margin: 0 0 0.8em 0;
|
||||
-webkit-flex-flow: row wrap;
|
||||
margin: 0;
|
||||
padding:0.5em 0 0;
|
||||
list-style: none;
|
||||
float: left !important;
|
||||
padding-top: 10px;
|
||||
display: flex;
|
||||
width: 100%;
|
||||
justify-content: start;
|
||||
padding-left: 0;
|
||||
padding-left: 6em;
|
||||
padding-right: 3em;
|
||||
flex-wrap: wrap;
|
||||
justify-content: flex-end;
|
||||
width: 70%;
|
||||
}
|
||||
.has-dropdown.level-1.active {
|
||||
.modules-menu-level-1 {
|
||||
|
|
@ -109,7 +240,7 @@
|
|||
text-align: center;
|
||||
border-radius: 0.13em;
|
||||
top: 2em;
|
||||
@media(max-width: 768px){
|
||||
@media(max-width: 769px){
|
||||
top: 1em;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
|
@ -129,21 +260,12 @@
|
|||
margin: 0;
|
||||
padding: 0.5em;
|
||||
border-bottom: 0.0625em solid lighten($theme-gray, 5%);
|
||||
i{
|
||||
color: #fff;
|
||||
@media(max-width: 768px){
|
||||
color: $theme-color-main;
|
||||
}
|
||||
}
|
||||
|
||||
& > a {
|
||||
display: block;
|
||||
padding: 1.125em 0;
|
||||
padding: 1em;
|
||||
font-family: $main-font;
|
||||
font-size: 1.1em;
|
||||
color: #fff;
|
||||
@media(max-width: 768px){
|
||||
color: $theme-color-main;
|
||||
}
|
||||
&:after{
|
||||
content:'';
|
||||
position:absolute;
|
||||
|
|
@ -161,7 +283,7 @@
|
|||
bottom:0;
|
||||
}
|
||||
&.active {
|
||||
text-decoration: revert;
|
||||
color: $theme-color-second;
|
||||
background: none;
|
||||
&:after{
|
||||
width:100%;
|
||||
|
|
@ -172,7 +294,7 @@
|
|||
|
||||
&:hover {
|
||||
& > a {
|
||||
text-decoration: revert;
|
||||
color: $theme-color-second;
|
||||
background: transparent;
|
||||
box-shadow:none;
|
||||
&:after{
|
||||
|
|
@ -183,21 +305,29 @@
|
|||
}
|
||||
|
||||
@media (min-width: $screen-sm) {
|
||||
// background-text-decoration: revert;
|
||||
// background-color: $theme-color-second;
|
||||
// border-radius: 0.5em;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: $screen-sm)and(max-width: 1439px){
|
||||
.modules-menu-level-1 {
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
@media (min-width: $screen-sm) {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border-bottom: none;
|
||||
width: 30%;
|
||||
|
||||
&:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
&:nth-last-child(2){
|
||||
.modules-menu-level-2 {
|
||||
right: 100%;
|
||||
left: auto;
|
||||
}
|
||||
}
|
||||
&:last-child {
|
||||
margin-right: 0;
|
||||
|
||||
|
|
@ -210,6 +340,8 @@
|
|||
}
|
||||
|
||||
& > li {
|
||||
padding-right: 1em;
|
||||
padding-left: 1em;
|
||||
|
||||
& > a {
|
||||
padding-left: 0;
|
||||
|
|
@ -224,12 +356,10 @@
|
|||
}
|
||||
|
||||
& > a {
|
||||
font-size:1.2em;
|
||||
color:#fff;
|
||||
font-weight: 900;
|
||||
font-size:1.1em;
|
||||
color:#686868;
|
||||
font-weight: bold;
|
||||
position: relative;
|
||||
border-bottom: 2px solid #f8f9fa;
|
||||
margin-right: 1em;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
|
|
@ -244,15 +374,18 @@
|
|||
}
|
||||
|
||||
.modules-menu-level-1 {
|
||||
display: none;
|
||||
list-style: none;
|
||||
z-index: 1;
|
||||
padding:0;
|
||||
left: auto;
|
||||
@media(min-width:769px){
|
||||
display: block !important;
|
||||
min-width: 200px;
|
||||
width:fit-content;
|
||||
box-shadow: 2px 2px 5px #00000033;
|
||||
margin:0;
|
||||
transition-duration: 0.5s;
|
||||
padding-right: 1em;
|
||||
background: #f0f0f0;
|
||||
& > a {
|
||||
padding: 1em 1.5em;
|
||||
}
|
||||
|
|
@ -260,9 +393,7 @@
|
|||
|
||||
& > li {
|
||||
position: relative;
|
||||
padding-top: 1em;
|
||||
padding-left: 0;
|
||||
list-style: none;
|
||||
padding: 1em;
|
||||
// & + li {
|
||||
// border-top: 0.0625em solid lighten($theme-gray, 5%);
|
||||
// }
|
||||
|
|
@ -271,22 +402,26 @@
|
|||
display: block;
|
||||
font-family: $main-font;
|
||||
font-weight: 600;
|
||||
color: #fff;
|
||||
color: #686868;
|
||||
font-size: 1.1em;
|
||||
@media(max-width: 768px){
|
||||
color: $theme-color-main;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
// background-text-decoration: revert;
|
||||
& > a {
|
||||
text-decoration: revert;
|
||||
|
||||
@media(max-width: 769px){
|
||||
background-color: $theme-color-second;
|
||||
a,i {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
&>a {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: $screen-sm) {
|
||||
position: absolute;
|
||||
|
||||
& > li {
|
||||
& > a {
|
||||
|
|
@ -295,7 +430,8 @@
|
|||
|
||||
&:hover {
|
||||
.modules-menu-level-2 {
|
||||
|
||||
display: block;
|
||||
position: absolute;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -306,34 +442,35 @@
|
|||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
display: none;
|
||||
|
||||
& > li {
|
||||
& + li {
|
||||
list-style: none;
|
||||
// border-top: 0.0625em solid lighten($theme-gray, 5%);
|
||||
}
|
||||
|
||||
& > a {
|
||||
display: block;
|
||||
color:#fff;
|
||||
font-family: $main-font;
|
||||
color:#686868;
|
||||
font-weight: 500;
|
||||
font-weight: bold;
|
||||
padding-top: 1em;
|
||||
@media(max-width: 768px){
|
||||
color: $theme-color-main;
|
||||
}
|
||||
}
|
||||
&:hover {
|
||||
a{
|
||||
transition: all 0.3s ease-in-out;
|
||||
text-decoration: revert;
|
||||
color: $theme-color-second;
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: $screen-sm) {
|
||||
|
||||
top: 0;
|
||||
left: 100%;
|
||||
background-color: #dbdbdb;
|
||||
position: absolute;
|
||||
min-width: 150px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -359,14 +496,7 @@
|
|||
padding: 0;
|
||||
}
|
||||
}
|
||||
.navbar-toggle{
|
||||
@media(min-width: 769px){
|
||||
margin-top: 1em;
|
||||
right:6%;
|
||||
position: absolute;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
//mobile
|
||||
.mobile-menu {
|
||||
z-index: 1051;
|
||||
|
|
@ -382,57 +512,30 @@
|
|||
}
|
||||
|
||||
.modules-menu {
|
||||
width: 100%;
|
||||
width: 80%;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
background: #222222a6;
|
||||
background: #ffffff;
|
||||
height: 100%;
|
||||
top: 40px;
|
||||
padding-top: 0;
|
||||
@media(max-width: 768px){
|
||||
width: 80%;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
background: #ffffff;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
padding-top: 40px;
|
||||
}
|
||||
top: 0;
|
||||
padding-top: 40px;
|
||||
}
|
||||
.modules-menu .modules-menu-level-0 > li > a, .modules-menu .modules-menu-level-0 ,.modules-menu .modules-menu-level-0 > li {
|
||||
font-weight:bold;
|
||||
}
|
||||
.menu-drop{
|
||||
font-size: 10px ;
|
||||
|
||||
}
|
||||
.navbar-toggle {
|
||||
|
||||
@media(max-width: 768px){
|
||||
display: block!important;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
background: transparent;
|
||||
top: 40px;
|
||||
z-index: 1;
|
||||
height: 100vh;
|
||||
margin: 0;
|
||||
width: 20%;
|
||||
border: 0;
|
||||
}
|
||||
@media(min-width: 769px){
|
||||
position: absolute;
|
||||
right: 3%;
|
||||
background: transparent;
|
||||
top: 3.5em;
|
||||
z-index: 11111;
|
||||
height: 40px;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
-webkit-transition: -webkit-transform 0.3s;
|
||||
transition: -webkit-transform 0.3s;
|
||||
transition: transform 0.3s;
|
||||
transition: transform 0.3s, -webkit-transform 0.3s;
|
||||
}
|
||||
position: absolute;
|
||||
left: 0;
|
||||
background: transparent;
|
||||
top: 40px;
|
||||
z-index: 1;
|
||||
height: 100vh;
|
||||
margin: 0;
|
||||
width: 20%;
|
||||
border: 0;
|
||||
}
|
||||
.cover {
|
||||
position: fixed;
|
||||
|
|
@ -462,19 +565,20 @@
|
|||
}
|
||||
.mobile-menu .modules-menu.collapse.in {
|
||||
transform: translateX(100%);
|
||||
-webkit-transition-timing-function: ease;
|
||||
-o-transition-timing-function: ease;
|
||||
transition-timing-function: ease;
|
||||
-webkit-transition-duration: .35s;
|
||||
-o-transition-duration: .35s;
|
||||
transition-duration: .35s;
|
||||
-webkit-transition-property: transform;
|
||||
-o-transition-property: transform;
|
||||
transition-property: transform;
|
||||
-webkit-transition-timing-function:ease;
|
||||
-o-transition-timing-function:ease;
|
||||
transition-timing-function:ease;
|
||||
-webkit-transition-duration:.35s;
|
||||
-o-transition-duration:.35s;
|
||||
transition-duration:.35s;
|
||||
-webkit-transition-property:transform;
|
||||
-o-transition-property:transform;
|
||||
transition-property:transform;
|
||||
}
|
||||
|
||||
.mobile-menu .collapse.navbar-collapse.modules-menu {
|
||||
transform: translateX(0%);
|
||||
overflow-y: scroll;
|
||||
transform: translateX(0%);
|
||||
}
|
||||
.display-on{
|
||||
display:block!important;
|
||||
|
|
@ -491,7 +595,7 @@
|
|||
align-self: center;
|
||||
margin-left: 10px;
|
||||
z-index: 999;
|
||||
@media(max-width: 768px){
|
||||
@media(max-width: 769px){
|
||||
position: absolute;
|
||||
right: 0.3em;
|
||||
width: 2.5em;
|
||||
|
|
@ -507,7 +611,6 @@
|
|||
.fa-chevron-right{
|
||||
align-self: center;
|
||||
margin-left: 10px;
|
||||
font-size: 3px;
|
||||
font-weight: 100!important;
|
||||
}
|
||||
.show{
|
||||
|
|
@ -515,26 +618,23 @@
|
|||
display: block!important;
|
||||
visibility: visible!important;
|
||||
}
|
||||
.mobile-menu .collapse.navbar-collapse.modules-menu{
|
||||
@media(min-width: 769px){
|
||||
// overflow-y: scroll !important;
|
||||
height: 100% !important;
|
||||
padding: 0;
|
||||
.mobile-menu2{
|
||||
&>a{
|
||||
padding-right: 1em;
|
||||
}
|
||||
.menu-drop{
|
||||
top: 0.6em!important;
|
||||
}
|
||||
}
|
||||
.mobile-menu1{
|
||||
@media(min-width: 769px){
|
||||
&>.menu-drop{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
.navbar-toggle0{
|
||||
@media(min-width: 769px){
|
||||
position: absolute;
|
||||
right: 0;
|
||||
.navbar-toggle{
|
||||
transform: translateX(-100%);
|
||||
html[lang="en"]{
|
||||
.modules-menu .modules-menu-level-0{
|
||||
@media (min-width: 1025px){
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
.modules-menu-level-1{
|
||||
@media(min-width:769px){
|
||||
min-width: 220px!important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -75,7 +75,7 @@
|
|||
padding: 0;
|
||||
position: absolute;
|
||||
right:1em;
|
||||
z-index: 99;
|
||||
z-index:1;
|
||||
@media(max-width: $screen-xs){
|
||||
margin-top: 0.5em;
|
||||
right:0;
|
||||
|
|
@ -208,9 +208,32 @@
|
|||
padding: 15px 10px!important;
|
||||
}
|
||||
.universal-table-index1{
|
||||
table-layout: auto !important;
|
||||
.col-ken{
|
||||
@media(min-width: $screen-xs){
|
||||
width: auto!important;
|
||||
width: auto!important;
|
||||
}
|
||||
}
|
||||
@media(min-width: $screen-xs){
|
||||
.universal-th-icon{
|
||||
padding:5px!important;
|
||||
}
|
||||
.universal-dropdown{
|
||||
.btn{
|
||||
padding: 0.3125em!important;
|
||||
}
|
||||
}
|
||||
.universal-th-text{
|
||||
display: block!important;
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
}
|
||||
.universal-table-index3{
|
||||
table-layout: auto !important;
|
||||
.col-ken{
|
||||
@media(min-width: $screen-xs){
|
||||
width: auto!important;
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -229,10 +252,11 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
.universal-table-index3{
|
||||
.universal-table-index2{
|
||||
table-layout: auto !important;
|
||||
.col-ken{
|
||||
@media(min-width: $screen-xs){
|
||||
width: auto!important;
|
||||
width: auto!important;
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -252,12 +276,25 @@
|
|||
}
|
||||
}
|
||||
.universal-table-index4{
|
||||
.universal-th-text{
|
||||
margin: 0;
|
||||
}
|
||||
table-layout: auto !important;
|
||||
.col-ken{
|
||||
@media(min-width: $screen-xs){
|
||||
@media(min-width: $screen-xs){
|
||||
width: auto!important;
|
||||
}
|
||||
|
||||
}
|
||||
@media(min-width: $screen-xs){
|
||||
.universal-th-icon{
|
||||
padding:5px!important;
|
||||
}
|
||||
.universal-dropdown{
|
||||
.btn{
|
||||
padding: 0.3125em!important;
|
||||
}
|
||||
}
|
||||
.universal-th-text{
|
||||
display: block!important;
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -31,17 +31,31 @@
|
|||
.container{
|
||||
margin: auto;
|
||||
}
|
||||
.layout-content{
|
||||
.response-container{
|
||||
@media (min-width: 769px)and(max-width: 820px) {
|
||||
width: 768px!important;
|
||||
}
|
||||
}
|
||||
// .layout-content{
|
||||
// .response-container{
|
||||
// @media (min-width: 769px)and(max-width: 820px) {
|
||||
// width: 768px!important;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
.internalfullwidth{
|
||||
@media(min-width: $screen-lg){
|
||||
transform: translateX(calc(-50vw + 585px));
|
||||
width: 100vw;
|
||||
}
|
||||
@media(max-width:1199px)and(min-width:768px){
|
||||
width: 100vw;
|
||||
transform: translateX(-1.95em);
|
||||
}
|
||||
@media(max-width:767px){
|
||||
width: 100vw;
|
||||
transform: translateX(-0.95em);
|
||||
}
|
||||
}
|
||||
// container setting
|
||||
.response-container {
|
||||
position: relative;
|
||||
margin:auto!important;
|
||||
margin:auto;
|
||||
@media (max-width: $screen-xs) {
|
||||
width: 100%;
|
||||
}
|
||||
|
|
@ -71,7 +85,7 @@
|
|||
.background {
|
||||
width: 100%;
|
||||
left: 0;
|
||||
top: 30px;
|
||||
top: 5px;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
|
|
@ -172,9 +186,6 @@ ul.tab_nav {
|
|||
}
|
||||
}
|
||||
}
|
||||
.video_data{
|
||||
width: 100%;
|
||||
}
|
||||
.black-screen-social-window.reactable.right .content-social .social_wrap > div{
|
||||
background-color: #ffffffc2;
|
||||
}
|
||||
|
|
@ -222,11 +233,11 @@ ul.tab_nav {
|
|||
}
|
||||
}
|
||||
}
|
||||
//td有rwd
|
||||
//td有rwd跳色
|
||||
#tdstyle1{
|
||||
tr{
|
||||
&:nth-child(even){
|
||||
background-color:#e0e5eb;
|
||||
background-color:#dfdedc;
|
||||
}
|
||||
}
|
||||
tr{
|
||||
|
|
@ -242,6 +253,194 @@ ul.tab_nav {
|
|||
width:100%!important;
|
||||
}
|
||||
}
|
||||
@media(max-width: $screen-xs){
|
||||
thead{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
//td有rwd
|
||||
#tdstyle5{
|
||||
margin-top: 1.5em;
|
||||
tr{
|
||||
@media(max-width: $screen-xs){
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
width: 100%!important;
|
||||
}
|
||||
|
||||
}
|
||||
td,th{
|
||||
@media(max-width: $screen-xs){
|
||||
width:100%!important;
|
||||
}
|
||||
}
|
||||
ul{
|
||||
padding: 0;
|
||||
|
||||
}
|
||||
li{
|
||||
font-weight: bold;
|
||||
background-color:#f2f2f2;
|
||||
margin-bottom: 0.5em;
|
||||
border-radius: 0.5em;
|
||||
list-style: none;
|
||||
padding: 0.5em;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
|
||||
}
|
||||
|
||||
.firsttr1{
|
||||
border-radius: 0 !important;
|
||||
padding-bottom: 1.5em !important;
|
||||
padding-top: 1em!important;
|
||||
margin-bottom: 2em !important;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
&:after{
|
||||
content: '1';
|
||||
background-color: #fff;
|
||||
position: absolute;
|
||||
padding: 0.1em 1.5em;
|
||||
border-radius: 1em;
|
||||
border: 2px solid #f5c346;
|
||||
color: #333;
|
||||
left: 36%;
|
||||
top: 70%;
|
||||
}
|
||||
&:before{
|
||||
content: '';
|
||||
position: absolute;
|
||||
height: 18.5em;
|
||||
left: 50%;
|
||||
top: -105px;
|
||||
width: 2px;
|
||||
background-color: #f5c346;
|
||||
z-index: 0;
|
||||
}
|
||||
}
|
||||
.firsttr2{
|
||||
border-radius: 0 !important;
|
||||
padding-bottom: 1.5em !important;
|
||||
padding-top: 1em!important;
|
||||
margin-bottom: 2em !important;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
&:after{
|
||||
content: '1';
|
||||
background-color: #fff;
|
||||
position: absolute;
|
||||
padding: 0.1em 1.5em;
|
||||
border-radius: 1em;
|
||||
border: 2px solid #5a89f5;
|
||||
color: #333;
|
||||
left: 36%;
|
||||
top: 70%;
|
||||
}
|
||||
&:before{
|
||||
content: '';
|
||||
position: absolute;
|
||||
height: 16.5em;
|
||||
left: 50%;
|
||||
top:-60px;
|
||||
width: 2px;
|
||||
background-color: #5a89f5;
|
||||
z-index: 0;
|
||||
}
|
||||
}
|
||||
.firsttr3{
|
||||
border-radius: 0 !important;
|
||||
padding-bottom: 1.5em !important;
|
||||
padding-top: 1em!important;
|
||||
margin-bottom: 2em !important;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
&:after{
|
||||
content: '1';
|
||||
background-color: #fff;
|
||||
position: absolute;
|
||||
padding: 0.1em 1.5em;
|
||||
border-radius: 1em;
|
||||
border: 2px solid #464063;
|
||||
color: #333;
|
||||
left: 36%;
|
||||
top: 70%;
|
||||
}
|
||||
&:before{
|
||||
content: '';
|
||||
position: absolute;
|
||||
height: 15.5em;
|
||||
left: 50%;
|
||||
top: -40px;
|
||||
width: 2px;
|
||||
background-color: #464063;
|
||||
z-index: 0;
|
||||
}
|
||||
}
|
||||
.firsttr4{
|
||||
border-radius: 0 !important;
|
||||
padding-bottom: 1.5em !important;
|
||||
padding-top: 1em!important;
|
||||
margin-bottom: 2em !important;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
&:after{
|
||||
content: '1';
|
||||
background-color: #fff;
|
||||
position: absolute;
|
||||
padding: 0.1em 1.5em;
|
||||
border-radius: 1em;
|
||||
border: 2px solid #ed7b77;
|
||||
color: #333;
|
||||
left: 36%;
|
||||
top: 70%;
|
||||
}
|
||||
&:before{
|
||||
content: '';
|
||||
position: absolute;
|
||||
height: 16.5em;
|
||||
left: 50%;
|
||||
top:-62px;
|
||||
width: 2px;
|
||||
background-color: #ed7b77;
|
||||
z-index: 0;
|
||||
}
|
||||
}
|
||||
.firsttr5{
|
||||
border-radius: 0 !important;
|
||||
padding-bottom: 1.5em !important;
|
||||
padding-top: 1em!important;
|
||||
margin-bottom: 2em !important;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
&:after{
|
||||
content: '1';
|
||||
background-color: #fff;
|
||||
position: absolute;
|
||||
padding: 0.1em 1.5em;
|
||||
border-radius: 1em;
|
||||
border: 2px solid #afaac8;
|
||||
color: #333;
|
||||
left: 36%;
|
||||
top: 70%;
|
||||
}
|
||||
&:before{
|
||||
content: '';
|
||||
position: absolute;
|
||||
height: 18.5em;
|
||||
left: 50%;
|
||||
top: -105px;
|
||||
width: 2px;
|
||||
background-color:#afaac8;
|
||||
z-index: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
//td無rwd
|
||||
#tdstyle2{
|
||||
|
|
@ -276,21 +475,21 @@ ul.tab_nav {
|
|||
table td{
|
||||
border: 1px solid #ddd!important;
|
||||
@media (max-width: 480px) {
|
||||
width: auto;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
td,th{
|
||||
@media(max-width: $screen-xs){
|
||||
width: auto ;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
tr{
|
||||
display: table-row;
|
||||
}
|
||||
|
||||
|
||||
tr{
|
||||
&:nth-child(even){
|
||||
background-color:#e0e5eb;
|
||||
&:nth-child(odd){
|
||||
background-color:#f2f2f2;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -473,16 +672,18 @@ table.dataTable>tbody>tr.child{
|
|||
input.search_box{
|
||||
background: #fff!important;
|
||||
border: 1px solid #bbb!important;
|
||||
border-radius: 0!important;
|
||||
color: #333!important;
|
||||
padding: 0.5em !important;
|
||||
margin-right: 0.5em !important;
|
||||
border-radius: 0.5em!important;
|
||||
}
|
||||
::placeholder {
|
||||
color: #333!important;
|
||||
}
|
||||
#category_select_box{
|
||||
border-radius: 0.5em!important;
|
||||
background: #fff!important;
|
||||
color: #333!important;
|
||||
border-radius: 0!important;
|
||||
margin-right: 0.5em!important;
|
||||
}
|
||||
#category_select_box>option{
|
||||
|
|
@ -491,6 +692,45 @@ input.search_box{
|
|||
}
|
||||
.search_widget{
|
||||
padding-top: 1em;
|
||||
padding-bottom: 1em;
|
||||
}
|
||||
.ui-datepicker-calendar{
|
||||
tr{
|
||||
flex-wrap:unset!important;
|
||||
}
|
||||
th{
|
||||
width: auto!important;
|
||||
}
|
||||
}
|
||||
.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all{
|
||||
background: #000000;
|
||||
border-color: #000000;
|
||||
color: #fff!important;
|
||||
}
|
||||
.ui-widget-header a{
|
||||
color: #fff!important;
|
||||
}
|
||||
.ui-widget-header .ui-icon{
|
||||
filter: brightness(500%);
|
||||
}
|
||||
a.ui-state-default{
|
||||
background: #fff!important;
|
||||
border:0!important;
|
||||
text-align: center!important;
|
||||
&:hover{
|
||||
background: silver!important;
|
||||
}
|
||||
}
|
||||
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
|
||||
border: 0!important;
|
||||
background: silver!important;
|
||||
}
|
||||
.aligncenter{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@media(max-width:$screen-xs){
|
||||
justify-content: flex-start!important;
|
||||
}
|
||||
}
|
||||
.flexwrap{
|
||||
display: flex;
|
||||
|
|
@ -502,8 +742,97 @@ input.search_box{
|
|||
flex-wrap: wrap-reverse!important;
|
||||
}
|
||||
}
|
||||
//search
|
||||
.search-box{
|
||||
width: fit-content;
|
||||
height: fit-content;
|
||||
position: relative;
|
||||
}
|
||||
.input-search{
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
border-style: none;
|
||||
padding: 10px;
|
||||
font-size: 18px;
|
||||
letter-spacing: 2px;
|
||||
outline: none;
|
||||
border-radius: 25px;
|
||||
transition: all .5s ease-in-out;
|
||||
background:none;
|
||||
padding-right: 40px;
|
||||
color:#fff;
|
||||
z-index: 100;
|
||||
position: relative;
|
||||
@media(max-width:768px){
|
||||
color:#333!important ;
|
||||
height: 30px;
|
||||
}
|
||||
}
|
||||
.input-search::placeholder{
|
||||
font-size: 18px;
|
||||
letter-spacing: 2px;
|
||||
font-weight: 100;
|
||||
@media(min-width:769px){
|
||||
color:#fff!important;
|
||||
}
|
||||
@media(max-width:768px){
|
||||
color:#333!important ;
|
||||
}
|
||||
}
|
||||
.btn-search{
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
border-style: none;
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
outline: none;
|
||||
cursor: pointer;
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
right: 0px;
|
||||
color:#ffffff ;
|
||||
background-color:transparent;
|
||||
pointer-events: painted;
|
||||
@media(max-width:768px){
|
||||
color:#333 ;
|
||||
width: 70px;
|
||||
height: 30px;
|
||||
}
|
||||
}
|
||||
.btn-search:focus ~ .input-search{
|
||||
width: 200px;
|
||||
border-radius: 0px;
|
||||
background-color: transparent;
|
||||
border-bottom:1px solid rgba(255,255,255,.5);
|
||||
transition: all 500ms cubic-bezier(0, 0.110, 0.35, 2);
|
||||
}
|
||||
.displayflex{
|
||||
@media(min-width: $screen-xs){
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
.input-search:focus{
|
||||
width: 200px;
|
||||
border-radius: 0px;
|
||||
background-color: transparent;
|
||||
border-bottom:1px solid rgba(255,255,255,.5);
|
||||
transition: all 500ms cubic-bezier(0, 0.110, 0.35, 2);
|
||||
}
|
||||
hr{
|
||||
border-top: 0.0625em solid #333;
|
||||
}
|
||||
.video_tablist li.now_view a{
|
||||
background-color: #c9c9c9!important;
|
||||
}
|
||||
.video_tablist a{
|
||||
background-color: #a2a2a2!important;
|
||||
}
|
||||
.modal-backdrop{
|
||||
z-index: 2;
|
||||
}
|
||||
.video_tablist li.now_view a{
|
||||
background-color: #c9c9c9!important;
|
||||
}
|
||||
.video_tablist a{
|
||||
background-color: #a2a2a2!important;
|
||||
}
|
||||
|
|
@ -21,23 +21,26 @@
|
|||
<div class="sitemenu-wrap container" data-pp="400"></div>
|
||||
</div>
|
||||
<div class="breadcrumb-wrap container" data-pp="500"></div>
|
||||
<div class="content container">
|
||||
<section class="page-content-box col-sm-3" data-pp="901"></section>
|
||||
<section class="page-content-box col-sm-6" data-pp="902"></section>
|
||||
<section class="page-content-box col-sm-3" data-pp="903"></section>
|
||||
<div class="content container">
|
||||
<div class="row">
|
||||
<section class="page-content-box col-sm-3" data-pp="901"></section>
|
||||
<section class="page-content-box col-sm-6" data-pp="902"></section>
|
||||
<section class="page-content-box col-sm-3" data-pp="903"></section>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row container">
|
||||
<aside class="layout-content-box aside leftCol col-sm-3" data-pp="904"></aside>
|
||||
<aside class="layout-content-box aside rightCol col-sm-9" data-pp="905"></aside>
|
||||
</div>
|
||||
<div class="row container">
|
||||
<section class="layout-content-box left-column col-sm-9">
|
||||
<div class="extra " data-pp="600"></div>
|
||||
<div class="row container membercontainer">
|
||||
<section class="extrabox layout-content-box left-column col-sm-9">
|
||||
<div class="extra" data-pp="600"></div>
|
||||
<main id="main-content" class="main-content" data-content="true">
|
||||
<%= yield %>
|
||||
</main>
|
||||
<%= render_every_page_sharer %>
|
||||
<div class="extra" data-pp="700"></div>
|
||||
<div class="extra sitemenu-wrap2" data-pp="700"></div>
|
||||
<div class="extra sitemenu-wrap3" data-pp="7000"></div>
|
||||
</section>
|
||||
<aside class="layout-content-box aside right-column col-sm-3" data-pp="906"></aside>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -37,11 +37,11 @@
|
|||
<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>
|
||||
<i class="fa-regular fa-calendar"></i>
|
||||
<span class="w-annc__postdate">{{postdate}}</span>
|
||||
</span>
|
||||
<span class="w-annc__category-wrap">
|
||||
<i class="fa fa-tasks"></i>
|
||||
<i class="fa-solid fa-list"></i>
|
||||
<span class="w-annc__category">{{category}}</span>
|
||||
</span>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -14,7 +14,7 @@
|
|||
<ul class="w-annc__list" data-level="0" data-list="announcements">
|
||||
<li class="w-annc__item row">
|
||||
<span class="w-annc__postdate-wrap col-sm-3" date-format="%Y-%m-%d">
|
||||
<i class="fa fa-calendar-o"></i>
|
||||
<i class="fa-regular fa-calendar"></i>
|
||||
<span class="w-annc__postdate">{{postdate}}</span>
|
||||
</span>
|
||||
<h4 class="w-annc__entry-title col-sm-9">
|
||||
|
|
@ -28,4 +28,4 @@
|
|||
<div class="w-annc__more-wrap clearfix">
|
||||
<a class="w-annc__more btn btn-primary pull-right" href="{{more_url}}"><%= (I18n.locale.to_s =="zh_tw") ? "更多最新消息" : "More NEWS" %></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -32,11 +32,11 @@
|
|||
<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>
|
||||
<i class="fa-regular fa-calendar"></i>
|
||||
<span class="w-annc__postdate">{{postdate}}</span>
|
||||
</span>
|
||||
<span class="w-annc__category-wrap">
|
||||
<i class="fa fa-tasks"></i>
|
||||
<i class="fa-solid fa-list"></i>
|
||||
<span class="w-annc__category">{{category}}</span>
|
||||
</span>
|
||||
</a>
|
||||
|
|
|
|||
|
|
@ -19,11 +19,11 @@
|
|||
<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>
|
||||
<i class="fa-regular fa-calendar"></i>
|
||||
<span class="w-annc__postdate">{{postdate}}</span>
|
||||
</span>
|
||||
<span class="w-annc__category-wrap">
|
||||
<i class="fa fa-tasks"></i>
|
||||
<i class="fa-solid fa-list"></i>
|
||||
<span class="w-annc__category">{{category}}</span>
|
||||
</span>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -37,11 +37,11 @@
|
|||
<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>
|
||||
<i class="fa-regular fa-calendar"></i>
|
||||
<span class="w-annc__postdate">{{postdate}}</span>
|
||||
</span>
|
||||
<span class="w-annc__category-wrap">
|
||||
<i class="fa fa-tasks"></i>
|
||||
<i class="fa-solid fa-list"></i>
|
||||
<span class="w-annc__category">{{category}}</span>
|
||||
</span>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -25,11 +25,11 @@
|
|||
<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>
|
||||
<i class="fa-regular fa-calendar"></i>
|
||||
<span class="w-annc__postdate">{{postdate}}</span>
|
||||
</span>
|
||||
<span class="w-annc__category-wrap">
|
||||
<i class="fa fa-tasks"></i>
|
||||
<i class="fa-solid fa-list"></i>
|
||||
<span class="w-annc__category">{{category}}</span>
|
||||
</span>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -19,11 +19,11 @@
|
|||
<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>
|
||||
<i class="fa-regular fa-calendar"></i>
|
||||
<span class="w-annc__postdate">{{postdate}}</span>
|
||||
</span>
|
||||
<span class="w-annc__category-wrap">
|
||||
<i class="fa fa-tasks"></i>
|
||||
<i class="fa-solid fa-list"></i>
|
||||
<span class="w-annc__category">{{category}}</span>
|
||||
</span>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -4,14 +4,14 @@
|
|||
</h3>
|
||||
<ul class="w-annc__list row" data-level="0" data-list="announcements">
|
||||
<li class="w-annc__item">
|
||||
<div class="w-annc__content-wrap">
|
||||
<div class="w-annc__content-wrap">
|
||||
<div class="w-annc__meta">
|
||||
<span class="w-annc__postdate-wrap" date-format="%Y-%m-%d">
|
||||
|
||||
<i class="fa-regular fa-calendar"></i>
|
||||
<span class="w-annc__postdate">{{postdate}}</span>
|
||||
</span>
|
||||
<span class="w-annc__category-wrap">
|
||||
|
||||
<i class="fa-solid fa-list"></i>
|
||||
<span class="w-annc__category">{{category}}</span>
|
||||
</span>
|
||||
<span class="w-annc__status-wrap" data-list="statuses" data-level="1">
|
||||
|
|
|
|||
|
|
@ -1,27 +0,0 @@
|
|||
<div class="i-annc index-announcement-17 {{display}}">
|
||||
<h1 class="i-annc__page-title">{{page-title}}</h1>
|
||||
<table class="i-annc__table table table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="i-annc__th i-annc__th--category">{{category-head}}</th>
|
||||
<th class="i-annc__th i-annc__th--title">{{title-head}}</th>
|
||||
<th class="i-annc__th i-annc__th--date">{{date-head}}</th>
|
||||
<th class="i-annc__th i-annc__th--department">{{department-head}}</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-level="0" data-list="announcements">
|
||||
<tr>
|
||||
<td class="i-annc__category">{{category}}</td>
|
||||
<td class="i-annc__content">
|
||||
<span class="i-annc__status-wrap" data-list="statuses" data-level="1">
|
||||
<span class="i-annc__status label status {{status-class}}">{{status}}</span>
|
||||
</span>
|
||||
<a class="i-annc__title" href="{{link_to_show}}">{{title}}</a>
|
||||
</td>
|
||||
<td class="i-annc__postdate"><span class="i-annc__postdate-content" date-format="%Y-%m-%d">{{postdate}}</span></td>
|
||||
<td class="i-annc__department"><span class="i-annc__department-content">{{department}}</span></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
{{pagination_goes_here}}
|
||||
|
|
@ -13,11 +13,11 @@
|
|||
<span class="i-annc__status label {{status-class}}">{{status}}</span>
|
||||
</span>
|
||||
<span class="i-annc__postdate-wrap" date-format="%Y-%m-%d">
|
||||
|
||||
<i class="fa-regular fa-calendar"></i>
|
||||
<span class="i-annc__postdate">{{postdate}}</span>
|
||||
</span>
|
||||
<span class="i-annc__category-wrap">
|
||||
|
||||
<i class="fa-solid fa-list"></i>
|
||||
<span class="i-annc__category">{{category}}</span>
|
||||
</span>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,32 +0,0 @@
|
|||
<div class="i-annc index-announcement-19">
|
||||
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||
<ul class="i-annc__list row" data-level="0" data-list="announcements">
|
||||
<li class="i-annc__item col-md-3 col-sm-3">
|
||||
<div class="i-annc__img-wrap bullseye">
|
||||
<a href="{{link_to_show}}" alt="{{img_description}}" title="{{img_description}}">
|
||||
<img class="i-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
||||
</a>
|
||||
</div>
|
||||
<div class="i-annc__content-wrap">
|
||||
<div class="i-annc__meta">
|
||||
<span class="i-annc__status-wrap" data-list="statuses" data-level="1">
|
||||
<span class="i-annc__status label {{status-class}}">{{status}}</span>
|
||||
</span>
|
||||
<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">
|
||||
|
||||
<span class="i-annc__category">{{category}}</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>
|
||||
{{pagination_goes_here}}
|
||||
|
|
@ -13,11 +13,11 @@
|
|||
<span class="i-annc__status label {{status-class}}">{{status}}</span>
|
||||
</span>
|
||||
<span class="i-annc__postdate-wrap" date-format="%Y-%m-%d">
|
||||
|
||||
<i class="fa-regular fa-calendar"></i>
|
||||
<span class="i-annc__postdate">{{postdate}}</span>
|
||||
</span>
|
||||
<span class="i-annc__category-wrap">
|
||||
|
||||
<i class="fa-solid fa-list"></i>
|
||||
<span class="i-annc__category">{{category}}</span>
|
||||
</span>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -5,11 +5,11 @@
|
|||
<div class="i-annc__content-wrap">
|
||||
<div class="i-annc__meta">
|
||||
<span class="i-annc__postdate-wrap" date-format="%Y-%m-%d">
|
||||
|
||||
<i class="fa-regular fa-calendar"></i>
|
||||
<span class="i-annc__postdate">{{postdate}}</span>
|
||||
</span>
|
||||
<span class="i-annc__category-wrap">
|
||||
<i class="fa fa-clone"></i>
|
||||
<i class="fa-solid fa-list"></i>
|
||||
<span class="i-annc__category">{{category}}</span>
|
||||
</span>
|
||||
<span class="i-annc__status-wrap" data-list="statuses" data-level="1">
|
||||
|
|
|
|||
|
|
@ -13,11 +13,11 @@
|
|||
<span class="i-annc__status label status {{status-class}}">{{status}}</span>
|
||||
</span>
|
||||
<span class="i-annc__postdate-wrap" date-format="%Y-%m-%d">
|
||||
|
||||
<i class="fa-regular fa-calendar"></i>
|
||||
<span class="i-annc__postdate">{{postdate}}</span>
|
||||
</span>
|
||||
<span class="i-annc__category-wrap">
|
||||
<i class="fa fa-clone"></i>
|
||||
<i class="fa-solid fa-list"></i>
|
||||
<span class="i-annc__category">{{category}}</span>
|
||||
</span>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -8,11 +8,11 @@
|
|||
<span class="i-annc__status label status {{status-class}}">{{status}}</span>
|
||||
</span>
|
||||
<span class="i-annc__postdate-wrap" date-format="%Y-%m-%d">
|
||||
|
||||
<i class="fa-regular fa-calendar"></i>
|
||||
<span class="i-annc__postdate">{{postdate}}</span>
|
||||
</span>
|
||||
<span class="i-annc__category-wrap">
|
||||
<i class="fa fa-clone"></i>
|
||||
<i class="fa-solid fa-list"></i>
|
||||
<span class="i-annc__category">{{category}}</span>
|
||||
</span>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -13,11 +13,11 @@
|
|||
<span class="i-annc__status label {{status-class}}">{{status}}</span>
|
||||
</span>
|
||||
<span class="i-annc__postdate-wrap" date-format="%Y-%m-%d">
|
||||
|
||||
<i class="fa-regular fa-calendar"></i>
|
||||
<span class="i-annc__postdate">{{postdate}}</span>
|
||||
</span>
|
||||
<span class="i-annc__category-wrap">
|
||||
|
||||
<i class="fa-solid fa-list"></i>
|
||||
<span class="i-annc__category">{{category}}</span>
|
||||
</span>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -5,11 +5,11 @@
|
|||
<div class="i-annc__content-wrap">
|
||||
<div class="i-annc__meta">
|
||||
<span class="i-annc__postdate-wrap" date-format="%Y-%m-%d">
|
||||
|
||||
<i class="fa-regular fa-calendar"></i>
|
||||
<span class="i-annc__postdate">{{postdate}}</span>
|
||||
</span>
|
||||
<span class="i-annc__category-wrap">
|
||||
<i class="fa fa-clone"></i>
|
||||
<i class="fa-solid fa-list"></i>
|
||||
<span class="i-annc__category">{{category}}</span>
|
||||
</span>
|
||||
<span class="i-annc__status-wrap" data-list="statuses" data-level="1">
|
||||
|
|
|
|||
|
|
@ -5,11 +5,11 @@
|
|||
<div class="i-annc__content-wrap">
|
||||
<div class="i-annc__meta">
|
||||
<span class="i-annc__postdate-wrap" date-format="%Y-%m-%d">
|
||||
<!-- -->
|
||||
<i class="fa-regular fa-calendar"></i>
|
||||
<span class="i-annc__postdate">{{postdate}}</span>
|
||||
</span>
|
||||
<span class="i-annc__category-wrap">
|
||||
<i class="fa fa-clone"></i>
|
||||
<i class="fa-solid fa-list"></i>
|
||||
<span class="i-annc__category">{{category}}</span>
|
||||
</span>
|
||||
<span class="i-annc__status-wrap" data-list="statuses" data-level="1">
|
||||
|
|
|
|||
|
|
@ -14,10 +14,10 @@
|
|||
</style>
|
||||
<article class="s-annc show-announcement">
|
||||
<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 fa-calendar-o"></i>
|
||||
<i class="fa-regular fa-calendar"></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">
|
||||
|
|
@ -72,12 +72,12 @@
|
|||
// Hiding parent element when children elements are not present
|
||||
// Tags
|
||||
hideEmptyEl($('.s-annc__tag'), $('.s-annc__tag-wrap'));
|
||||
|
||||
|
||||
// Attachments
|
||||
hideEmptyEl($('.s-annc__flie-title'), $('.s-annc__related-file'));
|
||||
|
||||
|
||||
// Links
|
||||
hideEmptyEl($('.s-annc__link-title'), $('.s-annc__related-link'));
|
||||
$("img[src='']").remove();
|
||||
}(jQuery));
|
||||
</script>
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -11,8 +11,10 @@
|
|||
<span class="i-archive__status label status {{status-class}}">{{status}}</span>
|
||||
</span>
|
||||
</dt>
|
||||
<span class="description" style="margin-top: 0.5em;clear: both;width: 100%;position: relative;display: block;">{{description}}</span>
|
||||
<dl class="i-archive__file-list" data-list="files" data-level="2">
|
||||
<dd class="i-archive__file-wrap">
|
||||
<i class="fa-solid fa-file"></i>
|
||||
<a class="i-archive__file-name" href="{{file-url}}" target="{{target}}" title="{{file-name}}">{{file-name}}</a>
|
||||
<span class="i-archive__file-type label label-primary {{file-type}}">{{file-type}}</span>
|
||||
</dd>
|
||||
|
|
|
|||
|
|
@ -32,10 +32,11 @@
|
|||
<div id="calendar"></div>
|
||||
<div id="calendar_agenda"></div>
|
||||
</div>
|
||||
<div class="createbooking"><a class="btn-primary">建立預約</a></div>
|
||||
</div>
|
||||
<div id="event_quick_view" class="modal" style="width: 300px; display:none; margin:0 0 0 0;"></div>
|
||||
<div id="calendar-loading"></div>
|
||||
|
||||
<script type="text/javascript">
|
||||
var calendar = new Calendar("#calendar","{{page_id}}");
|
||||
</script>
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -14,11 +14,11 @@
|
|||
<span class="w-annc__status label status {{status-class}}">{{status}}</span>
|
||||
</span>
|
||||
<span class="w-annc__postdate-wrap" date-format="%Y-%m-%d">
|
||||
<i class="fa fa-calendar-o"></i>
|
||||
<i class="fa-regular fa-calendar"></i>
|
||||
<span class="w-annc__postdate">{{postdate}}</span>
|
||||
</span>
|
||||
<span class="w-annc__category-wrap">
|
||||
<i class="fa fa-tasks"></i>
|
||||
<i class="fa-solid fa-list"></i>
|
||||
<span class="w-annc__category">{{category}}</span>
|
||||
</span>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -11,7 +11,7 @@
|
|||
<a class="w-annc__title" href="{{link_to_show}}">{{title}}</a>
|
||||
</h4>
|
||||
<span class="w-annc__postdate-wrap col-sm-3" date-format="%Y-%m-%d">
|
||||
<i class="fa fa-calendar-o"></i>
|
||||
<i class="fa-regular fa-calendar"></i>
|
||||
<span class="w-annc__postdate">{{postdate}}</span>
|
||||
</span>
|
||||
</li>
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
<ul class="w-annc__list" data-level="0" data-list="event_news">
|
||||
<li class="w-annc__item row">
|
||||
<span class="w-annc__postdate-wrap col-sm-3" date-format="%Y-%m-%d">
|
||||
<i class="fa fa-calendar-o"></i>
|
||||
<i class="fa-regular fa-calendar"></i>
|
||||
<span class="w-annc__postdate">{{postdate}}</span>
|
||||
</span>
|
||||
<h4 class="w-annc__entry-title col-sm-9">
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@
|
|||
<a class="w-annc__title" href="{{link_to_show}}">{{title}}</a>
|
||||
</h4>
|
||||
<span class="w-annc__postdate-wrap col-sm-4" date-format="%Y-%m-%d">
|
||||
<i class="fa fa-calendar-o"></i>
|
||||
<i class="fa-regular fa-calendar"></i>
|
||||
<span class="w-annc__postdate">{{postdate}}</span>
|
||||
</span>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -37,11 +37,11 @@
|
|||
<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>
|
||||
<i class="fa-regular fa-calendar"></i>
|
||||
<span class="w-annc__postdate">{{postdate}}</span>
|
||||
</span>
|
||||
<span class="w-annc__category-wrap">
|
||||
<i class="fa fa-tasks"></i>
|
||||
<i class="fa-solid fa-list"></i>
|
||||
<span class="w-annc__category">{{category}}</span>
|
||||
</span>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -13,11 +13,11 @@
|
|||
<span class="w-annc__status label status {{status-class}}">{{status}}</span>
|
||||
</span>
|
||||
<span class="w-annc__postdate-wrap" date-format="%Y-%m-%d">
|
||||
<i class="fa fa-calendar-o"></i>
|
||||
<i class="fa-regular fa-calendar"></i>
|
||||
<span class="w-annc__postdate">{{postdate}}</span>
|
||||
</span>
|
||||
<span class="w-annc__category-wrap">
|
||||
<i class="fa fa-tasks"></i>
|
||||
<i class="fa-solid fa-list"></i>
|
||||
<span class="w-annc__category">{{category}}</span>
|
||||
</span>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -19,11 +19,11 @@
|
|||
<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>
|
||||
<i class="fa-regular fa-calendar"></i>
|
||||
<span class="w-annc__postdate">{{postdate}}</span>
|
||||
</span>
|
||||
<span class="w-annc__category-wrap">
|
||||
<i class="fa fa-tasks"></i>
|
||||
<i class="fa-solid fa-list"></i>
|
||||
<span class="w-annc__category">{{category}}</span>
|
||||
</span>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -37,11 +37,11 @@
|
|||
<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>
|
||||
<i class="fa-regular fa-calendar"></i>
|
||||
<span class="w-annc__postdate">{{postdate}}</span>
|
||||
</span>
|
||||
<span class="w-annc__category-wrap">
|
||||
<i class="fa fa-tasks"></i>
|
||||
<i class="fa-solid fa-list"></i>
|
||||
<span class="w-annc__category">{{category}}</span>
|
||||
</span>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -30,11 +30,11 @@
|
|||
<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>
|
||||
<i class="fa-regular fa-calendar"></i>
|
||||
<span class="w-annc__postdate">{{postdate}}</span>
|
||||
</span>
|
||||
<span class="w-annc__category-wrap">
|
||||
<i class="fa fa-tasks"></i>
|
||||
<i class="fa-solid fa-list"></i>
|
||||
<span class="w-annc__category">{{category}}</span>
|
||||
</span>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -10,11 +10,11 @@
|
|||
<span class="w-annc__status label status {{status-class}}">{{status}}</span>
|
||||
</span>
|
||||
<span class="w-annc__postdate-wrap" date-format="%Y-%m-%d">
|
||||
<i class="fa fa-calendar-o"></i>
|
||||
<i class="fa-regular fa-calendar"></i>
|
||||
<span class="w-annc__postdate">{{postdate}}</span>
|
||||
</span>
|
||||
<span class="w-annc__category-wrap">
|
||||
<i class="fa fa-tasks"></i>
|
||||
<i class="fa-solid fa-list"></i>
|
||||
<span class="w-annc__category">{{category}}</span>
|
||||
</span>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -19,11 +19,11 @@
|
|||
<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>
|
||||
<i class="fa-regular fa-calendar"></i>
|
||||
<span class="w-annc__postdate">{{postdate}}</span>
|
||||
</span>
|
||||
<span class="w-annc__category-wrap">
|
||||
<i class="fa fa-tasks"></i>
|
||||
<i class="fa-solid fa-list"></i>
|
||||
<span class="w-annc__category">{{category}}</span>
|
||||
</span>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -7,11 +7,11 @@
|
|||
<div class="w-annc__content-wrap">
|
||||
<div class="w-annc__meta">
|
||||
<span class="w-annc__postdate-wrap" date-format="%Y-%m-%d">
|
||||
<i class="fa fa-calendar-o"></i>
|
||||
<i class="fa-regular fa-calendar"></i>
|
||||
<span class="w-annc__postdate">{{postdate}}</span>
|
||||
</span>
|
||||
<span class="w-annc__category-wrap">
|
||||
<i class="fa fa-tasks"></i>
|
||||
<i class="fa-solid fa-list"></i>
|
||||
<span class="w-annc__category">{{category}}</span>
|
||||
</span>
|
||||
<span class="w-annc__status-wrap" data-list="statuses" data-level="1">
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
<ul class="w-annc__list" data-level="0" data-list="event_news">
|
||||
<li class="w-annc__item row">
|
||||
<span class="w-annc__category-wrap col-sm-2">
|
||||
<i class="fa fa-tasks"></i>
|
||||
<i class="fa-solid fa-list"></i>
|
||||
<span class="w-annc__category">{{category}}</span>
|
||||
</span>
|
||||
<h4 class="w-annc__entry-title col-sm-8">
|
||||
|
|
@ -15,7 +15,7 @@
|
|||
<a class="w-annc__title" href="{{link_to_show}}">{{title}}</a>
|
||||
</h4>
|
||||
<span class="w-annc__postdate-wrap col-sm-2" date-format="%Y-%m-%d">
|
||||
<i class="fa fa-calendar-o"></i>
|
||||
<i class="fa-regular fa-calendar"></i>
|
||||
<span class="w-annc__postdate">{{postdate}}</span>
|
||||
</span>
|
||||
</li>
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
<ul class="w-annc__list" data-level="0" data-list="event_news">
|
||||
<li class="w-annc__item row">
|
||||
<span class="w-annc__postdate-wrap col-sm-2" date-format="%Y-%m-%d">
|
||||
<i class="fa fa-calendar-o"></i>
|
||||
<i class="fa-regular fa-calendar"></i>
|
||||
<span class="w-annc__postdate">{{postdate}}</span>
|
||||
</span>
|
||||
<h4 class="w-annc__entry-title col-sm-8">
|
||||
|
|
@ -15,7 +15,7 @@
|
|||
<a class="w-annc__title" href="{{link_to_show}}">{{title}}</a>
|
||||
</h4>
|
||||
<span class="w-annc__category-wrap col-sm-2">
|
||||
<i class="fa fa-tasks"></i>
|
||||
<i class="fa-solid fa-list"></i>
|
||||
<span class="w-annc__category">{{category}}</span>
|
||||
</span>
|
||||
</li>
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
<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">
|
||||
<i class="fa fa-calendar-o"></i>
|
||||
<i class="fa-regular fa-calendar"></i>
|
||||
<span class="i-annc__postdate">{{postdate}}</span>
|
||||
</span>
|
||||
<h4 class="i-annc__entry-title col-sm-8">
|
||||
|
|
@ -13,7 +13,7 @@
|
|||
<a class="i-annc__title" href="{{link_to_show}}">{{title}}</a>
|
||||
</h4>
|
||||
<span class="i-annc__category-wrap col-sm-2">
|
||||
<i class="fa fa-tasks"></i>
|
||||
<i class="fa-solid fa-list"></i>
|
||||
<span class="i-annc__category">{{category}}</span>
|
||||
</span>
|
||||
</li>
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@
|
|||
<a class="i-annc__title" href="{{link_to_show}}">{{title}}</a>
|
||||
</h4>
|
||||
<span class="i-annc__postdate-wrap col-sm-3" date-format="%Y-%m-%d">
|
||||
<i class="fa fa-calendar-o"></i>
|
||||
<i class="fa-regular fa-calendar"></i>
|
||||
<span class="i-annc__postdate">{{postdate}}</span>
|
||||
</span>
|
||||
</li>
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
<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">
|
||||
<i class="fa fa-calendar-o"></i>
|
||||
<i class="fa-regular fa-calendar"></i>
|
||||
<span class="i-annc__postdate">{{postdate}}</span>
|
||||
</span>
|
||||
<h4 class="i-annc__entry-title col-sm-9">
|
||||
|
|
|
|||
|
|
@ -11,11 +11,11 @@
|
|||
<span class="i-annc__status label status {{status-class}}">{{status}}</span>
|
||||
</span>
|
||||
<span class="i-annc__postdate-wrap" date-format="%Y-%m-%d">
|
||||
<i class="fa fa-calendar-o"></i>
|
||||
<i class="fa-regular fa-calendar"></i>
|
||||
<span class="i-annc__postdate">{{postdate}}</span>
|
||||
</span>
|
||||
<span class="i-annc__category-wrap">
|
||||
<i class="fa fa-tasks"></i>
|
||||
<i class="fa-solid fa-list"></i>
|
||||
<span class="i-annc__category">{{category}}</span>
|
||||
</span>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -8,11 +8,11 @@
|
|||
<span class="i-annc__status label status {{status-class}}">{{status}}</span>
|
||||
</span>
|
||||
<span class="i-annc__postdate-wrap" date-format="%Y-%m-%d">
|
||||
<i class="fa fa-calendar-o"></i>
|
||||
<i class="fa-regular fa-calendar"></i>
|
||||
<span class="i-annc__postdate">{{postdate}}</span>
|
||||
</span>
|
||||
<span class="i-annc__category-wrap">
|
||||
<i class="fa fa-tasks"></i>
|
||||
<i class="fa-solid fa-list"></i>
|
||||
<span class="i-annc__category">{{category}}</span>
|
||||
</span>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -11,11 +11,11 @@
|
|||
<span class="i-annc__status label {{status-class}}">{{status}}</span>
|
||||
</span>
|
||||
<span class="i-annc__postdate-wrap" date-format="%Y-%m-%d">
|
||||
<i class="fa fa-calendar-o"></i>
|
||||
<i class="fa-regular fa-calendar"></i>
|
||||
<span class="i-annc__postdate">{{postdate}}</span>
|
||||
</span>
|
||||
<span class="i-annc__category-wrap">
|
||||
<i class="fa fa-tasks"></i>
|
||||
<i class="fa-solid fa-list"></i>
|
||||
<span class="i-annc__category">{{category}}</span>
|
||||
</span>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -5,11 +5,11 @@
|
|||
<div class="i-annc__content-wrap">
|
||||
<div class="i-annc__meta">
|
||||
<span class="i-annc__postdate-wrap" date-format="%Y-%m-%d">
|
||||
<i class="fa fa-calendar-o"></i>
|
||||
<i class="fa-regular fa-calendar"></i>
|
||||
<span class="i-annc__postdate">{{postdate}}</span>
|
||||
</span>
|
||||
<span class="i-annc__category-wrap">
|
||||
<i class="fa fa-tasks"></i>
|
||||
<i class="fa-solid fa-list"></i>
|
||||
<span class="i-annc__category">{{category}}</span>
|
||||
</span>
|
||||
<span class="i-annc__status-wrap" data-list="statuses" data-level="1">
|
||||
|
|
|
|||
|
|
@ -5,11 +5,11 @@
|
|||
<div class="i-annc__content-wrap">
|
||||
<div class="i-annc__meta">
|
||||
<span class="i-annc__category-wrap ">
|
||||
<i class="fa fa-tasks"></i>
|
||||
<i class="fa-solid fa-list"></i>
|
||||
<span class="i-annc__category">{{category}}</span>
|
||||
</span>
|
||||
<span class="i-annc__postdate-wrap " date-format="%Y-%m-%d">
|
||||
<i class="fa fa-calendar-o"></i>
|
||||
<i class="fa-regular fa-calendar"></i>
|
||||
<span class="i-annc__postdate">{{postdate}}</span>
|
||||
</span>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -3,7 +3,9 @@
|
|||
<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">
|
||||
<a href="{{link_to_show}}">
|
||||
<img class="i-annc__img" src="{{cover}}" alt="{{cover_description}}" title="{{cover_description}}">
|
||||
</a>
|
||||
</div>
|
||||
<div class="i-annc__content-wrap col-sm-8">
|
||||
<div class="i-annc__meta">
|
||||
|
|
@ -11,11 +13,11 @@
|
|||
<span class="i-annc__status label status {{status-class}}">{{status}}</span>
|
||||
</span>
|
||||
<span class="i-annc__postdate-wrap" date-format="%Y-%m">
|
||||
<i class="fa fa-calendar-o"></i>
|
||||
<i class="fa-regular fa-calendar"></i>
|
||||
<span class="i-annc__postdate">{{pub_date}}</span>
|
||||
</span>
|
||||
<span class="i-annc__category-wrap">
|
||||
<i class="fa fa-tasks"></i>
|
||||
<i class="fa-solid fa-list"></i>
|
||||
<span class="i-annc__category">{{category}}</span>
|
||||
</span>
|
||||
</div>
|
||||
|
|
@ -28,3 +30,31 @@
|
|||
</ul>
|
||||
</div>
|
||||
{{pagination_goes_here}}
|
||||
<style>
|
||||
.i-annc__img-wrap{
|
||||
|
||||
}
|
||||
.i-annc__img{
|
||||
border-radius: 1em;
|
||||
&:hover{
|
||||
box-shadow: 4px 4px 5px 1px rgba(0, 0, 0, 0.3);
|
||||
-webkit-transform:translateY(-6px);
|
||||
-ms-transform:translateY(-6px);
|
||||
transform:translateY(-6px);
|
||||
-webkit-transition: all .3s ease;
|
||||
-moz-transition: all .3s ease;
|
||||
-ms-transition: all .3s ease;
|
||||
-o-transition: all .3s ease;
|
||||
transition: all .3s ease;
|
||||
}
|
||||
}
|
||||
.i-annc__content-wrap{
|
||||
margin-top: 1em;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 10;
|
||||
-webkit-box-orient: vertical;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -12,11 +12,11 @@
|
|||
<span class="i-annc__status label {{status-class}}">{{status}}</span>
|
||||
</span>
|
||||
<span class="i-annc__postdate-wrap" date-format="%Y-%m">
|
||||
<i class="fa fa-calendar-o"></i>
|
||||
<i class="fa-regular fa-calendar"></i>
|
||||
<span class="i-annc__postdate">{{pub_date}}</span>
|
||||
</span>
|
||||
<span class="i-annc__category-wrap">
|
||||
<i class="fa fa-tasks"></i>
|
||||
<i class="fa-solid fa-list"></i>
|
||||
<span class="i-annc__category">{{category}}</span>
|
||||
</span>
|
||||
</div>
|
||||
|
|
@ -29,6 +29,23 @@
|
|||
</ul>
|
||||
</div>
|
||||
{{pagination_goes_here}}
|
||||
<style>
|
||||
.i-annc__item{
|
||||
overflow: hidden;
|
||||
margin-bottom: 1.875em;
|
||||
box-shadow: #0000004d 0 0 4px;
|
||||
border: 1px solid #bbb;
|
||||
margin: 0.5em;
|
||||
padding: 1em!important;
|
||||
padding-left: 1em!important;
|
||||
padding-right: 1em!important;
|
||||
&:hover{
|
||||
border: 1px solid #1a1b20;
|
||||
box-shadow: #1a1b20 0 0 4px;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
<script>
|
||||
var lilength = $('.index-publications-3 li.i-annc__item').length;
|
||||
function combineul(){
|
||||
|
|
|
|||
|
|
@ -39,4 +39,9 @@
|
|||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<style>
|
||||
.i-annc__content-wrap{
|
||||
margin-top: 1em;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -9,22 +9,6 @@
|
|||
min-width: unset!important;
|
||||
}
|
||||
}
|
||||
.universal-table-index3{
|
||||
table-layout: auto!important;
|
||||
.universal-th-icon{
|
||||
margin:0;
|
||||
}
|
||||
.universal-th-text {
|
||||
margin: 0;
|
||||
.universal-th-icon{
|
||||
margin:0;
|
||||
}
|
||||
.universal-th-text {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
.universal-th-text{
|
||||
white-space: pre!important;
|
||||
overflow: hidden;
|
||||
|
|
@ -80,7 +64,7 @@
|
|||
width: 120px;
|
||||
}
|
||||
</style>
|
||||
<table class="table table-hover table-striped universal-table-index universal-table-index3">
|
||||
<table class="table table-hover table-striped universal-table-index universal-table-index2">
|
||||
<caption>
|
||||
<h3>{{table-name}}</h3>
|
||||
<a href="{{url}}" class="universal-btn btn btn-info pull-right {{reset}}"><i class="fa fa-refresh"></i> Reset</a>
|
||||
|
|
|
|||
|
|
@ -5,9 +5,20 @@
|
|||
tr>td:first-child{
|
||||
display: none!important;
|
||||
}
|
||||
.universal-table-index4{
|
||||
.universal-table-index3{
|
||||
table-layout: auto!important;
|
||||
}
|
||||
.universal-dropdown-menu {
|
||||
padding: 15px 18px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.universal-th-text{
|
||||
white-space: pre!important;
|
||||
overflow: hidden;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
white-space: normal;
|
||||
}
|
||||
.universal-dropdown-menu {
|
||||
padding: 15px 18px;
|
||||
white-space: nowrap;
|
||||
|
|
@ -60,7 +71,7 @@
|
|||
}
|
||||
</style>
|
||||
<form class="form-inline universal-form-inline " action="{{url}}" method="get">
|
||||
<table class="table table-hover table-striped universal-table-index universal-table-index4">
|
||||
<table class="table table-hover table-striped universal-table-index universal-table-index3">
|
||||
<div class="searchbtn">
|
||||
<div class="ken-click">
|
||||
<div class="searchbtn2 pull-right"><i class="fa-solid fa-magnifying-glass"></i>查詢</div>
|
||||
|
|
|
|||
|
|
@ -2,6 +2,17 @@
|
|||
.universal-table-index4{
|
||||
table-layout: auto!important;
|
||||
}
|
||||
.universal-dropdown-menu {
|
||||
padding: 15px 18px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.universal-th-text{
|
||||
white-space: pre!important;
|
||||
overflow: hidden;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
white-space: normal;
|
||||
}
|
||||
.universal-dropdown-menu {
|
||||
padding: 15px 18px;
|
||||
white-space: nowrap;
|
||||
|
|
|
|||
|
|
@ -2,14 +2,16 @@
|
|||
<ul class="video_data_wrap col-sm-12" data-list="videos" data-level="0">
|
||||
<li class="video_data col-xs-12 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}}">
|
||||
<img class="video_snapshot" src="{{snapshot_url}}"/>
|
||||
<div class="video_linkwrapper3">
|
||||
<img class="video_snapshot" src="{{snapshot_url}}"/>
|
||||
</div>
|
||||
<div class="video_info">
|
||||
<div class="video_group_time">{{video_post_agency}} | {{video_postdate}}</div>
|
||||
<div data-list="video_tags" data-level="1" class="video_tag"><div>{{video_tag}}</div></div>
|
||||
<div class="video_title"><h4>{{video_title}}</h4></div>
|
||||
<div class="video_title"><h5>{{video_title}}</h5></div>
|
||||
<div class="video_desc">{{video_desc}}</div>
|
||||
<div class="view_info">
|
||||
<span><img src="{{hd_icon_url}}" alt="HD"></span>
|
||||
<!-- <span><img src="{{hd_icon_url}}" alt="HD"></span> -->
|
||||
<span><img src="{{view_icon_url}}" alt="{{view_count_trans}}>">x {{view_count}}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -22,19 +24,13 @@
|
|||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.video_group_time{
|
||||
color: #4487cb;
|
||||
}
|
||||
.video_tag{
|
||||
color: #e4374a;
|
||||
}
|
||||
.video_title h4{
|
||||
font-size: 1.6em;
|
||||
font-weight: bold;
|
||||
margin-bottom: 0;
|
||||
text-overflow: ellipsis;
|
||||
.video_title h5{
|
||||
@extend .i-title;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.view_info{
|
||||
float: right;
|
||||
|
|
@ -43,4 +39,4 @@
|
|||
margin-right: 5px;
|
||||
}
|
||||
</style>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -48,3 +48,6 @@
|
|||
});
|
||||
</script>
|
||||
</div>
|
||||
<style>
|
||||
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -3,14 +3,16 @@
|
|||
<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}}">
|
||||
<img class=" col-sm-3 video_snapshot" src="{{snapshot_url}}"/>
|
||||
<div class="video_linkwrapper3 col-sm-3">
|
||||
<img class="video_snapshot" src="{{snapshot_url}}"/>
|
||||
</div>
|
||||
<div class="col-sm-9 video_info">
|
||||
<div class="video_group_time">{{video_post_agency}} | {{video_postdate}}</div>
|
||||
<div data-list="video_tags" data-level="1" class="video_tag"><div>{{video_tag}}</div></div>
|
||||
<div class="video_title"><h4>{{video_title}}</h4></div>
|
||||
<div class="video_title"><h5>{{video_title}}</h5></div>
|
||||
<div class="video_desc">{{video_desc}}</div>
|
||||
<div class="view_info">
|
||||
<span><img src="{{hd_icon_url}}" alt="HD"></span>
|
||||
<!-- <span><img src="{{hd_icon_url}}" alt="HD"></span> -->
|
||||
<span><img src="{{view_icon_url}}" alt="{{view_count_trans}}>">x {{view_count}}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -19,6 +21,9 @@
|
|||
</ul>
|
||||
<div class="clearfix"></div>
|
||||
<style>
|
||||
.video_desc{
|
||||
height:auto!important;
|
||||
}
|
||||
.video_data{
|
||||
background:#fff;
|
||||
overflow: hidden;
|
||||
|
|
@ -36,6 +41,7 @@
|
|||
padding:0;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
overflow:hidden;
|
||||
}
|
||||
.video_group_time{
|
||||
color: #4487cb;
|
||||
|
|
@ -44,7 +50,7 @@
|
|||
color: #e4374a;
|
||||
display: none;
|
||||
}
|
||||
.video_title h4{
|
||||
.video_title h5{
|
||||
@extend .i-title;
|
||||
font-weight: bold;
|
||||
margin-bottom: 0;
|
||||
|
|
|
|||
|
|
@ -24,22 +24,39 @@
|
|||
<ul class="video_data_wrap col-sm-12" data-list="videos" data-level="0">
|
||||
<li class="video_data col-xs-12 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}}">
|
||||
<div class="video_linkwrapper">
|
||||
<img class="video_snapshot" src="{{snapshot_url}}"/>
|
||||
</div>
|
||||
<div class="video_info">
|
||||
<div class="video_group_time">{{video_post_agency}} | {{video_postdate}}</div>
|
||||
<div data-list="video_tags" data-level="1" class="video_tag"><div>{{video_tag}}</div></div>
|
||||
<div class="video_title"><h4>{{video_title}}</h4></div>
|
||||
<div class="video_group_time"><div data-list="video_tags" data-level="1" class="video_tag"><div>{{video_tag}}</div></div>{{video_postdate}}</div>
|
||||
<div class="video_title"><h5>{{video_title}}</h5></div>
|
||||
<div class="video_desc">{{video_desc}}</div>
|
||||
<div class="view_info">
|
||||
<span><img src="{{hd_icon_url}}" alt="HD"></span>
|
||||
<span><img src="{{view_icon_url}}" alt="{{view_count_trans}}>">x {{view_count}}</span>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="clearfix"></div>
|
||||
<style>
|
||||
.video_group_time{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.video_tag{
|
||||
margin: 0.5em 0.5em 0.5em 0;
|
||||
}
|
||||
.video_data{
|
||||
margin-bottom: 1em;
|
||||
padding: 0 0.5em;
|
||||
.video_link{
|
||||
background: #f3f3f3;
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 1em;
|
||||
}
|
||||
}
|
||||
.video_info {
|
||||
margin: 1em 0;
|
||||
}
|
||||
.video_data_wrap{
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
|
|
@ -113,22 +130,13 @@
|
|||
text-decoration: none;
|
||||
font-size: 120%;
|
||||
}
|
||||
.video_data_wrap {
|
||||
padding-left: 0;
|
||||
}
|
||||
.video_group_time {
|
||||
color: #4487cb;
|
||||
}
|
||||
.video_tag {
|
||||
color: #e4374a;
|
||||
}
|
||||
.video_title h4 {
|
||||
font-size: 1.6em;
|
||||
font-weight: bold;
|
||||
margin-bottom: 0;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
.video_title h5 {
|
||||
@extend .i-title;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.view_info {
|
||||
float: right;
|
||||
|
|
@ -143,4 +151,4 @@
|
|||
})
|
||||
</script>
|
||||
</div>
|
||||
{{pagination_goes_here}}
|
||||
{{pagination_goes_here}}
|
||||
|
|
|
|||
|
|
@ -24,22 +24,39 @@
|
|||
<ul class="video_data_wrap col-sm-12" data-list="videos" data-level="0">
|
||||
<li class="video_data col-xs-12 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}}">
|
||||
<img class="video_snapshot" src="{{snapshot_url}}"/>
|
||||
<div class="video_linkwrapper">
|
||||
<img class="video_snapshot" src="{{snapshot_url}}"/>
|
||||
</div>
|
||||
<div class="video_info">
|
||||
<div class="video_group_time">{{video_post_agency}} | {{video_postdate}}</div>
|
||||
<div data-list="video_tags" data-level="1" class="video_tag"><div>{{video_tag}}</div></div>
|
||||
<div class="video_title"><h4>{{video_title}}</h4></div>
|
||||
<div class="video_group_time"><div data-list="video_tags" data-level="1" class="video_tag"><div>{{video_tag}}</div></div>{{video_postdate}}</div>
|
||||
<div class="video_title"><h5>{{video_title}}</h5></div>
|
||||
<div class="video_desc">{{video_desc}}</div>
|
||||
<div class="view_info">
|
||||
<span><img src="{{hd_icon_url}}" alt="HD"></span>
|
||||
<span><img src="{{view_icon_url}}" alt="{{view_count_trans}}>">x {{view_count}}</span>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="clearfix"></div>
|
||||
<style>
|
||||
.video_group_time{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.video_tag{
|
||||
margin: 0.5em 0.5em 0.5em 0;
|
||||
}
|
||||
.video_data{
|
||||
padding: 0 0.5em;
|
||||
margin-bottom: 1em;
|
||||
.video_link{
|
||||
background: #f3f3f3;
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 1em;
|
||||
}
|
||||
}
|
||||
.video_info {
|
||||
margin: 1em 0;
|
||||
}
|
||||
.video_data_wrap{
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
|
|
@ -113,22 +130,13 @@
|
|||
text-decoration: none;
|
||||
font-size: 120%;
|
||||
}
|
||||
.video_data_wrap {
|
||||
padding-left: 0;
|
||||
}
|
||||
.video_group_time {
|
||||
color: #4487cb;
|
||||
}
|
||||
.video_tag {
|
||||
color: #e4374a;
|
||||
}
|
||||
.video_title h4 {
|
||||
font-size: 1.6em;
|
||||
font-weight: bold;
|
||||
margin-bottom: 0;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
.video_title h5 {
|
||||
@extend .i-title;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.view_info {
|
||||
float: right;
|
||||
|
|
@ -143,4 +151,4 @@
|
|||
})
|
||||
</script>
|
||||
</div>
|
||||
{{pagination_goes_here}}
|
||||
{{pagination_goes_here}}
|
||||
|
|
|
|||
|
|
@ -14,15 +14,15 @@
|
|||
</div>
|
||||
<h3 class="i-annc__page-title">{{page-title}}</h3>
|
||||
<ul class="video_data_wrap col-sm-12" data-list="videos" data-level="0">
|
||||
<li class="video_data col-xs-12 col-sm-4" data-video-url="{{video_url}}" data-video-webm-url="{{video_webm_url}}" data-type="{{video_type}}">
|
||||
<li class="video_data col-sm-6" 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}}">
|
||||
<div class="video_snapshot_wrap">
|
||||
<div class="video_snapshot_wrap video_linkwrapper2">
|
||||
<img class="video_snapshot" src="{{snapshot_url}}"/>
|
||||
<img src="/assets/video_pro/btn-play.png" alt="" class="play_icon">
|
||||
</div>
|
||||
<div class="video_info">
|
||||
<div class="video_time"><span date-format="%Y/%m/%d">{{video_postdate}}</span></div>
|
||||
<div class="video_title"><h4>{{video_title}}</h4></div>
|
||||
<div class="video_title"><h5>{{video_title}}</h5></div>
|
||||
<div class="video_desc">{{video_desc}}</div>
|
||||
</div>
|
||||
</a>
|
||||
|
|
@ -30,17 +30,30 @@
|
|||
</ul>
|
||||
<div class="clearfix"></div>
|
||||
<style>
|
||||
.video_data{
|
||||
margin-bottom: 1em;
|
||||
padding: 0 0.5em;
|
||||
.video_link{
|
||||
background: #f3f3f3;
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 1em;
|
||||
}
|
||||
}
|
||||
.video_info{
|
||||
margin: 1em 0;
|
||||
}
|
||||
.video_data_wrap{
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.video_title h4{
|
||||
font-size: 1.1em;
|
||||
font-weight: bold;
|
||||
margin-bottom: 0;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
.video_title h5{
|
||||
@extend .i-title;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.video_snapshot_wrap {
|
||||
position: relative;
|
||||
|
|
@ -72,4 +85,4 @@
|
|||
})
|
||||
</script>
|
||||
</div>
|
||||
{{pagination_goes_here}}
|
||||
{{pagination_goes_here}}
|
||||
|
|
|
|||
|
|
@ -12,11 +12,13 @@
|
|||
<ul class="video_data_wrap" 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}}">
|
||||
<img class="video_snapshot" src="{{snapshot_url}}"/>
|
||||
<div class="video_linkwrapper">
|
||||
<img class="video_snapshot" src="{{snapshot_url}}"/>
|
||||
</div>
|
||||
<div class="video_info">
|
||||
<div class="video_group_time">{{video_post_agency}} | {{video_postdate}}</div>
|
||||
<div class="video_keyword">{{keyword_trans}}: {{video_keyword}}</div>
|
||||
<div class="video_title"><h4>{{video_title}}</h4></div>
|
||||
<div class="video_title"><h5>{{video_title}}</h5></div>
|
||||
<div class="video_desc">{{video_desc}}</div>
|
||||
<div class="view_info">
|
||||
<span><img src="{{hd_icon_url}}" alt="HD"></span>
|
||||
|
|
@ -28,6 +30,18 @@
|
|||
</ul>
|
||||
<div class="clearfix"></div>
|
||||
<style>
|
||||
.video_data{
|
||||
margin-bottom: 1em;
|
||||
.video_link{
|
||||
background: #f3f3f3;
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 1em;
|
||||
}
|
||||
}
|
||||
.video_info {
|
||||
margin: 1em 0;
|
||||
}
|
||||
.video_filter_area {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
|
@ -67,19 +81,13 @@
|
|||
.video_data_wrap {
|
||||
padding-left: 0;
|
||||
}
|
||||
.video_group_time {
|
||||
color: #4487cb;
|
||||
}
|
||||
.video_tag {
|
||||
color: #e4374a;
|
||||
}
|
||||
.video_title h4 {
|
||||
font-size: 1.6em;
|
||||
font-weight: bold;
|
||||
margin-bottom: 0;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
.video_title h5 {
|
||||
@extend .i-title;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.view_info {
|
||||
float: right;
|
||||
|
|
@ -94,4 +102,4 @@
|
|||
})
|
||||
</script>
|
||||
</div>
|
||||
{{pagination_goes_here}}
|
||||
{{pagination_goes_here}}
|
||||
|
|
|
|||
Loading…
Reference in New Issue