fix error

This commit is contained in:
rulingcom 2022-01-22 10:25:51 +00:00
parent e49e0ff41e
commit bcf2261903
68 changed files with 9289 additions and 0 deletions

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 56 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 44 44"><title>chevron-circle-down@1x</title><g id="Layer_2" data-name="Layer 2"><g id="Arrows"><g id="Down_Arrow_3_2x.png" data-name="Down Arrow 3@2x.png"><path d="M33,18a1,1,0,0,0-.71.29L22,27.65,11.71,18.29a1,1,0,1,0-1.41,1.41l11,10a1,1,0,0,0,1.41,0l11-10A1,1,0,0,0,33,18ZM22,0A22,22,0,1,0,44,22,22,22,0,0,0,22,0Zm0,42A20,20,0,1,1,42,22,20,20,0,0,1,22,42Z"/></g></g></g></svg>

After

Width:  |  Height:  |  Size: 431 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 224 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 261 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.0 KiB

View File

@ -0,0 +1,917 @@
;(function($, win, undefined) {
// ECMAScript 5 嚴格模式
'use strict';
function initdata1 () {
if ($('.header-banner').html().trim() == "") {
$('.downIcon').css('display','none')
}
// if (location.href.search('editmode') == -1 && document.getElementsByClassName('asideright').length != 0) {
if ( $('.header-banner').length != 0) {
$('.layout-header').css('height', '');
var scrollTop = $(window).scrollTop();
var scrollBottom = $('html').height() - $(window).height() - $('.kenjohn').height();
if (scrollTop>5 && scrollBottom>0) { /* 要滑動到選單的距離 */
if (parseInt($('.layout-content').css('margin-top'))==0 && $('.layout-content.topcontent').length != 0 && $('.layout-content.topcontent').offset().top<400){
$('.layout-content').css('margin-top',$('.kenjohn').height()-$('#orbit-bar').height());
}
$('.kenjohn').addClass('navFixed').removeClass('navRel'); /* 幫選單加上固定效果 */
} else {
if ($('.header-banner').html().trim() == "") {
$('.kenjohn').removeClass('navFixed').addClass('navRel');
}else{
$('.kenjohn').removeClass('navRel').removeClass('navFixed'); /* 移除選單固定效果 */
}
$('.layout-content').css('margin-top','');
}
}
}
// 初始函數: 把所有的程式碼都包在init裡面方便在之後的jQuery ready 函數裡一次呼叫
function init() {
// 快取一些常用的變數
var doc = document;
var lang = doc.documentElement.lang;
var pageModule = doc.body.getAttribute('data-module');
var resizeTimer = -1;
// 把所有的函數都包在orbit這個物件裡並按模組做簡單的分類
var orbit = {
// 工具函數,裡面包含可以重覆使用的函數
utils: {
// 字數限制函數, 因為系統預設沒有所以使用JS來做
// els = 元素, maxLen = 限制長度
truncateText: function(els, maxLen) {
var els = doc.querySelectorAll(els);
var newTitle = '';
var i = -1;
var elsLen = els.length;
for (i = 0; i < elsLen; i++) {
if (els[i].firstChild !== null) {
if (els[i].firstChild.length > maxLen) {
newTitle = els[i].firstChild.textContent;
els[i].textContent = newTitle.substring(0, maxLen) + '...';
}
}
}
}
},
// 外掛,所有的外掛都可以放到這個物件裡
plugins: {
// 自適應圖片裁切Ray的外掛
bullEye: function() {
$('.bullseye').bullseye({
fadeEffect: false
});
}
},
// nav: {
// 自適應使用的下拉選單
// setDropdown: function() {
// var $caret1 = $('<i class="dropdown-toggle-icon level-1 fa fa-chevron-down"></i>');
// var $caret2 = $('<i class="dropdown-toggle-icon level-2 fa fa-chevron-down"></i>');
// var $li = null;
// var $this = null;
// var cls = 'active';
// var iconDown = 'fa-chevron-down';
// var iconUp = 'fa-chevron-up';
// // 如果有第二層選單新增對應的類別到parent元素上
// $('.nav-level-1')
// .parent('li')
// .addClass('has-dropdown level-1');
// // 檢查是否已經有dropdown-toggle-icon這個元素才不會在resize事件中重覆新增
// if ($('.has-dropdown.level-1 > .dropdown-toggle-icon').length < 1) {
// $caret1.appendTo('.has-dropdown.level-1');
// // 如果有第三層選單新增對應的類別到parent元素上
// $('.nav-level-2')
// .parent('li')
// .addClass('has-dropdown level-2');
// $caret2.appendTo('.has-dropdown.level-2');
// }
// // 綁定事件到第二、三層下拉選單的按鈕上
// $('.dropdown-toggle-icon.level-1, .dropdown-toggle-icon.level-2').on('vclick', function(e) {
// e.preventDefault();
// $this = $(this);
// $li = $this.parent('li');
// // 拿掉所有選項除了目前點選的選項的 active class 並把icon換成預設的
// $li
// .siblings('li')
// .removeClass(cls)
// .find('.' + iconUp)
// .removeClass(iconUp)
// .addClass(iconDown);
// // 換掉目前選項的icon
// $li
// .find('> i')
// .removeClass(iconDown)
// .addClass(iconUp);
// // 折疊已打開的選項
// if ( $li.hasClass(cls) ){
// $li.removeClass(cls);
// $this.removeClass(iconUp).addClass(iconDown);
// }
// else{
// $li.addClass(cls)
// $this.removeClass(iconDown).addClass(iconUp);
// }
// });
// },
// 移除行動版下拉選單
// removeDropdown: function() {
// var $nav = $('#main-nav');
// $nav
// .find('.dropdown-toggle-icon')
// .remove();
// $nav
// .find('.active')
// .removeClass('active');
// }
// },
member: {
// 欄位相同高度,小心這個函數沒有計算到圖片高度,所以可能要搭配 jQuery load函數使用或是之後使用更好的方式例如 CSS3 flexbox
equalHeight: function(el) {
var bigbrother = -1;
var $el = $(el);
$el.each(function(i) {
bigbrother = bigbrother > $el.eq(i).height() ? bigbrother : $el.eq(i).height();
});
$el.height(bigbrother);
},
// 把沒有完成資料的表格列藏起來, 因為後台不管有沒有資料都會輸出項目,所以需要在前台藏起來…
removeEmptyRow: function() {
// index 頁面項目
$('.i-member-profile-item .i-member-value').each(function() {
if ($(this).text().trim() === '' || $(this).text().trim() === ':') {
$(this).parent().addClass('hide');
}
});
// show 頁面項目
$('.show-member .member-data th, .show-member .member-data td').each(function() {
if ($(this).text().trim() === '') {
$(this).parent('tr').addClass('hide');
}
});
},
},
archives: {
// 把沒有文字內容的標題藏起來因為就算是標題裡沒有文字系統仍然會輸出這樣會造成一些多餘的CSS margins, paddings或許之後也可以使用 CSS3 :empty selector 處理
// el = 要移除的元素
removeEmptyTitle: function(el) {
var $el = $(el);
var $els = $el.children();
$.each($els, function(i, val) {
if ($els.eq(i).text().trim() === '') {
$els.eq(i).addClass('hide');
}
});
$.each($el, function(i, val) {
if ($el.eq(i).children('.hide').length >= 2) {
$el.eq(i).addClass('hide');
}
});
},
// bootstarp panel 功能擴充因為原本的功能不支援多個panel
extendPanel: function() {
var len = $('.i-archive .panel-title').length;
var i = -1;
if (len > 0) {
// 新增數字到要對應的panel按鈕id及href上面
for (i = 0; i < len; i++) {
$('.panel-title:eq(' + i + ') .collapsed').attr('href', '#collapse' + i);
$('.panel-collapse:eq(' + i + ')').attr('id', 'collapse' + i);
}
}
}
},
adBanner: {
// 讓AD banner 的圖片可以點選,因為系統預設輸出的圖片是沒有連結的
// els = 要可以點選的元素(需要配合有data-link這個參數及data-targe才能使用)
addLinkOnADBanner: function(els) {
$.each(els, function() {
if ($(this).data('link') !== '' && !$(this).hasClass('youtube')) {
$(this).on('click', function() {
var target = $(this).data('target');
var link = $(this).data('link');
// 設定頁面打開的方式記得要加上data-target在HTML裡面
if (target === '_blank') {
window.open(link, target);
} else {
window.location.href = link;
}
}).addClass('cursor'); // cursor類別樣式定義在CSS裡面
}
});
},
},
// 移除行動版下拉選單
removeDropdown: function() {
var $nav = $('#main-nav');
$nav
.find('.menu-drop')
.remove();
$nav
.find('.opened')
.removeClass('opened');
},
// 網站次選單設定如果次選單有第三層就新增下拉選單的圖示及加上bootstrap class
// els = 選單元素
sitemenuDropdown: function(els) {
var els = doc.querySelectorAll('.sitemenu-list.level-2');
var len = els.length;
var i = -1;
var caret = null;
for (i = 0; i < len; i++) {
if (els[i].children.length) {
caret = doc.createElement('span');
caret.className = 'sitemenu-dropdown-toggle fa fa-caret-down';
caret.setAttribute('data-toggle', 'dropdown');
els[i].parentNode.insertBefore(caret, els[i]);
els[i].className += ' dropdown-menu';
}
}
},
// 回到頁面最頂端動態產生DOM
// txt = 按鈕的文字, speed = 捲動時的速度
goBackTop: function(txt, speed) {
var top = document.createElement('div');
top.className = 'go-back-top no-print';
top.textContent = txt || 'top';
doc.body.appendChild(top);
// 判斷是否顯示按鈕
$(window).scroll(function() {
if ($(this).scrollTop() !== 0) {
$('.go-back-top').fadeIn();
$('.top').fadeIn();
} else {
$('.go-back-top').fadeOut();
$('.top').fadeOut();
}
});
// 捲動效果
$('.go-back-top').on('click', function() {
$('body, html').animate({
scrollTop: 0
}, speed || 300);
return false;
});
$('.top').on('click', function() {
$('body, html').animate({
scrollTop: 0
}, speed || 300);
return false;
});
},
// Multi-column layout, passing ID or class string as parameters and a
// Bootstrap col class for full width, eg: col-md-12
setColumn: function(leftCol, rightCol, columnCls) {
var $leftCol = $(leftCol);
var $rightCol = $(rightCol);
var columnCls = columnCls || 'col-sm-12';
if ($leftCol.length && $rightCol.length) {
$.each([$leftCol, $rightCol], function() {
if ($(this).is(':empty')) {
$(this)
.addClass('empty-column')
.siblings()
.removeClass(function(index, css) {
return (css.match(/(^|\s)col-\S+/g) || []).join(' ');
})
.addClass(columnCls);
}
});
}
},
MobileMenu: function() {
var $menu = $('[data-menu-level="0"]');
$menu.find('ul[data-menu-level="1"]').parent().addClass('mobile-menu1');
$menu.find('ul[data-menu-level="2"]').parent().addClass('mobile-menu2');
var $caret1 = $('<span class="menu-drop"><i class="dropdown-toggle-icon level-1 fa fa-chevron-down"></i></span>');
var $caret2 = $('<span class="menu-drop"><i class="dropdown-toggle-icon level-2 fa fa-chevron-down"></i></span>');
// 如果有第二層選單新增對應的類別到parent元素上
$('.nav-level-1')
.parent('li')
.addClass('has-dropdown level-1');
// 檢查是否已經有dropdown-toggle-icon這個元素才不會在resize事件中重覆新增
if ($('.has-dropdown.level-1 .menu-drop').length < 1) {
$('.mobile-menu1').append($caret1);
// 如果有第三層選單新增對應的類別到parent元素上
$('.nav-level-2')
.parent('li')
.addClass('has-dropdown level-2');
$caret2.appendTo('.has-dropdown.level-2');
}
},
ClickMenuHandler: function() {
$('.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');
})
$('.mobile-menu1 > .menu-drop').click(function(){
var $that = $(this);
var opencheck1 = $that.hasClass('opened');
if ( opencheck1 == 0 ) {
$('.mobile-menu1 > ul').not($that.siblings('ul')).slideUp(500);
$('.mobile-menu1 > .menu-drop').not($that).removeClass('opened');
$('.mobile-menu2 > ul').slideUp(500);
$('.mobile-menu2 > .menu-drop').removeClass('opened');
$that.siblings('ul').slideDown(500);
$that.addClass('opened');
} else if (opencheck1 == 1) {
$that.siblings('ul').slideUp(500);
$('.mobile-menu2 > ul').slideUp(500);
$('.mobile-menu2 > .menu-drop').removeClass('opened');
$that.removeClass('opened');
}
})
$('.mobile-menu2 > .menu-drop').click(function(){
var $that = $(this);
var opencheck2 = $that.hasClass('opened');
if ( opencheck2 == 0 ) {
$('.mobile-menu2 > ul').not($that.siblings('ul')).slideUp(500);
$('.mobile-menu2 > .menu-drop').not($that).removeClass('opened');
$that.siblings('ul').slideDown(500);
$that.addClass('opened');
} else if (opencheck2 == 1) {
$that.siblings('ul').slideUp(500);
$that.removeClass('opened');
}
})
}
};
// 把orbit物件加到window物件裡面並改名為ORBITFRONT來減少名稱衝突的機會
win.ORBITFRONT = orbit;
// 在switch裡測試頁面模組後執行對應的函數
switch (pageModule) {
case 'home':
break;
case 'member':
orbit.member.removeEmptyRow();
$('.index-member-3 .member-data-title-email').empty();
break;
case 'archive':
orbit.archives.removeEmptyTitle('.i-archive__category-item');
orbit.archives.extendPanel();
break;
case 'gallery':
orbit.utils.truncateText('.show-description', 15);
break;
default:
break;
}
// 在所有的頁面(包含首頁)執行下面這幾個函數
initdata1();
orbit.sitemenuDropdown();
orbit.goBackTop('top', 800);
orbit.plugins.bullEye();
orbit.setColumn('.left-column', '.right-column');
// 自適應網頁使用當網頁載入時如果視窗寬度小於769就執行orbit.nav.setDropdown函數
if ($(window).outerWidth() < 769) {
// orbit.nav.setDropdown();
orbit.MobileMenu();
$('.mobile-menu').append($('.modules-menu'));
$('.header-buttom').appendTo($('.modules-menu'));
$('.outdropdowns').before($('.header-nav'));
orbit.ClickMenuHandler();
}else{
$('.outdropdowns').before($('.header-nav'));
$('.navbar-header').after($('.modules-menu'));
}
// 自適應網頁使用當使用者改變瀏覽器寬度時呼叫orbit.nav.setDropdown函數
$(window).resize(function() {
if ($(window).outerWidth() < 769) {
if (resizeTimer) clearTimeout(resizeTimer);
$('.outdropdowns').before($('.header-nav'));
resizeTimer = setTimeout(function() {
if ( $('.modules-menu i').length == 0 ) {
orbit.MobileMenu();
}
if( $('.mobile-menu .modules-menu').length == 0 ) {
$('.mobile-menu').append($('.modules-menu'));
$('.navbar-toggle').bind(orbit.ClickMenuHandler());
}
},500 )} else {
resizeTimer = setTimeout(function(){
if( $('.mobile-menu .modules-menu').length > 0 ) {
$('.navbar-header').after($('.modules-menu'));
}
orbit.removeDropdown();
}, 500);
$('.outdropdowns').before($('.header-nav'));
$('.navbar-header').after($('.modules-menu'));
}
});
// if($(window).width()<769){
// $('.header-buttom').appendTo($('.modules-menu'));
// }else{
// $('.header-buttom').appendTo($('.dropdowns'));
// }
function forFreeGo() {
// 幫有連結目的之所有a標籤加上title
for(var i=0;i<$('a').length;i++){
if($('a').eq(i).attr("href") != "" || $('a').eq(i).attr("href") != undefined ){
var titlestr="";
if($('a').eq(i).attr('target')=='_self')
titlestr += '在本視窗開啟 ';
else if($('a').eq(i).attr('target') == '_blank')
titlestr += '在新視窗開啟 ';
if($('a').eq(i).attr('title') == "" || $('a').eq(i).attr('title')==undefined && $('a').eq(i).html().search('</') == -1)
titlestr += $('a').eq(i).html().trim();
else if($('a').eq(i).attr('title') == "" || $('a').eq(i).attr('title') == undefined && $('a').eq(i).find('>span').length==1)
titlestr += $('a').eq(i).find('>span').html().trim();
else if($('a').eq(i).attr('title') == "" || $('a').eq(i).attr('title') == undefined){
try{
if($('a').eq(i).html().trim().split('>').length==2)
titlestr += $('a').eq(i).html().trim().split('>')[1].trim();
else if($('a').eq(i).html().trim().split('>').length==3)
titlestr += $('a').eq(i).html().trim().split('>')[2].trim();
}catch(e){};
}
else
titlestr += $('a').eq(i).attr('title');
if(titlestr.search('<img') != -1)
titlestr = "這是一張照片";
if(titlestr != "")
$('a').eq(i).attr('title',titlestr);
};
};
// 刪除banner-slide的空連結和空連結目標
for(var i=0;i<$('.w-ba-banner__slide a').length;i++){
if($('.w-ba-banner__slide a').eq(i).attr('href')=="")
$('.w-ba-banner__slide a').eq(i).removeAttr('href');
if($('.w-ba-banner__slide a').eq(i).attr('target') == "")
$('.w-ba-banner__slide a').eq(i).removeAttr('target');
};
// 幫無標題之iframe加上title
for(var i=0;i<$('iframe').length;i++)
if($('iframe').eq(i).attr('title')=="" || $('iframe').eq(i).attr('title')== undefined ){
if($('iframe').eq(i).attr('src').search('facebook') != -1 )
$('iframe').eq(i).attr('title','facebook');
else if($('iframe').eq(i).attr('src').search('google') != -1 )
$('iframe').eq(i).attr('title','google');
else if($('iframe').eq(i).attr('src').search('youtube') != -1 )
$('iframe').eq(i).attr('title','youtube');
else if($('iframe').eq(i).attr('src').search('twitframe') != -1 )
$('iframe').eq(i).attr('title','twitter');
else
$('iframe').eq(i).attr('title','unknown');
};
// 刪除空的檔案室
var archievelen = $('dd a.i-archive-files-item').length;
for(i=archievelen-1;i>=0;i--)
if($('dd a.i-archive-files-item').eq(i).html().trim()=="")
$('dd a.i-archive-files-item').eq(i).parent('dd').remove();
// 刪除具有空連結欄位的橫列
for(var i = 0;i < $('*[data-list] tr td a').length ; i++)
if($('*[data-list] tr td a').eq(i).html().trim()=="")
$('*[data-list] tr td a').eq(i).parent('td').parent('tr').remove();
// tab按鍵選到menu,會顯示下層的menu(為了符合無障礙)
/*
$('.nav-level-0>li>a').focus(function(e) {
e.stopPropagation();
$(this).parent().focus();
if ($(this).parent().find('.nav-level-1').hasClass('show')) {
} else {
$('.nav-level-1').removeClass('show');
$(this).parent().find('.nav-level-1').addClass('show');
}
});
$('.nav-level-1>li>a').focus(function(e) {
e.stopPropagation();
if ($(this).parent().find('.nav-level-2').hasClass('show')) {
}else{
$('.nav-level-2').removeClass('show');
$(this).parent().find('.nav-level-2').addClass('show');
}
});
$('show').parent('li').focus();
*/
}
forFreeGo();
$(document).on('touchstart','a',function(e){
e.stopPropagation();
$(this).trigger('focus');
});
//背景widget設定
if ( location.href.search('editmode=on') != -1 ) {
$('.background').css('z-index','0');
$('.downIcon').css('position','relative')
$('.jp-jplayer').css('position','relative')
$('.layout-footer').css('position','relative')
$('.layout-header').css('height','auto')
} else {
$('.background').css('z-index','-1');
};
//header banner setting
if ( location.href.search('editmode=on') != -1 ) {
$('.header-banner').css('z-index','2');
$('.header-banner').css('margin-top','8em');
} else {
$('.header-banner').css({
'width': '100%',
'position': 'relative',
'top': '0',
'z-index': '0',
});
};
//公告頁籤
function annc_widget_nav() {
$('.tab_nav').nextAll().addClass('tab_content');
$('.tab_content').css("display","none");
$('.tab_content').eq(0).css('display', 'block');
var num = $('.tab_nav li').length;
$('.tab_content').eq(num).css('display', 'block');
$('.tab_content').eq(num).nextAll().css('display', 'block');
$('.tab_nav li').off('click').on('click',function() {
$('.tab_nav li').removeClass('active');
$(this).addClass('active');
var fa = $(this).index();
$('.tab_content').attr('style','');
$('.tab_content').css("display","none");
$('.tab_content').eq(fa).css('display','block');
var num = $('.tab_nav li').length;
$('.tab_content').eq(num).css('display', 'block');
$('.tab_content').eq(num).nextAll().css('display', 'block');
});
var url = window.location.search;
if (url == "?editmode=on") {
$('.tab_content').css({'position': 'relative','display':'block'});
}
}
annc_widget_nav();
//切換語言停留在同一頁
if(window.location.pathname!="/")
$("#en").attr("href",window.location.pathname.replace("zh_tw","en"))
//檔案室 下載檔案 hover 彈出備註訊息
$('[data-toggle="tooltip"]').tooltip()
//下載檔案格式dot pdf分色
$(".i-archive .label.label-primary").each(function() {
var downloadType = $(this).text();
$(this).addClass(downloadType);
})
//檔案室模組 Widget 手風琴
function extendPanelWidget() {
var len = $('.panel-title').length;
var i = -1;
if (len > 0) {
// 新增數字到要對應的panel按鈕id及href上面
for (i = 0; i < len; i++) {
$('.panel-title:eq(' + i + ') .collapsed').attr('href', '#collapse' + i);
$('.panel-collapse:eq(' + i + ')').attr('id', 'collapse' + i);
}
}
}
extendPanelWidget();
// member show tab scroll
$('.nav-pills').scrollingTabs({
scrollToTabEdge: true,
enableSwiping: true,
leftArrowContent: [
'<div class="scrtabs-tab-scroll-arrow custom-scroll-arrow"><i class="fa fa-caret-left" aria-hidden="true"></i>',
'</div>'
].join(''),
rightArrowContent: [
'<div class="scrtabs-tab-scroll-arrow custom-scroll-arrow"><i class="fa fa-caret-right" aria-hidden="true"></i>',
'</div>'
].join('')
});
}
function transdate(){
var n=document.getElementsByClassName('w-event_news__postdate').length;
var i;
var xx = new Array(n);
if(n != 0){
for(i=0;i<n;i++){
var yy;
xx[i] = document.getElementsByClassName('w-event_news__postdate')[i].innerHTML;
JSON.stringify(xx[i]);
if(xx[i]==undefined){
return;
}else{
JSON.stringify(yy);
yy = xx[i].split('-');
//console.log(xx[i]);
switch (yy[1]) {
case '01':
yy[1]='JAN';
break;
case '02':
yy[1]='FEB';
break;
case '03':
yy[1]='MAR';
break;
case '04':
yy[1]='APR';
break;
case '05':
yy[1]='MAY';
break;
case '06':
yy[1]='JUN';
break;
case '07':
yy[1]='JUL';
break;
case '08':
yy[1]='AUG';
break;
case '09':
yy[1]='SEP';
break;
case '10':
yy[1]='OCT';
break;
case '11':
yy[1]='NOV';
break;
case '12':
yy[1]='DEC';
break;
default:
console.log(yy[1]);
break;
}
document.getElementsByClassName('w-event_news__postdate')[i].innerHTML=("<div class='month'>"+yy[1]+"</div><div class='day'>"+yy[2]+"</div>");
};
};
};
};
// 當文件物件模型(DOM)載入後執行init函數
$(document).ready(function() {
$(document).on('keydown',function(event){
var keyCode = event.which ? event.which : event.keyCode;
if($(document.activeElement==document.body) && keycode==9){
if (!$('header>.kenjohn').hasClass('navFixed')){
$('header>.kenjohn').addClass('navRel');
}
}
});
$('.group').each(function(){
if ($(this).text().trim()==''){
$(this).css('padding',0);
}
});
//RWD 自動縮放headerbannner
function headerH() {
if ($(window).outerWidth() < 769) {
const navH = $('.layout-header .navbar-header').outerHeight();
}
}
headerH();
$(window).resize(function() {
headerH();
})
$(window).scroll(function() {
initdata1();
});
// $(window).scroll(function() {
// var windowBottom = $(window).scrollTop() + $(window).innerHeight();
// $('.oneword').each(function() {
// var mid = $(this).offset().top + $(this).height()/2;
// if( mid < windowBottom && mid > $(window).scrollTop()){
// $(this).addClass('animationtop')
// } else {
// $(this).removeClass('animationtop')
// }
// })
// })
init();
// $('.sitemenu-item a').click(function(e) {
// e.preventDefault();
//
// var $this = $(this);
//
// if ($this.next().next().hasClass('show')) {
// $this.next().next().removeClass('show');
// $this.next().next().slideUp(350);
// } else {
// $this.parent().parent().find('li.level-2').removeClass('show');
// $this.parent().parent().find('li.level-2').slideUp(350);
// $this.next().next().toggleClass('show');
// $this.next().next().slideToggle(350);
// }
// });
$('.sitemenu-item span.fa').click(function(){
var $ul = $(this).parent("li").children("ul");
if($ul.find('li').length != 0){
$ul.slideToggle('100');
if($(this).hasClass('fa-caret-down')){
$(this).removeClass('fa-caret-down').addClass('fa-caret-up');
}else{
$(this).removeClass('fa-caret-up').addClass('fa-caret-down');
}
}
});
});
// // //選單
// $(document).ready(function() {
//
// //drop down menu
// $(".dropdown-toggle").hover(function() {
// $('.modules-menu-level-1').addClass('display-on');
// });
// $(".dropdown-toggle").mouseleave(function() {
// $('.modules-menu-level-1').removeClass('display-on');
// });
//
// });
// $(document).ready(function() {
//
// "use strict";
//
// $(".navbar-collapse > ul > li").hover(function(e) {
// if ($(window).width() > 943) {
// $(this).children("ul").stop(true, false).fadeToggle(150);
// e.preventDefault();
// }
// });
// });// //選單
$(document).ready(function() {
$('li.active > span.fa-caret-down').addClass('fa-caret-up').removeClass('fa-caret-down');
window.has_hover = false;
if($(window).outerWidth(true) >= 768){
window.has_hover = true;
}
$('.sitemenu-item.level-1').hover(function(){
if(window.has_hover && !$(this).hasClass("active")){
$(this).find(".sitemenu-dropdown-toggle").addClass("fa-caret-up").removeClass('fa-caret-down');
}
},function(){
if(window.has_hover && !$(this).hasClass("active")){
$(this).find(".sitemenu-dropdown-toggle").addClass("fa-caret-down").removeClass('fa-caret-up');
}
})
var title_wrapper = $("<div class=\"title-wraper col-sm-12\"></div>")
title_wrapper.append($('.view_count.pull-right,.page-module-title,#main-content .index-title,.i-member-status-title:eq(0),#main-content > * > [class*="-title"]'));
$('.row.pagerow').prepend(title_wrapper);
try {
transdate()
} catch (e) {
};
"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');
$(".downIcon").click(function() {
var move_to_target=function (stop) {
var theTop;
if (stop){
$(".kenjohn").addClass('navFixed');
if ($('.layout-content.topcontent').length != 0 && $('.layout-content.topcontent').offset().top<400){
$('.layout-content').css('margin-top',$('.kenjohn').height()-$('#orbit-bar').height());
}
if (parseInt($('.layout-content').css('margin-top')==0)){
theTop = $('.layout-content-inner.container').offset().top-$(".kenjohn").position().top+5;
}else{
theTop = $('.layout-content-inner.container').offset().top-$(".kenjohn").position().top-$(".kenjohn").height()+5;
}
}else{
theTop = 5;
}
console.log(theTop);
$("html, body").animate({
scrollTop: theTop }, {duration: 400,easing: "swing",complete: function(){
console.log('finish');
if(!stop){
move_to_target(true);
}
}});
}
move_to_target(false);
return false;
});
});
var calc_menu_flag = false;
function calc_menu_pos(){
if ($(window).outerWidth() < 769){
calc_menu_flag = false;
$('.outdropdowns .modules-menu-level-1').css('right','')
$('.outdropdowns .modules-menu-level-1').css('width','')
}else{
var width = $('#main-nav').outerWidth();
var right = $(window).width() - $('#main-nav').offset().left - width;
if (width>50){
calc_menu_flag = true;
$('.outdropdowns .modules-menu-level-1').css('right',right);
$('.outdropdowns .modules-menu-level-1').css('width',width);
}
}
}
$(window).resize(function() {
//$('.modules-menu-level-1').css('calc_menu_flagleft','-'+$('.outdropdowns .dropdowns').offset().left+'px');
calc_menu_pos();
window.has_hover = false;
if($(window).outerWidth(true) >= 768){
window.has_hover = true;
}
});
$('#main-nav>li').mouseover(function(){
if (!calc_menu_flag){
calc_menu_pos();
}
});
$(window).load(function(){
calc_menu_pos();
$("iframe[src*='google']").attr('title','googleOauth');
});
// 執行 member等高計算目前改用flexbox故mark掉 by ika 20160105
// $(window).load(function() {
// if ($('.index-member-3').length && $(window).width() > 992) {
// ORBITFRONT.member.equalHeight('.i-member-item-inner');
// }
// });
}(jQuery, window));

View File

@ -0,0 +1 @@
!function($){"use strict";var t={fadeEffect:!0,effectTime:.5},i=$(window),e=function(t,i){var e=document.createElement("img"),s;t.data("bullseyeImage")?(t.html('<img src="'+t.data("bullseyeImage")+'">'),s=t.data("bullseyeImage")):(s=t.find("img").first().attr("src"),t.data("bullseyeImage",s)),i.fadeEffect&&t.find("img").first().css({opacity:0}),e.src=s,e.onload=function(){n(t,i)}},n=function(t,i){var e=t.find("img").first(),n={position:"relative",overflow:"hidden"},o={position:"absolute",top:0,right:0,bottom:0,left:0,margin:"auto",width:"100%",height:"auto"},a={start:{opacity:1,"-webkit-transition":"opacity "+i.effectTime+"s ease-in-out","-moz-transition":"opacity "+i.effectTime+"s ease-in-out","-o-transition":"opacity "+i.effectTime+"s ease-in-out",transition:"opacity "+i.effectTime+"s ease-in-out"},end:{opacity:"","-webkit-transition":"","-moz-transition":"","-o-transition":"",transition:""}};t.css(n),e.css(o),s(t),i.fadeEffect&&e.css(a.start).on("transitionend",function(){$(this).css(a.end)})},s=function(t){var i=t.find("img").first(),e=t.innerHeight(),n,s;n=i.height(),e>n?(s=e/n,i.css({"-webkit-transform":"scale("+s+")","-moz-transform":"scale("+s+")","-o-transform":"scale("+s+")",transform:"scale("+s+")"})):i.css({"-webkit-transform":"","-moz-transform":"","-o-transform":"",transform:""})},o=function(t,n){e(t,n),i.on("resize",function(){s(t)})};$.fn.bullseye=function(i){var e=$.extend({},t,i);return this.each(function(){var t=$(this);o(t,e)})}}(window.jQuery);

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,959 @@
//
// Mixins
// --------------------------------------------------
// Utilities
// -------------------------
// Clearfix
// Source: http://nicolasgallagher.com/micro-clearfix-hack/
//
// For modern browsers
// 1. The space content is one way to avoid an Opera bug when the
// contenteditable attribute is included anywhere else in the document.
// Otherwise it causes space to appear at the top and bottom of elements
// that are clearfixed.
// 2. The use of `table` rather than `block` is only necessary if using
// `:before` to contain the top-margins of child elements.
@mixin clearfix() {
&:before,
&:after {
content: " "; // 1
display: table; // 2
}
&:after {
clear: both;
}
}
// WebKit-style focus
@mixin tab-focus() {
// Default
outline: thin dotted;
// WebKit
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
// Center-align a block level element
@mixin center-block() {
display: block;
margin-left: auto;
margin-right: auto;
}
// Sizing shortcuts
@mixin size($width, $height) {
width: $width;
height: $height;
}
@mixin square($size) {
@include size($size, $size);
}
// Placeholder text
@mixin placeholder($color: $input-color-placeholder) {
&::-moz-placeholder { color: $color; // Firefox
opacity: 1; } // See https://github.com/twbs/bootstrap/pull/11526
&:-ms-input-placeholder { color: $color; } // Internet Explorer 10+
&::-webkit-input-placeholder { color: $color; } // Safari and Chrome
}
// Text overflow
// Requires inline-block or block for proper styling
@mixin text-overflow() {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
// CSS image replacement
//
// Heads up! v3 launched with with only `.hide-text()`, but per our pattern for
// mixins being reused as classes with the same name, this doesn't hold up. As
// of v3.0.1 we have added `.text-hide()` and deprecated `.hide-text()`. Note
// that we cannot chain the mixins together in Less, so they are repeated.
//
// Source: https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757
// Deprecated as of v3.0.1 (will be removed in v4)
@mixin hide-text() {
font: #{0/0} a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
// New mixin to use as of v3.0.1
@mixin text-hide() {
@include hide-text();
}
// CSS3 PROPERTIES
// --------------------------------------------------
// Single side border-radius
@mixin border-top-radius($radius) {
border-top-right-radius: $radius;
border-top-left-radius: $radius;
}
@mixin border-right-radius($radius) {
border-bottom-right-radius: $radius;
border-top-right-radius: $radius;
}
@mixin border-bottom-radius($radius) {
border-bottom-right-radius: $radius;
border-bottom-left-radius: $radius;
}
@mixin border-left-radius($radius) {
border-bottom-left-radius: $radius;
border-top-left-radius: $radius;
}
// Drop shadows
//
// Note: Deprecated `.box-shadow()` as of v3.1.0 since all of Bootstrap's
// supported browsers that have box shadow capabilities now support the
// standard `box-shadow` property.
@mixin box-shadow($shadow...) {
-webkit-box-shadow: $shadow; // iOS <4.3 & Android <4.1
box-shadow: $shadow;
}
// Transitions
@mixin transition($transition...) {
-webkit-transition: $transition;
transition: $transition;
}
@mixin transition-property($transition-property...) {
-webkit-transition-property: $transition-property;
transition-property: $transition-property;
}
@mixin transition-delay($transition-delay) {
-webkit-transition-delay: $transition-delay;
transition-delay: $transition-delay;
}
@mixin transition-duration($transition-duration...) {
-webkit-transition-duration: $transition-duration;
transition-duration: $transition-duration;
}
@mixin transition-transform($transition...) {
-webkit-transition: -webkit-transform $transition;
-moz-transition: -moz-transform $transition;
-o-transition: -o-transform $transition;
transition: transform $transition;
}
// Transformations
@mixin rotate($degrees) {
-webkit-transform: rotate($degrees);
-ms-transform: rotate($degrees); // IE9 only
transform: rotate($degrees);
}
@mixin scale($scale-args...) {
-webkit-transform: scale($scale-args);
-ms-transform: scale($scale-args); // IE9 only
transform: scale($scale-args);
}
@mixin translate($x, $y) {
-webkit-transform: translate($x, $y);
-ms-transform: translate($x, $y); // IE9 only
transform: translate($x, $y);
}
@mixin skew($x, $y) {
-webkit-transform: skew($x, $y);
-ms-transform: skewX($x) skewY($y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+
transform: skew($x, $y);
}
@mixin translate3d($x, $y, $z) {
-webkit-transform: translate3d($x, $y, $z);
transform: translate3d($x, $y, $z);
}
@mixin rotateX($degrees) {
-webkit-transform: rotateX($degrees);
-ms-transform: rotateX($degrees); // IE9 only
transform: rotateX($degrees);
}
@mixin rotateY($degrees) {
-webkit-transform: rotateY($degrees);
-ms-transform: rotateY($degrees); // IE9 only
transform: rotateY($degrees);
}
@mixin perspective($perspective) {
-webkit-perspective: $perspective;
-moz-perspective: $perspective;
perspective: $perspective;
}
@mixin perspective-origin($perspective) {
-webkit-perspective-origin: $perspective;
-moz-perspective-origin: $perspective;
perspective-origin: $perspective;
}
@mixin transform-origin($origin) {
-webkit-transform-origin: $origin;
-moz-transform-origin: $origin;
-ms-transform-origin: $origin; // IE9 only
transform-origin: $origin;
}
// Animations
@mixin animation($animation) {
-webkit-animation: $animation;
animation: $animation;
}
@mixin animation-name($name) {
-webkit-animation-name: $name;
animation-name: $name;
}
@mixin animation-duration($duration) {
-webkit-animation-duration: $duration;
animation-duration: $duration;
}
@mixin animation-timing-function($timing-function) {
-webkit-animation-timing-function: $timing-function;
animation-timing-function: $timing-function;
}
@mixin animation-delay($delay) {
-webkit-animation-delay: $delay;
animation-delay: $delay;
}
@mixin animation-iteration-count($iteration-count) {
-webkit-animation-iteration-count: $iteration-count;
animation-iteration-count: $iteration-count;
}
@mixin animation-direction($direction) {
-webkit-animation-direction: $direction;
animation-direction: $direction;
}
// Backface visibility
// Prevent browsers from flickering when using CSS 3D transforms.
// Default value is `visible`, but can be changed to `hidden`
@mixin backface-visibility($visibility){
-webkit-backface-visibility: $visibility;
-moz-backface-visibility: $visibility;
backface-visibility: $visibility;
}
// Box sizing
@mixin box-sizing($boxmodel) {
-webkit-box-sizing: $boxmodel;
-moz-box-sizing: $boxmodel;
box-sizing: $boxmodel;
}
// User select
// For selecting text on the page
@mixin user-select($select) {
-webkit-user-select: $select;
-moz-user-select: $select;
-ms-user-select: $select; // IE10+
user-select: $select;
}
// Resize anything
@mixin resizable($direction) {
resize: $direction; // Options: horizontal, vertical, both
overflow: auto; // Safari fix
}
// CSS3 Content Columns
@mixin content-columns($column-count, $column-gap: $grid-gutter-width) {
-webkit-column-count: $column-count;
-moz-column-count: $column-count;
column-count: $column-count;
-webkit-column-gap: $column-gap;
-moz-column-gap: $column-gap;
column-gap: $column-gap;
}
// Optional hyphenation
@mixin hyphens($mode: auto) {
word-wrap: break-word;
-webkit-hyphens: $mode;
-moz-hyphens: $mode;
-ms-hyphens: $mode; // IE10+
-o-hyphens: $mode;
hyphens: $mode;
}
// Opacity
@mixin opacity($opacity) {
opacity: $opacity;
// IE8 filter
$opacity-ie: ($opacity * 100);
filter: #{alpha(opacity=$opacity-ie)};
}
// GRADIENTS
// --------------------------------------------------
// Horizontal gradient, from left to right
//
// Creates two color stops, start and end, by specifying a color and position for each color stop.
// Color stops are not available in IE9 and below.
@mixin gradient-horizontal($start-color: #555, $end-color: #333, $start-percent: 0%, $end-percent: 100%) {
background-image: -webkit-linear-gradient(left, color-stop($start-color $start-percent), color-stop($end-color $end-percent)); // Safari 5.1-6, Chrome 10+
background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
-pie-background: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
behavior: url("/assets/ie_support/PIE2/PIE.htc");
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=1); // IE9 and down
}
// Vertical gradient, from top to bottom
//
// Creates two color stops, start and end, by specifying a color and position for each color stop.
// Color stops are not available in IE9 and below.
@mixin gradient-vertical($start-color: #555, $end-color: #333, $start-percent: 0%, $end-percent: 100%) {
background-image: -webkit-linear-gradient(top, $start-color $start-percent, $end-color $end-percent); // Safari 5.1-6, Chrome 10+
background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
-pie-background: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
behavior: url("/assets/ie_support/PIE2/PIE.htc");
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=0); // IE9 and down
}
@mixin gradient-directional($start-color: #555, $end-color: #333, $deg: 45deg) {
background-repeat: repeat-x;
background-image: -webkit-linear-gradient($deg, $start-color, $end-color); // Safari 5.1-6, Chrome 10+
background-image: linear-gradient($deg, $start-color, $end-color); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
-pie-background: linear-gradient($deg, $start-color, $end-color); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
behavior: url("/assets/ie_support/PIE2/PIE.htc");
}
@mixin gradient-horizontal-three-colors($start-color: #00b3ee, $mid-color: #7a43b6, $color-stop: 50%, $end-color: #c3325f) {
background-image: -webkit-linear-gradient(left, $start-color, $mid-color $color-stop, $end-color);
background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);
-pie-background: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);
behavior: url("/assets/ie_support/PIE2/PIE.htc");
background-repeat: no-repeat;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=1); // IE9 and down, gets no color-stop at all for proper fallback
}
@mixin gradient-vertical-three-colors($start-color: #00b3ee, $mid-color: #7a43b6, $color-stop: 50%, $end-color: #c3325f) {
background-image: -webkit-linear-gradient($start-color, $mid-color $color-stop, $end-color);
background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);
-pie-background: linear-gradient($start-color, $mid-color $color-stop, $end-color);
behavior: url("/assets/ie_support/PIE2/PIE.htc");
background-repeat: no-repeat;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=0); // IE9 and down, gets no color-stop at all for proper fallback
}
@mixin gradient-radial($inner-color: #555, $outer-color: #333) {
background-image: -webkit-radial-gradient(circle, $inner-color, $outer-color);
background-image: radial-gradient(circle, $inner-color, $outer-color);
background-repeat: no-repeat;
}
@mixin gradient-striped($color: rgba(255,255,255,.15), $angle: 45deg) {
background-image: -webkit-linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);
background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);
-pie-background: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);
behavior: url("/assets/ie_support/PIE2/PIE.htc");
}
// Reset filters for IE
//
// When you need to remove a gradient background, do not forget to use this to reset
// the IE filter for IE9 and below.
@mixin reset-filter() {
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
// Retina images
//
// Short retina mixin for setting background-image and -size
@mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) {
background-image: url(if($bootstrap-sass-asset-helper, twbs-image-path("#{$file-1x}"), "#{$file-1x}"));
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and ( min--moz-device-pixel-ratio: 2),
only screen and ( -o-min-device-pixel-ratio: 2/1),
only screen and ( min-device-pixel-ratio: 2),
only screen and ( min-resolution: 192dpi),
only screen and ( min-resolution: 2dppx) {
background-image: url(if($bootstrap-sass-asset-helper, twbs-image-path("#{$file-2x}"), "#{$file-2x}"));
background-size: $width-1x $height-1x;
}
}
// Responsive image
//
// Keep images from scaling beyond the width of their parents.
@mixin img-responsive($display: block) {
display: $display;
max-width: 100%; // Part 1: Set a maximum relative to the parent
height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching
}
// COMPONENT MIXINS
// --------------------------------------------------
// Horizontal dividers
// -------------------------
// Dividers (basically an hr) within dropdowns and nav lists
@mixin nav-divider($color: #e5e5e5) {
height: 1px;
margin: (($line-height-computed / 2) - 1) 0;
overflow: hidden;
background-color: $color;
}
// Panels
// -------------------------
@mixin panel-variant($border, $heading-text-color, $heading-bg-color, $heading-border) {
border-color: $border;
& > .panel-heading {
color: $heading-text-color;
background-color: $heading-bg-color;
border-color: $heading-border;
+ .panel-collapse .panel-body {
border-top-color: $border;
}
}
& > .panel-footer {
+ .panel-collapse .panel-body {
border-bottom-color: $border;
}
}
}
// Alerts
// -------------------------
@mixin alert-variant($background, $border, $text-color) {
background-color: $background;
border-color: $border;
color: $text-color;
hr {
border-top-color: darken($border, 5%);
}
.alert-link {
color: darken($text-color, 10%);
}
}
// Tables
// -------------------------
@mixin table-row-variant($state, $background) {
// Exact selectors below required to override `.table-striped` and prevent
// inheritance to nested tables.
.table > thead > tr,
.table > tbody > tr,
.table > tfoot > tr {
> td.#{$state},
> th.#{$state},
&.#{$state} > td,
&.#{$state} > th {
background-color: $background;
}
}
// Hover states for `.table-hover`
// Note: this is not available for cells or rows within `thead` or `tfoot`.
.table-hover > tbody > tr {
> td.#{$state}:hover,
> th.#{$state}:hover,
&.#{$state}:hover > td,
&.#{$state}:hover > th {
background-color: darken($background, 5%);
}
}
}
// List Groups
// -------------------------
@mixin list-group-item-variant($state, $background, $color) {
.list-group-item-#{$state} {
color: $color;
background-color: $background;
// [converter] extracted a& to a.list-group-item-#{$state}
}
a.list-group-item-#{$state} {
color: $color;
.list-group-item-heading { color: inherit; }
&:hover,
&:focus {
color: $color;
background-color: darken($background, 5%);
}
&.active,
&.active:hover,
&.active:focus {
color: #fff;
background-color: $color;
border-color: $color;
}
}
}
// Button variants
// -------------------------
// Easily pump out default styles, as well as :hover, :focus, :active,
// and disabled options for all buttons
@mixin button-variant($color, $background, $border) {
color: $color;
background-color: $background;
border-color: $border;
&:hover,
&:focus,
&:active,
&.active {
color: $color;
background-color: darken($background, 8%);
border-color: darken($border, 12%);
}
.open & { &.dropdown-toggle {
color: $color;
background-color: darken($background, 8%);
border-color: darken($border, 12%);
} }
&:active,
&.active {
background-image: none;
}
.open & { &.dropdown-toggle {
background-image: none;
} }
&.disabled,
&[disabled],
fieldset[disabled] & {
&,
&:hover,
&:focus,
&:active,
&.active {
background-color: $background;
border-color: $border;
}
}
.badge {
color: $background;
background-color: $color;
}
}
// Button sizes
// -------------------------
@mixin button-size($padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius) {
padding: $padding-vertical $padding-horizontal;
font-size: $font-size;
line-height: $line-height;
border-radius: $border-radius;
}
// Pagination
// -------------------------
@mixin pagination-size($padding-vertical, $padding-horizontal, $font-size, $border-radius) {
> li {
> a,
> span {
padding: $padding-vertical $padding-horizontal;
font-size: $font-size;
}
&:first-child {
> a,
> span {
@include border-left-radius($border-radius);
}
}
&:last-child {
> a,
> span {
@include border-right-radius($border-radius);
}
}
}
}
// Labels
// -------------------------
@mixin label-variant($color) {
background-color: $color;
&[href] {
&:hover,
&:focus {
background-color: darken($color, 10%);
}
}
}
// Contextual backgrounds
// -------------------------
// [converter] $parent hack
@mixin bg-variant($parent, $color) {
#{$parent} {
background-color: $color;
}
a#{$parent}:hover {
background-color: darken($color, 10%);
}
}
// Typography
// -------------------------
// [converter] $parent hack
@mixin text-emphasis-variant($parent, $color) {
#{$parent} {
color: $color;
}
a#{$parent}:hover {
color: darken($color, 10%);
}
}
// Navbar vertical align
// -------------------------
// Vertically center elements in the navbar.
// Example: an element has a height of 30px, so write out `.navbar-vertical-align(30px);` to calculate the appropriate top margin.
@mixin navbar-vertical-align($element-height) {
margin-top: (($navbar-height - $element-height) / 2);
margin-bottom: (($navbar-height - $element-height) / 2);
}
// Progress bars
// -------------------------
@mixin progress-bar-variant($color) {
background-color: $color;
.progress-striped & {
@include gradient-striped();
}
}
// Responsive utilities
// -------------------------
// More easily include all the states for responsive-utilities.less.
// [converter] $parent hack
@mixin responsive-visibility($parent) {
#{$parent} {
display: block !important;
}
table#{$parent} { display: table; }
tr#{$parent} { display: table-row !important; }
th#{$parent},
td#{$parent} { display: table-cell !important; }
}
// [converter] $parent hack
@mixin responsive-invisibility($parent) {
#{$parent} {
display: none !important;
}
}
// Grid System
// -----------
// Centered container element
@mixin container-fixed() {
margin-right: auto;
margin-left: auto;
padding-left: ($grid-gutter-width / 2);
padding-right: ($grid-gutter-width / 2);
@include clearfix();
}
// Creates a wrapper for a series of columns
@mixin make-row($gutter: $grid-gutter-width) {
margin-left: ($gutter / -2);
margin-right: ($gutter / -2);
@include clearfix();
}
// Generate the extra small columns
@mixin make-xs-column($columns, $gutter: $grid-gutter-width) {
position: relative;
float: left;
width: percentage(($columns / $grid-columns));
min-height: 1px;
padding-left: ($gutter / 2);
padding-right: ($gutter / 2);
}
@mixin make-xs-column-offset($columns) {
@media (min-width: $screen-xs-min) {
margin-left: percentage(($columns / $grid-columns));
}
}
@mixin make-xs-column-push($columns) {
@media (min-width: $screen-xs-min) {
left: percentage(($columns / $grid-columns));
}
}
@mixin make-xs-column-pull($columns) {
@media (min-width: $screen-xs-min) {
right: percentage(($columns / $grid-columns));
}
}
// Generate the small columns
@mixin make-sm-column($columns, $gutter: $grid-gutter-width) {
position: relative;
min-height: 1px;
padding-left: ($gutter / 2);
padding-right: ($gutter / 2);
@media (min-width: $screen-sm-min) {
float: left;
width: percentage(($columns / $grid-columns));
}
}
@mixin make-sm-column-offset($columns) {
@media (min-width: $screen-sm-min) {
margin-left: percentage(($columns / $grid-columns));
}
}
@mixin make-sm-column-push($columns) {
@media (min-width: $screen-sm-min) {
left: percentage(($columns / $grid-columns));
}
}
@mixin make-sm-column-pull($columns) {
@media (min-width: $screen-sm-min) {
right: percentage(($columns / $grid-columns));
}
}
// Generate the medium columns
@mixin make-md-column($columns, $gutter: $grid-gutter-width) {
position: relative;
min-height: 1px;
padding-left: ($gutter / 2);
padding-right: ($gutter / 2);
@media (min-width: $screen-md-min) {
float: left;
width: percentage(($columns / $grid-columns));
}
}
@mixin make-md-column-offset($columns) {
@media (min-width: $screen-md-min) {
margin-left: percentage(($columns / $grid-columns));
}
}
@mixin make-md-column-push($columns) {
@media (min-width: $screen-md-min) {
left: percentage(($columns / $grid-columns));
}
}
@mixin make-md-column-pull($columns) {
@media (min-width: $screen-md-min) {
right: percentage(($columns / $grid-columns));
}
}
// Generate the large columns
@mixin make-lg-column($columns, $gutter: $grid-gutter-width) {
position: relative;
min-height: 1px;
padding-left: ($gutter / 2);
padding-right: ($gutter / 2);
@media (min-width: $screen-lg-min) {
float: left;
width: percentage(($columns / $grid-columns));
}
}
@mixin make-lg-column-offset($columns) {
@media (min-width: $screen-lg-min) {
margin-left: percentage(($columns / $grid-columns));
}
}
@mixin make-lg-column-push($columns) {
@media (min-width: $screen-lg-min) {
left: percentage(($columns / $grid-columns));
}
}
@mixin make-lg-column-pull($columns) {
@media (min-width: $screen-lg-min) {
right: percentage(($columns / $grid-columns));
}
}
// Framework grid generation
//
// Used only by Bootstrap to generate the correct number of grid classes given
// any value of `$grid-columns`.
// [converter] This is defined recursively in LESS, but Sass supports real loops
@mixin make-grid-columns() {
$list: '';
$i: 1;
$list: ".col-xs-#{$i}, .col-sm-#{$i}, .col-md-#{$i}, .col-lg-#{$i}";
@for $i from (1 + 1) through $grid-columns {
$list: "#{$list}, .col-xs-#{$i}, .col-sm-#{$i}, .col-md-#{$i}, .col-lg-#{$i}";
}
#{$list} {
position: relative;
// Prevent columns from collapsing when empty
min-height: 1px;
// Inner gutter via padding
padding-left: ($grid-gutter-width / 2);
padding-right: ($grid-gutter-width / 2);
}
}
// [converter] This is defined recursively in LESS, but Sass supports real loops
@mixin float-grid-columns($class) {
$list: '';
$i: 1;
$list: ".col-#{$class}-#{$i}";
@for $i from (1 + 1) through $grid-columns {
$list: "#{$list}, .col-#{$class}-#{$i}";
}
#{$list} {
float: left;
}
}
@mixin calc-grid-column($index, $class, $type) {
@if ($type == width) and ($index > 0) {
.col-#{$class}-#{$index} {
width: percentage(($index / $grid-columns));
}
}
@if ($type == push) {
.col-#{$class}-push-#{$index} {
left: percentage(($index / $grid-columns));
}
}
@if ($type == pull) {
.col-#{$class}-pull-#{$index} {
right: percentage(($index / $grid-columns));
}
}
@if ($type == offset) {
.col-#{$class}-offset-#{$index} {
margin-left: percentage(($index / $grid-columns));
}
}
}
// [converter] This is defined recursively in LESS, but Sass supports real loops
@mixin loop-grid-columns($columns, $class, $type) {
@for $i from 0 through $columns {
@include calc-grid-column($i, $class, $type);
}
}
// Create grid for specific class
@mixin make-grid($class) {
@include float-grid-columns($class);
@include loop-grid-columns($grid-columns, $class, width);
@include loop-grid-columns($grid-columns, $class, pull);
@include loop-grid-columns($grid-columns, $class, push);
@include loop-grid-columns($grid-columns, $class, offset);
}
// Form validation states
//
// Used in forms.less to generate the form validation CSS for warnings, errors,
// and successes.
@mixin form-control-validation($text-color: #555, $border-color: #ccc, $background-color: #f5f5f5) {
// Color the label and help text
.help-block,
.control-label,
.radio,
.checkbox,
.radio-inline,
.checkbox-inline {
color: $text-color;
}
// Set the border and box shadow on specific inputs to match
.form-control {
border-color: $border-color;
@include box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); // Redeclare so transitions work
&:focus {
border-color: darken($border-color, 10%);
$shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten($border-color, 20%);
@include box-shadow($shadow);
}
}
// Set validation states also for addons
.input-group-addon {
color: $text-color;
border-color: $border-color;
background-color: $background-color;
}
// Optional feedback icon
.form-control-feedback {
color: $text-color;
}
}
// Form control focus state
//
// Generate a customized focus state and for any input with the specified color,
// which defaults to the `$input-focus-border` variable.
//
// We highly encourage you to not customize the default value, but instead use
// this to tweak colors on an as-needed basis. This aesthetic change is based on
// WebKit's default styles, but applicable to a wider range of browsers. Its
// usability and accessibility should be taken into account with any change.
//
// Example usage: change the default blue border and shadow to white for better
// contrast against a dark gray background.
@mixin form-control-focus($color: $input-border-focus) {
$color-rgba: rgba(red($color), green($color), blue($color), .6);
&:focus {
border-color: $color;
outline: 0;
@include box-shadow(inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px $color-rgba);
}
}
// Form control sizing
//
// Relative text size, padding, and border-radii changes for form controls. For
// horizontal sizing, wrap controls in the predefined grid classes. `<select>`
// element gets special love because it's special, and that's a fact!
// [converter] $parent hack
@mixin input-size($parent, $input-height, $padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius) {
#{$parent} {
height: $input-height;
padding: $padding-vertical $padding-horizontal;
font-size: $font-size;
line-height: $line-height;
border-radius: $border-radius;
}
select#{$parent} {
height: $input-height;
line-height: $input-height;
}
textarea#{$parent},
select[multiple]#{$parent} {
height: auto;
}
}

View File

@ -0,0 +1,833 @@
// a flag to toggle asset pipeline / compass integration
// defaults to true if twbs-font-path function is present (no function => twbs-font-path('') parsed as string == right side)
// in Sass 3.3 this can be improved with: function-exists(twbs-font-path)
$bootstrap-sass-asset-helper: (twbs-font-path("") != unquote('twbs-font-path("")')) !default;
//
// Variables
// --------------------------------------------------
//== Colors
//
//## Gray and brand colors for use across Bootstrap.
$gray-darker: lighten(#000, 13.5%) !default; // #222
$gray-dark: lighten(#000, 20%) !default; // #333
$gray: lighten(#000, 33.5%) !default; // #555
$gray-light: lighten(#000, 60%) !default; // #999
$gray-lighter: lighten(#000, 93.5%) !default; // #eee
$brand-primary: #47bab5 !default;
$brand-success: #5cb85c !default;
$brand-info: #5bc0de !default;
$brand-warning: #f0ad4e !default;
$brand-danger: #ed4c43 !default;
//== Scaffolding
//
// ## Settings for some of the most global styles.
//** Background color for `<body>`.
$body-bg: #fff !default;
//** Global text color on `<body>`.
$text-color: $gray-dark !default;
//** Global textual link color.
$link-color: $brand-primary !default;
//** Link hover color set via `darken()` function.
$link-hover-color: darken($link-color, 15%) !default;
//== Typography
//
//## Font, line-height, and color for body text, headings, and more.
$font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif !default;
$font-family-serif: Georgia, "Times New Roman", Times, serif !default;
//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.
$font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace !default;
$font-family-base: $font-family-sans-serif !default;
$font-size-base: 14px !default;
$font-size-large: ceil(($font-size-base * 1.25)) !default; // ~18px
$font-size-small: ceil(($font-size-base * 0.85)) !default; // ~12px
$font-size-h1: floor(($font-size-base * 2.6)) !default; // ~36px
$font-size-h2: floor(($font-size-base * 2.15)) !default; // ~30px
$font-size-h3: ceil(($font-size-base * 1.7)) !default; // ~24px
$font-size-h4: ceil(($font-size-base * 1.25)) !default; // ~18px
$font-size-h5: $font-size-base !default;
$font-size-h6: ceil(($font-size-base * 0.85)) !default; // ~12px
//** Unit-less `line-height` for use in components like buttons.
$line-height-base: 1.428571429 !default; // 20/14
//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
$line-height-computed: floor(($font-size-base * $line-height-base)) !default; // ~20px
//** By default, this inherits from the `<body>`.
$headings-font-family: inherit !default;
$headings-font-weight: 500 !default;
$headings-line-height: 1.1 !default;
$headings-color: inherit !default;
//-- Iconography
//
//## Specify custom locations of the include Glyphicons icon font. Useful for those including Bootstrap via Bower.
$icon-font-path: "bootstrap/" !default;
$icon-font-name: "glyphicons-halflings-regular" !default;
$icon-font-svg-id: "glyphicons_halflingsregular" !default;
//== Components
//
//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
$padding-base-vertical: 6px !default;
$padding-base-horizontal: 12px !default;
$padding-large-vertical: 10px !default;
$padding-large-horizontal: 16px !default;
$padding-small-vertical: 5px !default;
$padding-small-horizontal: 10px !default;
$padding-xs-vertical: 1px !default;
$padding-xs-horizontal: 5px !default;
$line-height-large: 1.33 !default;
$line-height-small: 1.5 !default;
$border-radius-base: 4px !default;
$border-radius-large: 6px !default;
$border-radius-small: 3px !default;
//** Global color for active items (e.g., navs or dropdowns).
$component-active-color: #fff !default;
//** Global background color for active items (e.g., navs or dropdowns).
$component-active-bg: $brand-primary !default;
//** Width of the `border` for generating carets that indicator dropdowns.
$caret-width-base: 4px !default;
//** Carets increase slightly in size for larger components.
$caret-width-large: 5px !default;
//== Tables
//
//## Customizes the `.table` component with basic values, each used across all table variations.
//** Padding for `<th>`s and `<td>`s.
$table-cell-padding: 8px !default;
//** Padding for cells in `.table-condensed`.
$table-condensed-cell-padding: 5px !default;
//** Default background color used for all tables.
$table-bg: transparent !default;
//** Background color used for `.table-striped`.
$table-bg-accent: #f9f9f9 !default;
//** Background color used for `.table-hover`.
$table-bg-hover: #f5f5f5 !default;
$table-bg-active: $table-bg-hover !default;
//** Border color for table and cell borders.
$table-border-color: #ddd !default;
//== Buttons
//
//## For each of Bootstrap's buttons, define text, background and border color.
$btn-font-weight: normal !default;
$btn-default-color: #333 !default;
$btn-default-bg: #fff !default;
$btn-default-border: #ccc !default;
$btn-primary-color: #fff !default;
$btn-primary-bg: $brand-primary !default;
$btn-primary-border: darken($btn-primary-bg, 5%) !default;
$btn-success-color: #fff !default;
$btn-success-bg: $brand-success !default;
$btn-success-border: darken($btn-success-bg, 5%) !default;
$btn-info-color: #fff !default;
$btn-info-bg: $brand-info !default;
$btn-info-border: darken($btn-info-bg, 5%) !default;
$btn-warning-color: #fff !default;
$btn-warning-bg: $brand-warning !default;
$btn-warning-border: darken($btn-warning-bg, 5%) !default;
$btn-danger-color: #fff !default;
$btn-danger-bg: $brand-danger !default;
$btn-danger-border: darken($btn-danger-bg, 5%) !default;
$btn-link-disabled-color: $gray-light !default;
//== Forms
//
//##
//** `<input>` background color
$input-bg: #fff !default;
//** `<input disabled>` background color
$input-bg-disabled: $gray-lighter !default;
//** Text color for `<input>`s
$input-color: $gray !default;
//** `<input>` border color
$input-border: #ccc !default;
//** `<input>` border radius
$input-border-radius: $border-radius-base !default;
//** Border color for inputs on focus
$input-border-focus: #66afe9 !default;
//** Placeholder text color
$input-color-placeholder: $gray-light !default;
//** Default `.form-control` height
$input-height-base: ($line-height-computed + ($padding-base-vertical * 2) + 2) !default;
//** Large `.form-control` height
$input-height-large: (ceil($font-size-large * $line-height-large) + ($padding-large-vertical * 2) + 2) !default;
//** Small `.form-control` height
$input-height-small: (floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 2) !default;
$legend-color: $gray-dark !default;
$legend-border-color: #e5e5e5 !default;
//** Background color for textual input addons
$input-group-addon-bg: $gray-lighter !default;
//** Border color for textual input addons
$input-group-addon-border-color: $input-border !default;
//== Dropdowns
//
//## Dropdown menu container and contents.
//** Background for the dropdown menu.
$dropdown-bg: #fff !default;
//** Dropdown menu `border-color`.
$dropdown-border: rgba(0,0,0,.15) !default;
//** Dropdown menu `border-color` **for IE8**.
$dropdown-fallback-border: #ccc !default;
//** Divider color for between dropdown items.
$dropdown-divider-bg: #e5e5e5 !default;
//** Dropdown link text color.
$dropdown-link-color: $gray-dark !default;
//** Hover color for dropdown links.
$dropdown-link-hover-color: darken($gray-dark, 5%) !default;
//** Hover background for dropdown links.
$dropdown-link-hover-bg: #f5f5f5 !default;
//** Active dropdown menu item text color.
$dropdown-link-active-color: $component-active-color !default;
//** Active dropdown menu item background color.
$dropdown-link-active-bg: $component-active-bg !default;
//** Disabled dropdown menu item background color.
$dropdown-link-disabled-color: $gray-light !default;
//** Text color for headers within dropdown menus.
$dropdown-header-color: $gray-light !default;
// Note: Deprecated $dropdown-caret-color as of v3.1.0
$dropdown-caret-color: #000 !default;
//-- Z-index master list
//
// Warning: Avoid customizing these values. They're used for a bird's eye view
// of components dependent on the z-axis and are designed to all work together.
//
// Note: These variables are not generated into the Customizer.
$zindex-navbar: 1000 !default;
$zindex-dropdown: 1000 !default;
$zindex-popover: 1010 !default;
$zindex-tooltip: 1030 !default;
$zindex-navbar-fixed: 1030 !default;
$zindex-modal-background: 1040 !default;
$zindex-modal: 1050 !default;
//== Media queries breakpoints
//
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.
// Extra small screen / phone
// Note: Deprecated $screen-xs and $screen-phone as of v3.0.1
$screen-xs: 480px !default;
$screen-xs-min: $screen-xs !default;
$screen-phone: $screen-xs-min !default;
// Small screen / tablet
// Note: Deprecated $screen-sm and $screen-tablet as of v3.0.1
$screen-sm: 769px !default;
$screen-sm-min: $screen-sm !default;
$screen-tablet: $screen-sm-min !default;
// Medium screen / desktop
// Note: Deprecated $screen-md and $screen-desktop as of v3.0.1
$screen-md: 992px !default;
$screen-md-min: $screen-md !default;
$screen-desktop: $screen-md-min !default;
// Large screen / wide desktop
// Note: Deprecated $screen-lg and $screen-lg-desktop as of v3.0.1
$screen-lg: 1200px !default;
$screen-lg-min: $screen-lg !default;
$screen-lg-desktop: $screen-lg-min !default;
// So media queries don't overlap when required, provide a maximum
$screen-xs-max: ($screen-sm-min - 1) !default;
$screen-sm-max: ($screen-md-min - 1) !default;
$screen-md-max: ($screen-lg-min - 1) !default;
//== Grid system
//
//## Define your custom responsive grid.
//** Number of columns in the grid.
$grid-columns: 12 !default;
//** Padding between columns. Gets divided in half for the left and right.
$grid-gutter-width: 30px !default;
// Navbar collapse
//** Point at which the navbar becomes uncollapsed.
$grid-float-breakpoint: $screen-sm-min !default;
//** Point at which the navbar begins collapsing.
$grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default;
//== Container sizes
//
//## Define the maximum width of `.container` for different screen sizes.
// Small screen / tablet
$container-tablet: ((720px + $grid-gutter-width)) !default;
//** For `$screen-sm-min` and up.
$container-sm: $container-tablet !default;
// Medium screen / desktop
$container-desktop: ((940px + $grid-gutter-width)) !default;
//** For `$screen-md-min` and up.
$container-md: $container-desktop !default;
// Large screen / wide desktop
$container-large-desktop: ((1140px + $grid-gutter-width)) !default;
//** For `$screen-lg-min` and up.
$container-lg: $container-large-desktop !default;
//== Navbar
//
//##
// Basics of a navbar
$navbar-height: 50px !default;
$navbar-margin-bottom: $line-height-computed !default;
$navbar-border-radius: $border-radius-base !default;
$navbar-padding-horizontal: floor(($grid-gutter-width / 2)) !default;
$navbar-padding-vertical: (($navbar-height - $line-height-computed) / 2) !default;
$navbar-collapse-max-height: 340px !default;
$navbar-default-color: #777 !default;
$navbar-default-bg: #f8f8f8 !default;
$navbar-default-border: darken($navbar-default-bg, 6.5%) !default;
// Navbar links
$navbar-default-link-color: #777 !default;
$navbar-default-link-hover-color: #333 !default;
$navbar-default-link-hover-bg: transparent !default;
$navbar-default-link-active-color: #555 !default;
$navbar-default-link-active-bg: darken($navbar-default-bg, 6.5%) !default;
$navbar-default-link-disabled-color: #ccc !default;
$navbar-default-link-disabled-bg: transparent !default;
// Navbar brand label
$navbar-default-brand-color: $navbar-default-link-color !default;
$navbar-default-brand-hover-color: darken($navbar-default-brand-color, 10%) !default;
$navbar-default-brand-hover-bg: transparent !default;
// Navbar toggle
$navbar-default-toggle-hover-bg: #ddd !default;
$navbar-default-toggle-icon-bar-bg: #888 !default;
$navbar-default-toggle-border-color: #ddd !default;
// Inverted navbar
// Reset inverted navbar basics
$navbar-inverse-color: $gray-light !default;
$navbar-inverse-bg: #222 !default;
$navbar-inverse-border: darken($navbar-inverse-bg, 10%) !default;
// Inverted navbar links
$navbar-inverse-link-color: $gray-light !default;
$navbar-inverse-link-hover-color: #fff !default;
$navbar-inverse-link-hover-bg: transparent !default;
$navbar-inverse-link-active-color: $navbar-inverse-link-hover-color !default;
$navbar-inverse-link-active-bg: darken($navbar-inverse-bg, 10%) !default;
$navbar-inverse-link-disabled-color: #444 !default;
$navbar-inverse-link-disabled-bg: transparent !default;
// Inverted navbar brand label
$navbar-inverse-brand-color: $navbar-inverse-link-color !default;
$navbar-inverse-brand-hover-color: #fff !default;
$navbar-inverse-brand-hover-bg: transparent !default;
// Inverted navbar toggle
$navbar-inverse-toggle-hover-bg: #333 !default;
$navbar-inverse-toggle-icon-bar-bg: #fff !default;
$navbar-inverse-toggle-border-color: #333 !default;
//== Navs
//
//##
//=== Shared nav styles
$nav-link-padding: 10px 15px !default;
$nav-link-hover-bg: $gray-lighter !default;
$nav-disabled-link-color: $gray-light !default;
$nav-disabled-link-hover-color: $gray-light !default;
$nav-open-link-hover-color: #fff !default;
//== Tabs
$nav-tabs-border-color: #ddd !default;
$nav-tabs-link-hover-border-color: $gray-lighter !default;
$nav-tabs-active-link-hover-bg: $body-bg !default;
$nav-tabs-active-link-hover-color: $gray !default;
$nav-tabs-active-link-hover-border-color: #ddd !default;
$nav-tabs-justified-link-border-color: #ddd !default;
$nav-tabs-justified-active-link-border-color: $body-bg !default;
//== Pills
$nav-pills-border-radius: $border-radius-base !default;
$nav-pills-active-link-hover-bg: $component-active-bg !default;
$nav-pills-active-link-hover-color: $component-active-color !default;
//== Pagination
//
//##
$pagination-color: $link-color !default;
$pagination-bg: #fff !default;
$pagination-border: #ddd !default;
$pagination-hover-color: $link-hover-color !default;
$pagination-hover-bg: $gray-lighter !default;
$pagination-hover-border: #ddd !default;
$pagination-active-color: #fff !default;
$pagination-active-bg: $brand-primary !default;
$pagination-active-border: $brand-primary !default;
$pagination-disabled-color: $gray-light !default;
$pagination-disabled-bg: #fff !default;
$pagination-disabled-border: #ddd !default;
//== Pager
//
//##
$pager-bg: $pagination-bg !default;
$pager-border: $pagination-border !default;
$pager-border-radius: 15px !default;
$pager-hover-bg: $pagination-hover-bg !default;
$pager-active-bg: $pagination-active-bg !default;
$pager-active-color: $pagination-active-color !default;
$pager-disabled-color: $pagination-disabled-color !default;
//== Jumbotron
//
//##
$jumbotron-padding: 30px !default;
$jumbotron-color: inherit !default;
$jumbotron-bg: $gray-lighter !default;
$jumbotron-heading-color: inherit !default;
$jumbotron-font-size: ceil(($font-size-base * 1.5)) !default;
//== Form states and alerts
//
//## Define colors for form feedback states and, by default, alerts.
$state-success-text: #3c763d !default;
$state-success-bg: #dff0d8 !default;
$state-success-border: darken(adjust-hue($state-success-bg, -10), 5%) !default;
$state-info-text: #31708f !default;
$state-info-bg: #d9edf7 !default;
$state-info-border: darken(adjust-hue($state-info-bg, -10), 7%) !default;
$state-warning-text: #8a6d3b !default;
$state-warning-bg: #fcf8e3 !default;
$state-warning-border: darken(adjust-hue($state-warning-bg, -10), 5%) !default;
$state-danger-text: #a94442 !default;
$state-danger-bg: #f2dede !default;
$state-danger-border: darken(adjust-hue($state-danger-bg, -10), 5%) !default;
//== Tooltips
//
//##
//** Tooltip max width
$tooltip-max-width: 200px !default;
//** Tooltip text color
$tooltip-color: #fff !default;
//** Tooltip background color
$tooltip-bg: #000 !default;
$tooltip-opacity: .9 !default;
//** Tooltip arrow width
$tooltip-arrow-width: 5px !default;
//** Tooltip arrow color
$tooltip-arrow-color: $tooltip-bg !default;
//== Popovers
//
//##
//** Popover body background color
$popover-bg: #fff !default;
//** Popover maximum width
$popover-max-width: 276px !default;
//** Popover border color
$popover-border-color: rgba(0,0,0,.2) !default;
//** Popover fallback border color
$popover-fallback-border-color: #ccc !default;
//** Popover title background color
$popover-title-bg: darken($popover-bg, 3%) !default;
//** Popover arrow width
$popover-arrow-width: 10px !default;
//** Popover arrow color
$popover-arrow-color: #fff !default;
//** Popover outer arrow width
$popover-arrow-outer-width: ($popover-arrow-width + 1) !default;
//** Popover outer arrow color
$popover-arrow-outer-color: fadein($popover-border-color, 5%) !default;
//** Popover outer arrow fallback color
$popover-arrow-outer-fallback-color: darken($popover-fallback-border-color, 20%) !default;
//== Labels
//
//##
//** Default label background color
$label-default-bg: $gray-light !default;
//** Primary label background color
$label-primary-bg: $brand-primary !default;
//** Success label background color
$label-success-bg: $brand-success !default;
//** Info label background color
$label-info-bg: $brand-info !default;
//** Warning label background color
$label-warning-bg: $brand-warning !default;
//** Danger label background color
$label-danger-bg: $brand-danger !default;
//** Default label text color
$label-color: #fff !default;
//** Default text color of a linked label
$label-link-hover-color: #fff !default;
//== Modals
//
//##
//** Padding applied to the modal body
$modal-inner-padding: 20px !default;
//** Padding applied to the modal title
$modal-title-padding: 15px !default;
//** Modal title line-height
$modal-title-line-height: $line-height-base !default;
//** Background color of modal content area
$modal-content-bg: #fff !default;
//** Modal content border color
$modal-content-border-color: rgba(0,0,0,.2) !default;
//** Modal content border color **for IE8**
$modal-content-fallback-border-color: #999 !default;
//** Modal backdrop background color
$modal-backdrop-bg: #000 !default;
//** Modal backdrop opacity
$modal-backdrop-opacity: .5 !default;
//** Modal header border color
$modal-header-border-color: #e5e5e5 !default;
//** Modal footer border color
$modal-footer-border-color: $modal-header-border-color !default;
$modal-lg: 900px !default;
$modal-md: 600px !default;
$modal-sm: 300px !default;
//== Alerts
//
//## Define alert colors, border radius, and padding.
$alert-padding: 15px !default;
$alert-border-radius: $border-radius-base !default;
$alert-link-font-weight: bold !default;
$alert-success-bg: $state-success-bg !default;
$alert-success-text: $state-success-text !default;
$alert-success-border: $state-success-border !default;
$alert-info-bg: $state-info-bg !default;
$alert-info-text: $state-info-text !default;
$alert-info-border: $state-info-border !default;
$alert-warning-bg: $state-warning-bg !default;
$alert-warning-text: $state-warning-text !default;
$alert-warning-border: $state-warning-border !default;
$alert-danger-bg: $state-danger-bg !default;
$alert-danger-text: $state-danger-text !default;
$alert-danger-border: $state-danger-border !default;
//== Progress bars
//
//##
//** Background color of the whole progress component
$progress-bg: #f5f5f5 !default;
//** Progress bar text color
$progress-bar-color: #fff !default;
//** Default progress bar color
$progress-bar-bg: $brand-primary !default;
//** Success progress bar color
$progress-bar-success-bg: $brand-success !default;
//** Warning progress bar color
$progress-bar-warning-bg: $brand-warning !default;
//** Danger progress bar color
$progress-bar-danger-bg: $brand-danger !default;
//** Info progress bar color
$progress-bar-info-bg: $brand-info !default;
//== List group
//
//##
//** Background color on `.list-group-item`
$list-group-bg: #fff !default;
//** `.list-group-item` border color
$list-group-border: #ddd !default;
//** List group border radius
$list-group-border-radius: $border-radius-base !default;
//** Background color of single list elements on hover
$list-group-hover-bg: #f5f5f5 !default;
//** Text color of active list elements
$list-group-active-color: $component-active-color !default;
//** Background color of active list elements
$list-group-active-bg: $component-active-bg !default;
//** Border color of active list elements
$list-group-active-border: $list-group-active-bg !default;
$list-group-active-text-color: lighten($list-group-active-bg, 40%) !default;
$list-group-link-color: #555 !default;
$list-group-link-heading-color: #333 !default;
//== Panels
//
//##
$panel-bg: #fff !default;
$panel-body-padding: 15px !default;
$panel-border-radius: $border-radius-base !default;
//** Border color for elements within panels
$panel-inner-border: #ddd !default;
$panel-footer-bg: #f5f5f5 !default;
$panel-default-text: $gray-dark !default;
$panel-default-border: #ddd !default;
$panel-default-heading-bg: #f5f5f5 !default;
$panel-primary-text: #fff !default;
$panel-primary-border: $brand-primary !default;
$panel-primary-heading-bg: $brand-primary !default;
$panel-success-text: $state-success-text !default;
$panel-success-border: $state-success-border !default;
$panel-success-heading-bg: $state-success-bg !default;
$panel-info-text: $state-info-text !default;
$panel-info-border: $state-info-border !default;
$panel-info-heading-bg: $state-info-bg !default;
$panel-warning-text: $state-warning-text !default;
$panel-warning-border: $state-warning-border !default;
$panel-warning-heading-bg: $state-warning-bg !default;
$panel-danger-text: $state-danger-text !default;
$panel-danger-border: $state-danger-border !default;
$panel-danger-heading-bg: $state-danger-bg !default;
//== Thumbnails
//
//##
//** Padding around the thumbnail image
$thumbnail-padding: 4px !default;
//** Thumbnail background color
$thumbnail-bg: $body-bg !default;
//** Thumbnail border color
$thumbnail-border: #ddd !default;
//** Thumbnail border radius
$thumbnail-border-radius: $border-radius-base !default;
//** Custom text color for thumbnail captions
$thumbnail-caption-color: $text-color !default;
//** Padding around the thumbnail caption
$thumbnail-caption-padding: 9px !default;
//== Wells
//
//##
$well-bg: #f5f5f5 !default;
$well-border: darken($well-bg, 7%) !default;
//== Badges
//
//##
$badge-color: #fff !default;
//** Linked badge text color on hover
$badge-link-hover-color: #fff !default;
$badge-bg: $gray-light !default;
//** Badge text color in active nav link
$badge-active-color: $link-color !default;
//** Badge background color in active nav link
$badge-active-bg: #fff !default;
$badge-font-weight: bold !default;
$badge-line-height: 1 !default;
$badge-border-radius: 10px !default;
//== Breadcrumbs
//
//##
$breadcrumb-padding-vertical: 8px !default;
$breadcrumb-padding-horizontal: 15px !default;
//** Breadcrumb background color
$breadcrumb-bg: #f5f5f5 !default;
//** Breadcrumb text color
$breadcrumb-color: #ccc !default;
//** Text color of current page in the breadcrumb
$breadcrumb-active-color: $gray-light !default;
//** Textual separator for between breadcrumb elements
$breadcrumb-separator: "/" !default;
//== Carousel
//
//##
$carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6) !default;
$carousel-control-color: #fff !default;
$carousel-control-width: 15% !default;
$carousel-control-opacity: .5 !default;
$carousel-control-font-size: 20px !default;
$carousel-indicator-active-bg: #fff !default;
$carousel-indicator-border-color: #fff !default;
$carousel-caption-color: #fff !default;
//== Close
//
//##
$close-font-weight: bold !default;
$close-color: #000 !default;
$close-text-shadow: 0 1px 0 #fff !default;
//== Code
//
//##
$code-color: #c7254e !default;
$code-bg: #f9f2f4 !default;
$kbd-color: #fff !default;
$kbd-bg: #333 !default;
$pre-bg: #f5f5f5 !default;
$pre-color: $gray-dark !default;
$pre-border-color: #ccc !default;
$pre-scrollable-max-height: 340px !default;
//== Type
//
//##
//** Text muted color
$text-muted: $gray-light !default;
//** Abbreviations and acronyms border color
$abbr-border-color: $gray-light !default;
//** Headings small color
$headings-small-color: $gray-light !default;
//** Blockquote small color
$blockquote-small-color: $gray-light !default;
//** Blockquote font size
$blockquote-font-size: ($font-size-base * 1.25) !default;
//** Blockquote border color
$blockquote-border-color: $gray-lighter !default;
//** Page header border color
$page-header-border-color: $gray-lighter !default;
//== Miscellaneous
//
//##
//** Horizontal line color.
$hr-border: $gray-lighter !default;
//** Horizontal offset for forms and lists.
$component-offset-horizontal: 180px !default;

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,15 @@
/*
www.OnlineWebFonts.Com
You must credit the author Copy this link on your web
<div>Font made from <a href="https://www.onlinewebfonts.com">oNline Web Fonts</a>is licensed by CC BY 3.0</div>
OR
<a href="https://www.onlinewebfonts.com">oNline Web Fonts</a>
*/
@font-face {font-family: "IndustryW00-Medium";
src: url("https://db.onlinewebfonts.com/t/b8e20323f8f36e06f87745c93c45afcd.eot"); /* IE9*/
src: url("https://db.onlinewebfonts.com/t/b8e20323f8f36e06f87745c93c45afcd.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
url("https://db.onlinewebfonts.com/t/b8e20323f8f36e06f87745c93c45afcd.woff2") format("woff2"), /* chrome firefox */
url("https://db.onlinewebfonts.com/t/b8e20323f8f36e06f87745c93c45afcd.woff") format("woff"), /* chrome firefox */
url("https://db.onlinewebfonts.com/t/b8e20323f8f36e06f87745c93c45afcd.ttf") format("truetype"), /* chrome firefox opera Safari, Android, iOS 4.2+*/
url("https://db.onlinewebfonts.com/t/b8e20323f8f36e06f87745c93c45afcd.svg#IndustryW00-Medium") format("svg"); /* iOS 4.1- */
}

View File

@ -0,0 +1,26 @@
@charset "utf-8";
@import "initial";
@media(max-width: 767px) {
.modules-menu .modules-menu-level-0>li { margin: 0; }
.modules-menu .modules-menu-level-0>li:hover { background: transparent; }
}
@media(max-width: $screen-xs) {
.container > .navbar-header {
margin: 0;
}
.buttons-slogan{
flex-wrap: wrap;
}
.big-title{
font-size: 40px;
}
}
@media(max-width: 769px){
.ad-banner-widget-6{
.w-ba-banner__wrap {
position: absolute!important;
}
}
}

View File

@ -0,0 +1,16 @@
@charset "utf-8";
a[accesskey] {
position: relative;
margin-left: -0.9375em;
color: transparent !important;
}
#orbit-bar a[accesskey] {
color: #666666 !important;
margin-left: 0;
position: relative;
&:hover {
color: #ffffff !important;
}
}

View File

@ -0,0 +1,352 @@
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}

View File

@ -0,0 +1,41 @@
@charset "utf-8";
@import "variables";
body[data-module="page_content"] {
[data-content="true"] {
h1 {
font-size: $font-h1;
}
h2 {
font-size: $font-h2;
}
h3 {
font-size: $font-h3;
}
h4 {
font-size: $font-h4;
}
h5 {
font-size: $font-h5;
}
h6 {
font-size: $font-h6;
}
table {
border-collapse: collapse;
width: 100%;
}
p {
line-height: 2;
margin: 0 0 0.625em;
}
}
}

View File

@ -0,0 +1,92 @@
@charset "utf-8";
@import "../initial";
@import "variables";
html {
font-size: 100%;
}
body {
font-family: $sub-font;
font-size: inherit;
margin-top: 2.5em;
overflow: hidden scroll;
background-color: #F8F8F8;
}
a:link,
a:visited {
color: #288E8E;
}
a:hover,
a:focus {
color: #1d6666;
text-decoration: revert;
}
img {
max-width: 100%;
height: auto;
}
.admin-edit {
clear: both;
}
// override bootsrap settings
th,
td {
padding: 0.5em .5rem;
}
.borderless > tbody > tr > td,
.borderless > tbody > tr > th,
.borderless > tfoot > tr > td,
.borderless > tfoot > tr > th,
.borderless > thead > tr > td,
.borderless > thead > tr > th {
border: none !important;
}
a.btn-primary {
color: $theme-white;
border-color: #288E8E;
background-color: #288E8E;
font-size: 0.8125rem;
&:hover {
background-color: darken($theme-color-main, 10%);
border-color: darken($theme-color-main, 10%);
}
}
// Page heading
.page-module-title {
@extend .unity-title;
margin-bottom: 1.125em;
}
.view-count {
font-size: 0.75rem;
}
.view_count {
> i {
font-size: 0.75rem;
&:before {
margin-right: 0.5em;
}
}
}
// Take care of exceeding content
body[data-module="page_content"],
body[data-module="announcement"] {
.layout-content {
overflow-x: auto;
}
}

View File

@ -0,0 +1,21 @@
@charset "utf-8";
@import "variables";
.go-back-top {
background:#288E8E;
text-align: center;
padding: 0.625em 0.75em;
position: fixed;
bottom: 0.9375em;
right: 0.9375em;
cursor: pointer;
display: none;
color: $theme-white;
font-size: 0.750em;
border-radius: 0.125em;
z-index: 1050;
&:hover {
background:#288E8E;
}
}

View File

@ -0,0 +1,54 @@
// Set Triangle
@import "variables";
@mixin arrow($direction, $width, $height, $color) {
width: 0;
height: 0;
border-style: solid;
@if $direction == "top" {
border-width: $width $height 0 $height;
border-color: $color transparent transparent transparent;
}
@else if $direction == "right" {
border-width: $height $width $height 0;
border-color: transparent $color transparent transparent;
}
@else if $direction == "bottom" {
border-width: 0 $height $width $height;
border-color: transparent transparent $color transparent;
}
@else if $direction == "left" {
border-width: $height 0 $height $width;
border-color: transparent transparent transparent $color;
}
@else if $direction == "top-right" {
border-width: 0 $width $height 0;
border-color: transparent $color transparent transparent;
}
@else if $direction == "top-left" {
border-width: $height $width 0 0;
border-color: $color transparent transparent transparent;
}
@else if $direction == "bottom-right" {
border-width: 0 0 $height $width;
border-color: transparent transparent $color transparent;
}
@else if $direction == "bottom-left" {
border-width: $height 0 0 $width;
border-color: transparent transparent transparent $color;
}
}
@mixin list-reset {
margin: 0;
padding: 0;
list-style: none;
}

View File

@ -0,0 +1,95 @@
@charset "utf-8";
@import "variables";
$theme-white: #fff;
$orbit-bg-color: #333;
$orbit-bg-hover-color: #0095CF;
$orbit-border-color: #444;
body {
#orbit-bar .orbit-bar-inner > ul > li:hover > a,
#orbit-bar .orbit-bar-inner > ul > li:hover > span,
#orbit-bar .orbit-bar-inner > ul > li:hover > label,
#orbit-bar .orbit-bar-inner > ul > li > ul li:hover,
#orbit-bar .orbit-bar-inner > ul > li > ul li.active {
background: $orbit-bg-hover-color;
}
#orbit-bar .orbit-bar-inner {
background: $orbit-bg-color;
}
#orbit-bar .orbit-bar-search-sign-language #search input[type="search"] {
margin-bottom: 0;
font-size: 0.8rem;
}
#orbit-bar #search {
border-right: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
}
@media screen and (max-width: 550px) {
body #orbit-bar .orbit-bar-search-sign-language #search input[type="search"] {
width: 8.75em;
}
}
@media (max-width: 540px) {
body {
#orbit-bar ul.orbit-bar-search-sign-language > li + li:hover > a,
#orbit-bar ul.orbit-bar-search-sign-language > li + li:hover > span {
background-color: $orbit-bg-color;
}
#orbit-bar .orbit-bar-inner > label {
border-color: $theme-white;
color: $theme-white;
}
#orbit-bar .orbit-bar-inner > ul {
background: $orbit-bg-color;
}
#orbit-bar .orbit-bar-inner > ul > li > ul li:hover,
#orbit-bar .orbit-bar-inner > ul > li > ul li.active {
background: $orbit-bg-hover-color;
}
#orbit-bar .orbit-bar-inner > ul > li > ul a {
color: $theme-white;
}
#orbit-bar .orbit-bar-inner > ul > li > ul li.divider {
background: none;
display: none;
}
#orbit-bar ul.orbit-bar-search-sign-language > li {
background: none;
}
#orbit-bar ul.orbit-bar-search-sign-language > li {
display: block;
}
#orbit-bar ul.orbit-bar-search-sign-language > li + li {
border-top: 0.0625em solid $orbit-border-color;
border-right: 0.0625em solid $orbit-border-color;
box-sizing: border-box;
box-shadow: none;
}
#orbit-bar ul.orbit-bar-search-sign-language > li + li:hover > ul {
background-color: $orbit-bg-color;
}
.orbit-bar-logo + ul > li {
border-bottom: 0.0625em solid $orbit-border-color;
}
}
}

View File

@ -0,0 +1,20 @@
@charset "utf-8";
@import "variables";
.pagination {
li {
a {
font-size: 0.8125rem;
margin: 0 0.2em;
color: $theme-color-main;
}
}
.active {
a {
background-color: $theme-color-main;
border-color: $theme-color-main;
}
}
}

View File

@ -0,0 +1,25 @@
@charset "utf-8";
@import "variables";
body .sitemap-list {
a {
color: $theme-color-main;
&:hover {
color: lighten($theme-color-main, 10%);
}
}
&.level-1 > li > a {
font-size: 1.2em;
font-family: $main-font;
}
&.level-2 > li > a {
font-size: 1em;
font-family: $main-font;
}
&.level-3 {
font-size: 0.8em;
font-family: $main-font;
}
}

View File

@ -0,0 +1,55 @@
@charset "utf-8";
@import "variables";
// Title
.unity-title {
margin: 0.5em 0;
line-height: 1.5;
font-family: $main-font;
font-size: $font-h3;
color: $theme-color-main;
text-align: center;
padding-top: 0.7em;
.layout-footer & {
margin-bottom: 0.625em;
border-bottom: none;
span {
display: inline;
margin-bottom: 0;
border-bottom: none;
}
}
}
//transition
.transition {
cursor: pointer;
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
}
.status {
font-family: $main-font;
font-size: 0.750em;
}
.status-top {
background-color: $theme-color-second;
}
.status-hot {
background-color: $theme-color-third;
}
.status-source {
background-color: $theme-color-main;
a {
color: $theme-white;
}
}

View File

@ -0,0 +1,68 @@
@charset "utf-8";
@import "variables";
// 把可以重覆使用的類別放在這個檔案裡
// 只保留第一個editmode連結後面的都藏起來以免使用者插入其他的內容造成版面跑版
.single-child-datapp {
> .editmode-ps + a[href^="/page_parts/"] {
display: none;
}
}
.transfrom-180 {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transition: .3s all ease;
transition: .3s all ease;
position: absolute;
}
.text-white {
color: white;
}
.text-black {
color: black;
}
.text-red {
color: red;
}
.text-primary {
color: $theme-color-main;
}
.box-social-share {
margin: 0.9375em 0;
> * {
display: inline-block !important;
margin: 0 0.375em 0 0 !important;
vertical-align: top !important;
position: relative;
top: 0;
transition: 0.2s;
&:hover {
opacity: 0.8;
top: -0.1875em;
}
}
.fb-share-button.fb_iframe_widget {
> span {
vertical-align: top !important;
}
}
.print-button {
a {
color: #333;
font: 0.9375em/1.25em $main-font;
.fa {
color: #666;
font-size: 1.125em;
margin: 0 0.1875em 0 0;
}
}
}
}

View File

@ -0,0 +1,211 @@
@charset "utf-8";
@import "../../bootstrap/variables";
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,300;1,300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,300;1,300&family=Barlow:wght@100;200;300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@100&display=swap');
// Base Color
$theme-green-light: #EEF7F6;
$theme-gray: #8b8b8b;
$theme-gray-subtle: #ddd;
$theme-gray-light: #cecece;
$theme-gray-lighter: #f3f3f3;
$theme-gray-dark: #363636;
$theme-gray-darker: #242424;
$theme-white: #fff;
$theme-red: #d20001;
$theme-blue: #003d7e;
$theme-color-main: #333333;
$theme-color-second: #E4002B;
$theme-color-third: #ed4c43;
$theme-color-green: #288E8E;
// Font stacks
$main-font: "IndustryW00-Medium","Barlow", "Roboto", "微軟正黑體", "Helvetica Neue", Helvetica, sans-serif;
$sub-font: "Barlow","Roboto", "微軟正黑體", "Helvetica Neue", Helvetica, sans-serif;
@font-face {font-family: "IndustryW00-Medium"; src: url("//db.onlinewebfonts.com/t/b8e20323f8f36e06f87745c93c45afcd.eot"); src: url("//db.onlinewebfonts.com/t/b8e20323f8f36e06f87745c93c45afcd.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/b8e20323f8f36e06f87745c93c45afcd.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/b8e20323f8f36e06f87745c93c45afcd.woff") format("woff"), url("//db.onlinewebfonts.com/t/b8e20323f8f36e06f87745c93c45afcd.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/b8e20323f8f36e06f87745c93c45afcd.svg#IndustryW00-Medium") format("svg"); }
// Font sizes
$font-15: 0.9375rem;
$font-13:1.2rem;
$font-h1: 1.6rem;
$font-h2: 1.5rem;
$font-h3: 1.2rem;
$font-h4: 1.1rem;
$font-h5: 1rem;
$font-h6: 0.9rem;
//
// Modules
// --------------------------------------------------
// ## commonly use in all widgets
// Font sizes
$w-widget-title-font-size: 1.5rem;
// Colors
$w-border-color: $theme-gray-lighter;
//
// AD banner Module
// --------------------------------------------------
// Font sizes
$w-caption-font-size: 1.2rem;
$w-caption-desc: 1rem;
//
// Announcement Module
// --------------------------------------------------
// Font sizes
$w-title-font-size-small: 0.75rem;
$w-subtitle-font-size: 0.75rem;
$w-meta-font-size: 0.75rem;
$w-table-th-font-size: 0.75em;
$w-table-td-font-size: 0.75em;
$i-title-font-size-large: 2em;
// colors
$link-color: $theme-color-main;
$link-hover-color: lighten($theme-color-main, 10%);
$table-th-bgcolor: $theme-color-main;
//
// Archive Module
// --------------------------------------------------
// Font sizes
$w-item-heading-font-size: 0.85rem;
//
// Member Module
// --------------------------------------------------
$border-width: 0.25em;
.response-content {
justify-self: auto;
}

View File

@ -0,0 +1,4 @@
@import "bootstrap/mixins";
@import "bootstrap/variables";
@import "base/mixins";
@import "base/variables";

View File

@ -0,0 +1,8 @@
/**
* jquery-bootstrap-scrolling-tabs
* @version v2.6.1
* @link https://github.com/mikejacobson/jquery-bootstrap-scrolling-tabs
* @author Mike Jacobson <michaeljjacobson1@gmail.com>
* @license MIT License, http://www.opensource.org/licenses/MIT
*/
.scrtabs-tab-container *{box-sizing:border-box}.scrtabs-tab-container{height:42px}.scrtabs-tab-container .tab-content{clear:left}.scrtabs-tab-container.scrtabs-bootstrap4 .scrtabs-tabs-movable-container>.navbar-nav{-ms-flex-direction:row;flex-direction:row}.scrtabs-tabs-fixed-container{float:left;height:42px;overflow:hidden;width:100%}.scrtabs-tabs-movable-container{position:relative}.scrtabs-tabs-movable-container .tab-content{display:none}.scrtabs-tab-container.scrtabs-rtl .scrtabs-tabs-movable-container>ul.nav-tabs{padding-right:0}.scrtabs-tab-scroll-arrow{border:1px solid #ddd;border-top:none;color:#428bca;display:none;float:left;font-size:0.75rem;height:42px;margin-bottom:-1px;padding-left:2px;padding-top:13px;width:20px}.scrtabs-tab-scroll-arrow:hover{background-color:#eee}.scrtabs-tab-scroll-arrow,.scrtabs-tab-scroll-arrow .scrtabs-click-target{cursor:pointer}.scrtabs-tab-scroll-arrow.scrtabs-with-click-target{cursor:default}.scrtabs-tab-scroll-arrow.scrtabs-disable,.scrtabs-tab-scroll-arrow.scrtabs-disable .scrtabs-click-target{color:#ddd;cursor:default}.scrtabs-tab-scroll-arrow.scrtabs-disable:hover{background-color:initial}.scrtabs-tabs-fixed-container ul.nav-tabs>li{white-space:nowrap}

View File

@ -0,0 +1,652 @@
@charset "utf-8";
@import "../initial";
body{
@media (min-width: 1150px){
.black-screen-social-window.reactable{
.content-social .social_wrap i, .content-social .social_wrap img {
width: 1.2em;
font-size: 2em;
}
.content-social .social_wrap>div{
width: 3.2em;
}
}
}
}
.downIcon{
position: absolute;
left: 50%;
bottom: 15%;
//bottom: 10%;
z-index: 2;
color: #fff;
span{
position: absolute;
top: 0;
left: 50%;
width: 46px;
height: 46px;
margin-left: -23px;
border: 2px solid #fff;
border-radius: 100%;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
box-sizing: border-box;
}
a:hover{
opacity: .5;
}
}
.downIcon a span::after{
position: absolute;
top: 50%;
left: 50%;
content: '';
width: 16px;
height: 16px;
margin: -12px 0 0 -8px;
border-left: 2px solid #fff;
border-bottom: 2px solid #fff;
-webkit-transform: rotate(
-45deg
);
transform: rotate(
-45deg
);
box-sizing: border-box;
}
.downIcon a span::before{
position: absolute;
top: 0;
left: 0;
z-index: -1;
content: '';
width: 44px;
height: 44px;
box-shadow: 0 0 0 0 #ffffff1a;
border-radius: 100%;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
opacity: 0;
-webkit-animation: sdb03 3s infinite;
animation: sdb03 3s infinite;
box-sizing: border-box;
}
@-webkit-keyframes sdb03 {
0% {
opacity: 0;
}
30% {
opacity: 1;
}
60% {
box-shadow: 0 0 0 60px #ffffff1a;
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes sdb03 {
0% {
opacity: 0;
}
30% {
opacity: 1;
}
60% {
box-shadow: 0 0 0 60px #ffffff1a;
opacity: 0;
}
100% {
opacity: 0;
}
}
.bigcontent{
background-color: #fff;
margin-bottom: -25px;
@media(max-width: $screen-xs){
//padding-top: 1em;
}
}
.layout-content-inner{
background-color: #fff;
@media(max-width:$screen-xs){
padding-right: 0;
padding-left: 0;
}
}
.layout-content {
min-height: 37.5em;
.container {
@extend .response-container;
}
.pagecontainer {
@extend .response-pagecontainer;
}
}
.bannertwo{
@media(min-width:1024px){
padding: 0;
.w-ba-banner{
display: flex;
flex-direction: row-reverse;
.w-ba-banner__wrap{
flex: 0 0 65%;
}
.ad-overlay{
position: relative;
background: none;
}
}
}
@media(min-width:800px){
.ad-overlay{
p{
margin-top: 4em;
}
}
}
@media(min-width:768px){
.ad-overlay{
p{
margin-top: 1em;
}
}
.ba-banner-widget-1 .w-ba-banner__caption{
padding: 3em;
}
}
.button-mid .prev-button{
background: none;
}
.button-mid .next-button{
background: none;
}
}
.video-banner{
max-width: 850px;
margin: auto;
@media(min-width:1200px){
margin-top: -20em;
}
@media only screen and (max-width: 1200px) and (min-width: 1024px){
margin-top: -17em;
}
@media only screen and (max-width: 1024px) and(min-width:789px){
margin-top: -9em;
}
img{
border-radius: 20px;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
}
.w-ba-banner{
box-shadow: 0px 55px 50px -40px #212121;
border-radius: 20px;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
}
.ba-banner-widget-4 .w-ba-banner__wrap img img{
margin: 0;
}
}
// .one{
// width: 50%;
// text-align: end;
// padding: 1em;
// @media(max-width: $screen-xs){
// position: relative;
// width: 100%;
// text-align: center;
// padding: 1em;
// margin-bottom: 2em;
// }
// }
// .two{
// width: 50%;
// text-align: start;
// padding: 1em;
// @media(max-width: $screen-xs){
// position: relative;
// width: 100%;
// text-align: center;
// padding: 1em;
// margin-bottom: 2em;
// }
// }
.leftannounce{
@media(max-width: 769px){
margin-bottom: 1em;
}
}
.subword{
text-align: center;
color: #333333;
font-family: "Barlow", Sans-serif;
font-size: 36px;
font-weight: 900;
text-transform: none;
line-height: 40px;
}
.colorbox{
background-color:#e7e8ea;
}
.group{
width: 100%;
display: flex;
padding: 2em;
@media(max-width: 1024px){
flex-wrap: wrap;
padding: 0 15px;
}
}
.fontgroup{
width: 100%;
display: flex;
flex-wrap: wrap;
padding: 2em;
@media(max-width: $screen-xs){
flex-wrap: wrap;
}
}
.iconbox{
width: 20% !important;
flex: 1 1 20%;
.fas{
font-size: 2.5em;
color: #abb5b4;
}
.fab{
font-size: 2.5em;
color: #abb5b4;
}
@media(max-width: $screen-xs){
flex: 50%;
width: 50% !important;
padding-bottom: 0.5em;
}
}
.box:empty{
flex: none;
display: none;
}
.box img {
width: 100% !important;
height: 100% !important;
object-fit: cover;
}
.box .w-ba-banner__slide, .box .w-ba-banner__slide a {
height: 100%;
display: block;
}
.box{
flex: 3;
color: #666666;
font-family: "Barlow", Sans-serif;
font-size: 36px;
font-weight: 900;
text-transform: none;
height: 280px;
cursor: pointer;
overflow: hidden;
transition: all .25s;
@media(min-width: 1025px){
&:hover{
flex: 4;
// img{
// transform: scale(1.5);
// transition: all .25s;
// }
}
}
@media(max-width: 1024px){
flex: none;
width: 100%;
height: 250px;
padding-bottom: 0.5em;
}
}
.layout-content-box3{
@media(min-width: $screen-xs){
top: -9em;
}
}
.score{
.scorebutton{
&:hover{
color:#E4200B!important ;
}
}
}
.image-carousel{
padding: 15px 0px 25px 0px;
}
.swiper-banner{
.ba-banner-widget-1 {
.ad-overlay{
background-image: none!important;
}
ul.button-mid .next-button{
color: #E4002B!important;
background: none!important;
}
ul.button-mid .prev-button{
color: #E4002B!important;
background: none!important;
}
}
}
.bannertwo{
@media(min-width:1024px){
background-color: #72bcad;
}
@media(max-width: $screen-sm){
padding: 0;
}
}
.onesection{
color: #fff;
@media(max-width:$screen-xs){
padding: 0 15px;
}
}
.onepicture{
padding: 0;
}
.onetext{
padding:3em;
}
.line{
@media(min-width:1025px){
width: 80%!important;
margin: auto!important;
}
}
.threesection{
padding: 2em 0;
}
.widget-event_news-0.widget-event_news-0-new{
.w-event_news__list{
.card0{
border-top: 0px;
}
.top-block{
position: relative;
float: left;
display: block;
width: 100%;
min-height: 8em;
}
.top-inner-block{
margin-left: 4.5em;
&>h4 {
min-height: 3.2em;
//overflow: hidden;
//text-overflow: ellipsis;
color: #f49a04;
& > a{
color: inherit !important;
}
}
}
.top-inner-info{
//background: #eeecec;
//min-height: 3em;
//padding: 0.3em 0.7em;
}
.bottom-block{
float: left;
padding: 1em 0;
}
.w-event_news__meta{
top: 0px!important;
clear: none;
float: left;
position: absolute;
height: 100%;
.w-event_news__postdate-wrap{
height: 100%;
}
}
}
}
.widget-event_news-0{
.w-event_news__list{
.w-event_news__img-wrap.bullseye{
display: none;
}
.card0{
border-top: 25px solid #72bcad;
}
.w-event_news__meta{
top: -25px!important;
display: inline-block;
}
.w-event_news__category-wrap{
display: block;
}
}
}
//event_news
.w-event_news__widget-title{
text-align: center;
padding-top: 0.7em;
background: url(/assets/titlecap.png) top no-repeat;
background-size: 164px 35px;
background-position-y: -7px;
font-size: 1.2rem;
}
.foursection{
background-color: #e6e7e9;
padding: 1em 0;
.w-event_news__img{
position: relative!important;
}
.w-event_news__list{
padding: 0;
li{
width: 100%;
float: left;
}
@media (min-width: 480px){
display: flex;
flex-wrap: wrap;
flex-direction: row-reverse;
li{
width: 25%;
}
}
li{
padding: 0.5em;
//flex: 0 0 25%;
position: relative;
@media screen and (min-width:$screen-xs) and (max-width:990px){
//flex: 0 0 50%;
width: 50%;
}
}
.card0{
background-color: #fff;
padding: 0 0em 1em 0.5em;
height: 100%;
float: left;
width: 100%;
}
.w-event_news__meta{
position: relative;
top: -30px;
}
.w-event_news__postdate-wrap{
background-color: #333;
color: #fff;
width: fit-content;
padding: 0.8em;
text-align: center;
.month{
font-size:12px;
}
}
}
}
.w-event_news__img-wrap.bullseye{
overflow: visible!important;
}
//內頁
.inner-page{
padding: 50px 0;
}
.internal-page{
background-color: #fff;
.kenjohn {
//flex-wrap:wrap-reverse;
display: flex;
flex-direction: column;
.navbar-header{
display: flex!important;
}
.header-nav{
@media(min-width: 480px){
display: flex!important;
}
}
.layout-header .header-nav a{
text-shadow: none;
}
z-index: 10;
position: fixed!important;
left: 0;
top:2.5em;
background-color: #fff;
margin-top: 0;
min-width: 100%;
opacity: 0.98;
transition: opacity .5s ease-out;
.collapse{
flex: 0 0 62%;
@media screen and (min-width:1025px) and (max-width:1599px){
flex: 0 0 65%;
}
@media(min-width: 1900px){
flex: 0 0 65%;
}
}
@media(min-width: 769px){
.dropdowns{
display: flex;
//flex-direction: row-reverse;
}
}
.navbar-header{
@media screen and (min-width:769px) {
height: 78px;
margin-bottom: 1em;
width: 35%;
justify-content: center;
}
@media (min-width: 1900px){
height: 90px;
}
}
.navbar-brand {
margin: 0;
padding-bottom: 0;
line-height: 2.125em;
color: $theme-color-main;
font-size: 0.6em;
font-family: $main-font;
@media (max-width: $screen-sm) {
height: 5em;
display: none;
}
@media (max-width: 480px) {
margin: 0;
}
.default_site_h1{
width:100%!important;
}
.site-logo{
width:100%!important;
}
@media(min-width:1900px){
width: 225px;
margin-top: -12px;
}
@media screen and (min-width:1025px) and (max-width:1899px){
width: 181px;
margin-top: -3px;
}
@media screen and (min-width:769px) and (max-width:1025px){
width: 150px;
margin-top: -5px;
}
@media screen and (min-width:$screen-xs) and (max-width:769px){
width: 146px !important;
}
@media screen and (max-width:$screen-xs){
width: 110px !important;
margin-top: 3px;
}
}
.navbar-brand:nth-child(2){
@media(min-width:1900px){
width: 330px!important;
margin-top: -14px;
}
@media screen and (min-width:1025px) and (max-width:1899px){
width: 261px!important;
margin-top: -5px;
}
@media screen and (min-width:769px) and (max-width:1025px){
width: 200px!important;
}
@media screen and (max-width:768px){
width: 140px!important;
}
}
.modules-menu .modules-menu-level-0 > li > a{
color: #333;
text-shadow: none;
}
.header-nav{
background: #e7e8ea;
padding:0.5em !important;
}
.header-nav a{
text-shadow:none;
color: #333333;
}
.navbar-toggle .icon-bar{
background-color: #333;
}
.navbar-header .navbar-brand{
@media(max-width: 769px){
display: block!important;
}
}
.navbar-toggle{
position: absolute;
right: 0;
}
}
}
@media(max-width:768px){
.pagerow{
display:flex;
flex-wrap: wrap-reverse;
.aside{
width: 100%;
}
.right-column{
width: 100%;
padding: 0;
}
}
}

View File

@ -0,0 +1,72 @@
@charset "utf-8";
@import "../initial";
.kenfooter{
background-color:#333333;
width: 100%;
margin: auto;
}
.layout-footer-inner{
background-color:#333333;
padding: 2em!important;
}
.layout-footer {
color:#dfdfdf;
font-size: 0.8125em;
letter-spacing: 1px;
z-index: 2;
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
font-family: 'IndustryW00-Medium';
}
.container {
@extend .response-container;
}
.footer-counter a { padding-right: 0.5em; }
a {
color: #bcbac2;
&:hover,
&:focus {
color:#fff;
}
}
}
.footer-counter{
display: none;
}
.layout-footer-content{
.fab{
font-size: 20px;
padding-right: 10px;
}
}
@media(max-width:$screen-xs){
.footer-content{
flex-wrap: wrap;
}
.part{
width: 100%!important;
}
}
.footertext{
@media(min-width:$screen-xs){
flex: 0 0 70%;
}
}
.layout-footer-content{
@media(min-width:$screen-xs){
display: flex;
}
}
.footerimage{
@media(min-width:$screen-xs){
display: flex;
}
}
.footericon{
@media(min-width:$screen-xs){
flex:0 0 50%;
}
}

View File

@ -0,0 +1,511 @@
@charset "utf-8";
@import "../initial";
.dropdowns{
z-index: 1;
}
.kenjohn{
@media (min-width: 769px) {
display: none;
}
position: absolute;
width: 100%;
}
.navFixed .header-nav, .navRel .header-nav {
color: #000;
}
.header-nav {
text-align: center;
z-index: 1;
padding: 1em 0.5em!important;
color: #fff;
font-family: $main-font;
text-transform:uppercase;
@media (min-width: 769px) {
display: none!important;
}
@media (min-width: $screen-sm){
display: flex;
justify-content: center;
}
& > * {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
font-size: 0.8em;
color: $theme-color-main;
}
a {
color: #fff;
text-decoration: none;
padding: 5px;
@media (min-width: $screen-sm){
text-shadow: 1px 1px 1px #0000008c;
}
}
}
a#content{
color: inherit !important;
position: relative;
margin: 0;
z-index: 1000;
}
.layout-content-inner.container{
margin-top: -25px;
}
.layout-header .header-banner{
.w-ba-banner{
.ad-overlay{
.kennav{
a{
padding: 0.5em;
}
@media(max-width: $screen-sm){
display: none;
}
a{
&:hover{
text-decoration: underline;
color: #fff!important;
}
}
}
.kenmenu{
display: flex;
width: 100%;
justify-content: center;
.navbar-nav>li{
padding: 0.5em;
margin: 0.5em;
border: 1px solid #ddd;
border-left: none;
border-right: none;
.modules-menu-level-1{
display: none;
}
&:hover{
.modules-menu-level-1{
display: block;
transition-duration: opacity 0.3s cubic-bezier(0.48, 0.01, 0.5, 0.99),visibility 0.1s linear;
background-color: #fffffff2;
position: absolute;
box-shadow: 2px 2px 5px #00000033;
padding: 1em;
li{
padding: 0.5em;
&:hover{
span {
color:#288e8e!important;
text-decoration: underline;
}
}
}
}
}
}
@media(max-width: $screen-sm){
display: none;
}
span{
&:hover{
color: #288E8E!important;
}
}
}
}
&,& .jp-jplayer{
@media(min-width:1801px){
.ad-overlay{
bottom: 50%;
position: absolute;
}
}
@media screen and (min-width:1451px) and (max-width:1800px){
.ad-overlay{
bottom: 40%;
position: absolute;
}
}
@media screen and (min-width:1281px) and (max-width:1450px){
.ad-overlay{
bottom: 50%;
position: absolute;
}
}
@media screen and (min-width:1026px) and (max-width:1280px){
.ad-overlay{
bottom: 30%;
position: absolute;
}
}
@media screen and (min-width:$screen-xs) and (max-width:1025px){
.ad-overlay{
bottom: 50%;
position: absolute;
}
}
@media(max-width: $screen-xs){
.ad-overlay{
top: 17%;
position: absolute;
}
}
@media screen and (min-width: 769px){
height: 100vh;
}
@media screen and(min-width:$screen-xs) and (max-width:768px){
height: 1000px;
}
@media screen and (max-width: $screen-xs){
height: 720px;
}
}
}
.jp-jplayer{
position: fixed;
}
.jp-video.hide-ui [id^="jp_video_"]{
cursor: context-menu;
}
.jp-video, .jp-video > div, .jp-video img{
@media(max-width: $screen-xs){
height: 760px!important;
}
}
.jplayer_slide{
@media(max-width: $screen-xs){
height: 760px!important;
}
}
[id^="jp_video_"]{
height: auto !important;
width: auto !important;
min-height: 100%;
min-width: 100%;
max-width: none !important;
}
.ad-overlay{
background: none;
visibility: visible!important;
text-align: center!important;
}
}
.layout-header {
position: relative;
margin-bottom: 0;
border: none;
border-radius: 0;
border-bottom: 1px solid #e8e8e8;
color: #fff;
height: auto;
.button-mid{
display: none;
}
.container {
@extend .response-container;
}
.header-banner { overflow: hidden; }
.jp-audio, .jp-audio-stream, .jp-video{
border: 0px;
}
.navbar-header {
padding: 0;
margin: 0;
height: 75px;
@media (min-width: 769px){
display: none!important;
}
@media (max-width: 768px) {
position:relative!important;
}
@media (min-width: $screen-sm) {
height: 150px;
margin:0;
padding: 0;
line-height: 3.75em;
font-size: 1em;
display: flex;
}
.navbar-brand {
margin: 0;
padding-bottom: 0;
line-height: 2.125em;
color: $theme-color-main;
font-size: 0.6em;
font-family: $main-font;
@media (max-width: $screen-sm) {
height: 5em;
display: none;
}
@media (max-width: 480px) {
margin: 0;
}
.default_site_h1{
width:100%!important;
}
.site-logo{
width:100%!important;
}
@media(min-width:1900px){
width: 225px;
margin-top: -12px;
}
@media screen and (min-width:1025px) and (max-width:1899px){
width: 181px;
margin-top: -3px;
}
@media screen and (min-width:769px) and (max-width:1025px){
width: 150px;
margin-top: -5px;
}
@media screen and (min-width:$screen-xs) and (max-width:769px){
width: 146px !important;
}
@media screen and (max-width:$screen-xs){
width: 110px !important;
margin-top: 3px;
}
}
.navbar-brand:nth-child(2){
@media(min-width:1900px){
width: 330px!important;
margin-top: -14px;
}
@media screen and (min-width:1025px) and (max-width:1899px){
width: 261px!important;
margin-top: -5px;
}
@media screen and (min-width:769px) and (max-width:1025px){
width: 200px!important;
}
@media screen and (min-width:$screen-xs) and (max-width:769px){
width: 200px!important;
}
@media screen and (max-width:$screen-xs){
width: 150px !important;
}
}
}
}
.navbar-toggle {
padding: 0.875em 0.625em;
margin-top: 1em;
// border-radius: 0.125em;
// border-width: 0.125em;
// border-color: lighten($theme-color-main, 30%);
.icon-bar {
background-color: #fff;
}
&.collapsed {
.icon-bar-top {
top: 0;
-webkit-transform: rotate(0);
transform: rotate(0);
}
.icon-bar-middle {
opacity: 1;
}
.icon-bar-bottom {
top: 0;
-webkit-transform: rotate(0);
transform: rotate(0);
}
}
// icon bar animation
.icon-bar {
transition: .2s all;
position: relative;
}
.icon-bar-top {
top: 0.375em;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.icon-bar-middle {
opacity: 0;
}
.icon-bar-bottom {
top: -0.375em;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
}
.outdropdowns{
width:100%;
}
.navFixed{
position: fixed!important;
top:2.5em;
}
.internal-page .kenjohn.navRel,.navRel {
position: relative!important;
top: 0;
}
.navFixed,.navRel {
//flex-wrap:wrap-reverse;
flex-direction: column;
display: flex;
.navbar-header{
display: flex!important;
}
.header-nav{
@media(min-width: 480px){
display: flex!important;
}
}
.layout-header .header-nav a{
text-shadow: none;
}
z-index: 10;
left: 0;
background-color: #fff;
margin-top: 0;
min-width: 100%;
opacity: 0.98;
transition: opacity .5s ease-out;
.collapse{
flex: 0 0 62%;
@media screen and (min-width:1025px) and (max-width:1599px){
flex: 0 0 65%;
}
@media(min-width: 1900px){
flex: 0 0 65%;
}
}
@media(min-width: 769px){
.dropdowns{
display: flex;
//flex-direction: row-reverse;
}
}
.navbar-header{
@media screen and (min-width:769px) {
height: 78px;
margin-bottom: 1em;
width: 35%;
justify-content: center;
}
@media (min-width: 1900px){
height: 90px;
}
}
@media screen and (max-width:768px) {
.navbar-header{
height: 75px;
margin-bottom: 1em;
width: 100%;
}
}
.modules-menu .modules-menu-level-0 > li > a{
color: #333;
text-shadow: none;
}
.header-nav{
background: #e7e8ea;
padding:0.5em !important;
}
.header-nav a{
text-shadow:none;
color: #333333;
}
.navbar-toggle .icon-bar{
background-color: #333;
}
.modules-menu .modules-menu-level-0 > li:hover .modules-menu-level-1{
@media (min-width: $screen-sm){
visibility: visible;
max-height: 65%;
verflow-y: scroll;
border-radius: 0.5em;
opacity: 1;
padding:1em 5% 3em;
transition-duration: opacity 0.3s cubic-bezier(0.48, 0.01, 0.5, 0.99),visibility 0.1s linear;
&::-webkit-scrollbar {
display: none;
}
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
}
.navbar-header .navbar-brand{
@media(max-width: 769px){
display: block!important;
}
}
.navbar-toggle{
position: absolute;
right: 0;
}
}
@media (width: 768px) {
.navbar-toggle{
display: block!important;
}
}
.header-nav{
}
.outdropdowns{
}
.nav-menu{
display:flex!important;
float: right;
li{
padding: 1em 0;
&:hover{
background-color: #C40516;
a{
color: #FFFFFF;
}
}
}
}
.nav{
font-family: "Industry_Demi", Sans-serif;
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
padding: 1em 0;
&:hover{
background-color: #e4002b;
color: #fff;
}
}
.navone ::before{
content: '';
position: absolute;
background: url("/assets/account-icon.png") no-repeat;
width: 23px;
height: 23px;
left: -10px;
top: 10px;
display: inline-block;
left: 5px;
}

View File

@ -0,0 +1,13 @@
@charset "utf-8";
@import "../initial";
.layout-slide {
position: relative;
z-index: 0;
.w-ad-banner {
//max-width: 75em;
margin: auto;
}
}

View File

@ -0,0 +1,585 @@
@charset "utf-8";
@import "../initial";
//
// Widget
//
// Widget
// ## gerenral styles
.w-ba-banner {
position: relative;
z-index: 0;
.cursor {
cursor: pointer;
}
}
.w-ba-banner__wrap {
width: 100%;
max-width: 100%;
height: auto;
overflow: hidden;
}
.w-ba-banner__slide {
width: 100%;
}
[data-cycle-carousel-visible="3"] .w-ba-banner__slide {
width: auto;
height: auto
}
[data-cycle-carousel-visible="3"]{
padding-bottom: 0;
}
.header-banner{
.ad-overlay{
h3{
display: none;
}
}
}
.ad-overlay {
color: #333333;
z-index: 200;
font-family: $main-font;
width: 100%;
bottom: 0;
// background-image: linear-gradient(180deg,transparent 0,rgba(0,0,0,.7) 40%,#000);
h3 {
margin: 0;
padding: 0 0.5rem;
color: #fff;
font-size: 33px;
font-weight: 400;
}
p {
margin: 0;
padding: 0.5rem;
color: $theme-white;
}
@media(max-width: $screen-sm) {
padding: 0.5em 1em;
h3 {
font-size: 1em;
}
p {
font-size: 0.75em;
padding: 0.3rem 0.5rem 0.8rem 0.5rem;
}
}
}
.banner-pager {
@include list-reset;
position: absolute;
bottom: 0.5rem;
z-index: 200;
text-align:center;
width: 100%;
li {
display: inline-block;
height: 3px;
width: 4%;
cursor: pointer;
margin: 0 2px;
}
button {
background: hsla(0,0%,100%,.4);
width: 100%;
height: 3px;
border: unset;
}
.active-slide button {
opacity: 1;
background: $theme-color-green;
}
a {
background: white;
display: inline-block;
margin-right: 0.25em;
width: 0.8em;
height: 0.8em;
border-radius: 50%;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
opacity: .5;
cursor:pointer;
border:0;
}
.active-slide a {
opacity: 1;
}
}
.controlplay{
position: absolute;
right: 1em;
top: 3%;
z-index: 200;
a {
display: inline-block;
margin-right: 0.25em;
cursor: pointer;
padding: 5px 10px;
border: 1px solid rgba(255, 255, 255, 0.5);
background: rgba(0, 0, 0, 0.2);
i {
font-family: FontAwesome;
position: relative;
font-size: 1rem;
line-height: 1;
color: #FFF;
vertical-align: middle;
font-style: unset;
}
}
.resume-slide i::before{
content:"\f04b"
}
.pause-slide i::before{
content:"\f04c"
}
@media(max-width: $screen-sm) {
right: 0;
a { padding: 0 5px;}
a i { font-size: 0.75em; }
}
}
ul.button-mid{
.prev-button{
cursor: pointer;
border-radius: 50%;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
transition: 0.4s;
position: relative;
float:left;
left: 0.5rem;
width: 2.5rem;
height: 2.5rem;
font-size: 2.2rem;
color: #ffffff;
background: rgba(0,0,0,0.2);
text-align: center;
line-height: 2.5rem;
top: 50%;
position: absolute;
transform: translateY(-50%);
z-index: 999;
&:hover {
background: rgba(0,0,0,0.1);
}
@media(max-width: $screen-xs) {
line-height: 1.5rem;
height: 1.5rem;
font-size: 1.5rem;
width: 1.5rem;
}
}
.next-button{
cursor: pointer;
border-radius: 50%;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
float: right;
transition: 0.4s;
position: relative;
right: 0.5rem;
width: 2.5rem;
height: 2.5rem;
font-size: 2.2rem;
color: $theme-white;
background: rgba(0,0,0,0.2);
text-align: center;
line-height: 2.5rem;
top: 50%;
position: absolute;
transform: translateY(-50%);
z-index: 999;
&:hover {
background: rgba(0,0,0,0.1);
}
@media(max-width: $screen-xs) {
line-height: 1.5rem;
height: 1.5rem;
font-size: 1.5rem;
width: 1.5rem;
}
}
}
.banner-responsive {
width: 100%;
}
.background-overlay{
background-color: #F5F5F5;
opacity: 0.95;
transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
height: 100%;
top: 0;
left: 0;
z-index: 100;
position: absolute;
width: 100%;
}
// Widget 7
.ba-banner-widget-7 {
.ad-overlay h3{
color: #333333;
}
.w-ba-banner__caption {
color: $theme-color-main;
z-index: 200;
background-image: none;
padding:2em 11% 4em;
h2 {
font-family: $main-font;
font-size: $w-caption-font-size;
margin: 0.5em 0;
}
p {
font-family: $main-font;
font-size: $w-caption-desc;
}
}
@media(max-width: $screen-sm) {
.ad-overlay {
padding: 2.5em 1em;
h3 { font-size: 2em; }
p { font-size: 0.75em; }
}
.controlplay {
right: 0;
a { padding: 0 5px;}
a i { font-size: 0.75em; }
}
img{
max-width:none!important;
}
.banner-responsive {
width: unset!important;
}
}
}
// Widget 6
.ba-banner-widget-6 {
height: 100%;
.w-ba-banner__wrap{
height: 100%;
}
.w-ba-banner__caption {
color: $theme-color-main;
z-index: 200;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, .5);
transition: all .25s;
&:hover{
background: transparent;
}
h3{
font-size: 1.2rem;
}
h2 {
font-family: $main-font;
font-size: $w-caption-font-size;
margin: 0.5em 0;
}
p {
font-family: $main-font;
font-size: $w-caption-desc;
font-weight: initial;
}
}
@media(min-width:$screen-xs){
.w-ba-banner__slide{
height: 100%;
}
img{
width: auto;
height: 100%;
max-width: initial;
left: 10%;
}
.w-ba-banner__wrap{
height: 100%;
}
}
@media(max-width: $screen-sm) {
.ad-overlay {
h3 { font-size: 0.6em; }
p { font-size: 0.5em; }
}
.controlplay {
right: 0;
a { padding: 0 5px;}
a i { font-size: 0.75em; }
}
}
}
// Widget 0
.ba-banner-widget-0 {
.w-ba-banner__wrap{
position: fixed;
}
.w-ba-banner__slide{
@media(min-width:1601px){
height: 1080px;
}
@media screen and (min-width:1451px) and (max-width:1600px){
height: 900px;
}
@media screen and (min-width:1281px) and (max-width:1450px){
height: 900px;
}
@media screen and (min-width:1026px) and (max-width:1280px){
height: 800px;
}
@media screen and (min-width:991px) and (max-width:1025px){
height: 1360px;
}
@media screen and (min-width:$screen-xs) and (max-width:990px){
height: 1024px;
}
@media(max-width: $screen-xs){
height: 820px;
}
}
.banner-responsive{
@media(max-width: 1024px){
width: auto;
height: 100%;
max-width: fit-content;
transform:translate(0%, 63%) scale(2.2);
}
@media(max-width: 768px){
width: auto;
height: 100%;
max-width: fit-content;
transform:translate(-10%, 50%) scale(2);
}
@media(max-width: $screen-xs){
width: auto;
height: 100%;
max-width: fit-content;
transform:translate(45%, 100%) scale(3.5);
}
}
.w-ba-banner__image {
width: 100%;
height: auto;
}
.youtube, .cycle-youtube {
width: 100%;
height: 100%;
}
object, embed {
width: 100%;
height: 100%;
}
.banner-pager {
right: 1em;
top: -2em;
z-index: 102;
display: none;
}
.ad-overlay{
text-align: center;
padding-top: 20%;
position: relative;
background: none;
// text-shadow: 1px 1px 1px #0000008c;
@media screen and (min-width:$screen-xs) and (max-width:1025px){
padding-top: 30%;
}
@media(max-width: $screen-xs){
padding-top: 60%;
}
}
}
// Widget 1
.ba-banner-widget-1 {
.w-ba-banner__caption {
color: $theme-color-main;
z-index: 200;
padding: 4em;
h2 {
font-family: $main-font;
font-size: $w-caption-font-size;
margin: 0.5em 0;
}
p {
font-family: $main-font;
font-size:1.2rem;
}
}
@media(max-width: $screen-sm) {
.ad-overlay {
padding: 0.5em 1em;
position: relative;
background:#72bcad;
h3 { font-size: 1em; }
p { font-size: 0.75em; }
}
.controlplay {
right: 0;
a { padding: 0 5px;}
a i { font-size: 0.75em; }
}
}
}
// Widget 2
.ba-banner-widget-2 {
.w-ba-banner__image {
width: 100%;
height: auto;
}
.youtube, .cycle-youtube {
width: 100%;
height: 100%;
}
object, embed {
width: 100%;
height: 100%;
}
.banner-pager {
right: 1em;
top: -2em;
z-index: 102;
display: none;
}
}
// Widget 3
.ba-banner-widget-3 {
.w-ba-banner__wrap {
width: 100%;
}
.w-ba-banner__slide {
width: 100%;
}
.banner-pager {
right: 0;
bottom: 2em;
li { height: unset; width: unset; }
}
ul.button-mid { display: none; }
}
//Widget 4
.ba-banner-widget-4 {
.w-ba-banner__wrap {
text-align: center;
// img { margin-bottom: 0.5rem; }
}
}
// specific style for youtube widget
.ba-banner-widget-youtube {
.cycle-slide-active {
z-index: 101 !important;
}
}
//Widget 5
.ba-banner-widget-5 {
background: url(/assets/BANNER-BG-01.jpg) 0 0 no-repeat;
.slide-img { padding: 1rem 1.5rem; }
.slide-content {
z-index: 200;
font-family: $main-font;
padding-top: 0.5rem;
padding-left: 0;
h3 {
font-size: 1rem;
margin: 0.5em 0;
color: #12517a;
}
div {
white-space: normal;
word-break: break-all;
font-size: 1rem;
color: #373634;
padding: 0 2em 0.5em 0;
}
}
.controlplay { display: none; }
.banner-pager {
right: 1rem;
top: 0;
width: unset;
li { height: unset; width: unset; }
a { background: #a0d2f3;}
}
@media(max-width: $screen-sm) {
.slide-content {
padding: 0.5em 1em;
position: relative;
background: #a0d2f3;
h3 { font-size: 1em; }
div { font-size: 0.75em; }
}
.controlplay {
right: 0;
a { padding: 0 5px;}
a i { font-size: 0.75em; }
}
}
@media(max-width: $screen-sm -1) {
ul.button-mid.next-button, ul.button-mid.prev-button{
top: 35%;
transform: translateY(-35%);
}
.slide-content h3, .slide-content div { color: $theme-white; }
.w-ba-banner__wrap { overflow: visible;}
}
}
.controlplay{
width: auto;
}
.button-mid{
position: absolute;
width: 100%;
height: 100%;
}

File diff suppressed because it is too large Load Diff

View File

@ -0,0 +1,354 @@
@charset "utf-8";
@import "../initial";
//
// Widget
//
// Widget
// ## gerenral styles
.w-archive {
.w-archive__widget-title {
@extend .unity-title;
margin: 0.5rem 0;
}
.widget-title {
@extend .unity-title;
}
}
// Widget 1
.widget-archive-1 {
.w-archive__list.level-1 {
padding: 0.5rem;
}
.w-archive__item.level-1 {
list-style-position: inside;
margin-bottom: 0.8rem;
}
.w-archive__item-heading {
display: inline-block;
font-size: $w-item-heading-font-size;
font-family: $main-font;
color: $theme-gray;
margin: 0;
padding-bottom: 0.25rem;
}
.w-archive__list.level-2 {
margin: 0;
padding: 0;
}
.w-archive__item.level-2 {
border-bottom: 0.0625em dashed $w-border-color;
padding: 0 0 0.5rem 0.4rem;
.w-archive__list.level-3 {
list-style-type: none;
padding: 0;
& > li:before {
content:"";
background: url(/assets/arr.gif) 0 0 no-repeat;
display:inline-block;
width:0.3125em;
height: 0.5em;
padding: 0 0.3rem;
}
}
}
.w-archive__link {
font-size: $w-title-font-size-small;
}
}
//Widget 2
.widget-archive-2 {
.panel-default > .panel-heading {
cursor: pointer;
padding: 0;
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
&:hover {
background-color: darken($color: #f5f5f5, $amount: 10);
}
}
.panel {
font-family: $main-font;
margin-bottom: 0.625em;
}
.panel-title {
font-family: $main-font;
a {
display: block;
padding: 0.625em 0.9375em;
.fa { padding-right: 0.5em; }
}
}
}
//index setting
.i-archive-title {
@extend .unity-title;
}
.txt { background-color: #6dbb73; }
.xlsx { background-color: #bb6d7f; }
.pdf { background-color: #3b8347; }
.docx { background-color: #846dbb; }
.pptx { background-color: #6d77bb; }
.jpg { background-color: #bb6d6d; }
.zip { background-color: #dcb957; }
// Archive index 1
.index-archive-1 {
font-family: $main-font;
.i-archive__archive-title {
font-size: 1rem;
margin-bottom: 0.625em;
vertical-align: top;
}
.i-archive__status-wrap {
vertical-align: top;
display: inline-block;
margin-bottom: 0.625em;
}
.i-archive__item {
margin-bottom: 2.5em;
}
.i-archive__category-list {}
.i-archive__category-title {
padding-bottom: 0.3125em;
}
.i-archive__category-item {
display: inline;
font-size: 0.8125rem;
}
.i-archive__item-wrap {}
.i-archive__file-list {
display: block;
margin-bottom: 0.8em;
}
.i-archive__file-wrap {
margin: 0 0.625rem 1em 0;
padding: 0.5em 0.75em;
border-radius: 0.125em;
border: 0.0625em solid lighten($theme-gray-light, 10%);
}
.i-archive__file-name {
font-size: 0.750em;
font-size: 0.75rem;
}
}
.index-archive-4 {
dt.i-archive-item-list { display: none; }
dl.i-archive-files-list { padding: 0; }
@media (min-width: 768px) {
.dl-horizontal dd { margin-left: 0 !important; }
}
}
.index-archive-2,
.index-archive-4 {
.panel-default>.panel-heading {
cursor: pointer;
padding: 0;
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
&:hover {
background-color: darken($color: #f5f5f5, $amount: 10);
}
}
.panel {
font-family: $main-font;
margin-bottom: 0.625em;
}
.panel-title {
font-family: $main-font;
a {
display: block;
padding: 0.625em 0.9375em;
.fa { padding-right: 0.5em; }
}
}
.i-archive-tags {
margin-bottom: 0;
}
.i-archive-files-item {
font-size: 0.813em;
font-family: $main-font;
}
.i-archive-files-list {
dd {
margin-bottom: 0.3em;
}
}
.i-archive-tag-name {
margin-bottom: 0.5em;
font-size: 0.9375rem;
display: inline-block;
}
@media screen and (min-width: $screen-sm) {
.dl-horizontal {
dt {
text-align: left;
}
}
.dl-horizontal dt { overflow: unset; white-space: unset; }
.dl-horizontal dd { margin-left: 1em; }
}
}
.has-archive-tab {
.i-tag__item {
display: none;
}
.tab-content--active {
display: block !important;
}
.i-archive__tag-name {
cursor: pointer;
}
}
.index-archive-3 {
.i-archive__tag-name {
background-color: $theme-color-main;
color: $theme-white;
font-family: $main-font;
display: inline-block;
padding: 0.625em 0.75em;
margin-right: 0.3125em;
border-radius: 0.25em;
font-size: 0.938em;
&:hover {
background-color: darken($theme-color-main, 7%);
}
&.tab--active {
background-color: darken($theme-color-main, 7%);
}
}
.tab-content {
background-color: lighten($theme-gray, 65%);
padding: 20.3125em;
}
.i-archive__category-item {
margin-bottom: 0.5em;
}
.i-archive__category-title {
font-family: $main-font;
}
.i-archive__archive-title {
font-size: 0.938em;
}
.tab-content {
margin-bottom: 0.625em;
}
.i-archive__file-name {
font-size: 0.813em;
}
.i-archive__file-wrap {
margin-bottom: 0.625em;
}
.i-archive__item-wrap {
font-family: $main-font;
}
}
.index-archive-5 {
.i-archive__category-title {
font-size: 1rem;
margin-bottom: 0.625em;
vertical-align: top;
}
.i-items {
background: #fff;
border: 1px solid #333;
border-bottom: transparent;
}
.thead.row {
background: #91bfea;
padding: 0.5em 0;
margin: 0;
border-bottom: 1px solid #333;
@media (max-width: 767px) {
display: none;
}
}
.archive-items {
border-bottom: 1px solid #333;
line-height: 2;
div:nth-child(1), div:nth-child(2) {
border-right: 1px solid #333;
}
}
}
.index-archive-6 {
.i-archive__category-title {
font-size: 1rem;
margin-bottom: 0.625em;
vertical-align: top;
}
.i-items {
background: #fff;
border-bottom: transparent;
}
.head { padding: 0; }
tbody { font-size: 0.8rem; }
.i-archive__file { margin: 0; }
.i-archive__file-list { padding: 0; }
.i-archive__file-name { color: #616161; }
.thead.row {
@media (max-width: 767px) {
display: none;
}
}
.archive-items {
border-bottom: 1px solid transparent;
font-size: 0.8rem;
padding: 10px;
&:nth-child(even) {
background-color: #F3F3F3;
}
div:nth-child(1), div:nth-child(2) {
// border-right: 1px solid #333;
}
}
}

View File

@ -0,0 +1,57 @@
@charset "utf-8";
@import "../initial";
.w-calendar {
width: 100%;
position: relative;
.widget-title {
text-align: center;
border: 0.0625em solid $theme-gray-subtle;
margin: 0;
padding: 0.5em 0;
}
th {
background: $theme-color-main;
color: $theme-white;
text-align: center;
font-size: 0.8125rem;
}
td {
border: 0.0625em solid $theme-gray-subtle;
text-align: center;
font-size: 0.8125rem;
}
}
.w-calendar-table {
margin-bottom: 0;
.w-calendar-today {
background: $theme-color-main;
color: $theme-white;
}
.w-calendar-event {
background: $theme-color-third;
color: $theme-white;
cursor: pointer;
}
}
.w-calendar-nav {
a {
position: absolute;
top: 0.5em;
left: 0.625em;
color: $theme-color-main;
}
.w-calendar-nav-next {
left: auto;
right: 0.625em;
}
}

View File

@ -0,0 +1,240 @@
@charset "utf-8";
@import "../initial";
.header-banner img[src*='epaper'] {
position: absolute;
top: 0;
transform: translateX(50%);
right: 50%;
top: 3em;
}
.row.epaper-container {
display: flex;
flex-wrap: wrap;
position: relative;
}
.criteria_list {
thead {
border-left: 6px solid rgb(105, 150, 171);
background: rgb(74, 42, 36);
color: rgb(255, 255, 255);
font-size: 14px;
font-family: ;
}
tbody {
background-color: transparent;
tr {
border-bottom: 1px dotted #4a2a24;
padding: 5px 0;
}
td {
border-top: transparent;
}
}
}
// slider-fullscreen
.latest-fullslider {
margin-bottom: 2em;
.right-fullslider {
white-space: normal;
padding: 0 2em 2em;
h3 {
font-size: 2em;
text-align: center;
font-weight: 600;
}
}
.left-fullslider { padding-right: 0; text-align: center;}
.epaper-description { white-space: normal; }
.epaper-container {
min-height: 400px;
}
.banner-Container { background: #fff;}
}
@media(max-width: 768px){
.latest-fullslider{
.epaper-container{
background: #fff;
}
.right-fullslider{
position: absolute;
bottom: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.5);
a { color: $theme-white; }
}
.left-fullslider{
img{
width: 100%;
max-height: 417px;
overflow: hidden;
}
}
}
}
//slider
.latest_slider {
display: flex;
flex-direction: column;
h3 { margin-bottom: 0; }
.banner-Container { background: #fff; min-height: 300px; padding: 0 1rem 2rem; }
.epaper-container {
white-space: normal;
flex-direction: column;
h4 { white-space: normal; }
img { width: 20em; }
.epaper-description { white-space: normal; padding-top: 1em;}
}
.e-paper.btn { font-size: 0.65rem; }
}
// epaper-show page
.epaper-show{
@media(min-width: 768px){
h3{
font-size: 2.5rem;
text-align: center;
margin-bottom: 25px;
}
span{
line-height: 27px;
}
}
@media(max-width: 768px){
.epaper-content{
padding: 15px;
}
span{
line-height: 20px;
}
}
img{
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
}
}
// epaper-index1
.epaper-index1-container{
margin-top: 15px;
.epaper-leftimg,.epaper-rightContent{
display: inline-block;
text-align: center;
}
.epaper-leftimg{
img{
width: 100%;
//max-height: 225px;
}
}
.epaper-rightContent{
width: 50%;
}
@media(min-width: 768px){
position: relative;
text-overflow: ellipsis;
background:#fff;
.epaper-rightContent{
position: relative;//absolute;
top: 10px;
padding-bottom: 10px;
.epaper-description{
text-overflow: ellipsis;
}
}
}
}
// epaper-index2
.epaper-index2-container{
border-style: solid;
border-color: #ccc;
border-width: 0 1px 1px;
h1,h2,h3,h4{
border-bottom: 1px solid #ccc;//#e1e1e1;
margin: 0;
padding: 10px 0 10px 10px;
span{
float:right;
margin-right:10px;
color: #0e5c92;
border: 1px solid #d1d1d1;
background: #f0f0f0;
padding: 4px 6px;
font-size: 14px;
margin-top:-3px;
}
}
margin-top: 15px;
.epaper-leftimg,.epaper-rightContent{
display: inline-block;
text-align: left;
}
@media(min-width: 768px){
.epaper-leftimg{
width: 30%;
padding: 10px 0 10px 10px;
img{
width:100%;
//max-height: 225px;
}
}
.epaper-rightContent{
padding: 10px 0 10px 10px;
width: 70%;
}
}
@media(max-width: 767px){
.epaper-leftimg{
width: 100%;
padding: 10px;
img{
width:100%;
//max-height: 225px;
}
}
.epaper-rightContent{
padding: 10px;
}
}
background:#fff;
@media(min-width: 768px){
position: relative;
text-overflow: ellipsis;
.epaper-rightContent{
position: relative;//absolute;
top: 10px;
padding-bottom: 20px;
padding-right: 10px;
.epaper-description{
text-overflow: ellipsis;
}
}
}
.epaper-description a:visited{
color: #777575;
}
.epaper-description a:hover{
text-decoration-color: #333;
text-decoration-line: underline;
}
}

View File

@ -0,0 +1,82 @@
@charset "utf-8";
@import "../initial";
// Faqs MODULES
.widget-faqs {
&.widget1 {
.widget-content {
padding-bottom: 0.625em;
& + .widget-content {
border-top: 0.0625em dotted $theme-gray-light;
}
.widget-content-title {
display: inline-block;
padding: 0.3125em 0;
}
}
// layout-content 下的樣式
.layout-content & {
.widget-title {
@extend .unity-title;
}
}
// layout-footer 下的樣式
.layout-footer & {
.widget-content {
line-height: 2em;
border-top-color: $theme-gray;
}
}
}
}
// Faqs INDEX
.index-faqs {
.index-title {
@extend .unity-title;
}
&.index1 {
.index-content {
list-style-type: decimal-leading-zero;
list-style-position: inside;
& + .index-content {
border-top: 0.0625em dotted $theme-gray-light;
}
}
}
&.index2 {
.index-content {
margin: 1em 0;
border: 1px solid #ccc;
& h4 {
@extend .transition;
color: #333;
background-color: #f5f5f5;
border-color: #ddd;
padding: 0.625em 0.9375em;
font-size: 1em;
font-family: $main-font;
margin: 0;
&:hover {
background: darken($color: #f5f5f5, $amount: 10);
.post { display: block; }
}
}
.post {
padding: 1em;
display: none;
background: #fff;
}
}
}
}

View File

@ -0,0 +1,151 @@
@charset "utf-8";
@import "../initial";
// Gallery MODULES
.widget-gallery {
.widget-title {
@extend .unity-title;
}
.widget-content {
position: relative;
}
&.widget1 {
.widget-content {
overflow: hidden;
.album-item {
display: flex;
flex-direction: column;
}
.widget-pic {
display: inline-block;
padding: 0.0625em;
text-align: center;
@include size(20%, auto);
img {
@include size(100%, 100%);
}
}
}
}
&.widget2 {
.widget-content {
margin-left: -0.3125em;
margin-right: -0.3125em;
.widget-pic {
margin-bottom: 0.625em;
padding-left: 0.3125em;
padding-right: 0.3125em;
img {
@include size(100%, auto);
}
}
}
}
}
.index-gallery {
.index-title {
@extend .unity-title;
}
&.index1 {
.index-content {
&:nth-child(4n+1) {
clear: both;
}
.index-part {
padding: 0.5em;
}
.index-content-inner {
position: relative;
}
.index-content-title {
font-family: $main-font;
font-size: 0.938em;
}
.index-img-description {
font-size: 0.813em;
}
}
}
&.index2 {
.index-content {
padding: 1.5625em 0.9375em;
background: lighten($theme-gray, 60%);
margin-bottom: 1.25em;
border-radius: 0.125em;
width: 100%;
@media screen and (max-width: $screen-sm) {
margin-right: 1.25em;
margin-left: 1.25em;
}
}
.index-content-inner {
margin-bottom: 1.5625em;
}
.index-img {
border-radius: 0.125em;
}
.index-content-title {
font-family: $main-font;
font-size: 0.938em;
}
.index-img-description {
font-size: 0.813em;
}
}
}
.show-gallery {
.show-title {
@extend .unity-title;
}
.show-content {
padding-right: 0;
padding-left: 0;
&:nth-child(6n+1) {
clear: both;
}
.img {
display: inline-block;
width: 100%;
height: auto;
border-radius: 0.125em;
}
.show-content-inner {
position: relative;
padding: 0.3125em;
z-index: 0;
}
.show-description {
font-family: $main-font;
font-size: 0.813em;
padding: 0.5em;
}
}
}

View File

@ -0,0 +1,431 @@
@charset "utf-8";
@import "../initial";
//
// Index
//
// Member Index
// ## Gerneral styles for Index
.i-member-profile-item:nth-child(1){
font-size:1.4em!important;
}
.member-pic{
&:hover{
.img {
transform: scale(1.1,1.1);
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
overflow: hidden;
}
}
}
.img-thumbnail{
overflow: hidden;
}
// Index 1
.index-member-1 {
.i-member__status-title {
@extend .unity-title;
}
.member-data-value-name, .member-data-value-2 {
white-space: nowrap;
}
.i-member-tr-head {
&:nth-child(1n+2) {
display: none;
}
th {
background: $theme-color-main;
color: #fff;
}
}
@media(max-width:580px) {
thead { display: none; }
td {
display: flex;
&:before {
content: attr(data-title);
display: inline-block;
width: auto;
min-width: 40%;
}
}
}
}
// Index 2
.index-member-2 {
.i-member-section {
max-width: 31.25em;
margin: auto;
}
.i-member-status-title {
@extend .unity-title;
}
.i-member-item-inner {
background: none;
border-radius: 0.25rem;
padding: 1.5em 1rem;
margin-bottom: 1em;
&:hover{
transition: background-color .125s linear;
background-color: #e3e3e3;
.i-member-pic {
transform: scale(1.1,1.1);
}
}
}
.img-thumbnail {
border: none;
}
.i-member-pic-wrap {
height: auto;
margin-bottom: 1em;
overflow: hidden;
overflow: hidden;
// border: 0.0625em solid #cecece;
padding: 0;
@media (max-width: 768px){
width: 85%;
}
}
.i-member-pic {
width: 100%;
}
.i-member-profile-list {
@include list-reset;
}
.i-member-profile-item {
margin-bottom: 0.5em;
font-size: $font-13;
}
.i-member-item-inner {
background: $theme-gray-lighter;
}
// RWD
@media screen and (min-width: $screen-sm) {
.i-member-section {
max-width: 100%;
}
}
}
// Index 3
.index-member-3 {
.i-member-section {
margin: auto;
}
.i-member-list {
display: flex;
flex-flow: row wrap;
margin: 0;
}
.i-member-item {
background: #f1f1f1 none repeat scroll 0 0;
border-radius: 0.3125em;
float: none;
margin: 0 1% 1.875em;
padding: 1.25em;
width: 48%;
&:hover{
// box-shadow: 0px 0px 1px 1px #c0c0c0;
transition: background-color .125s linear;
background-color: #e3e3e3;
.i-member-pic {
transform: scale(1.1,1.1);
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
overflow: hidden;
}
}
}
.i-member-item-inner {
height: auto !important;
}
.i-member-status-title {
@extend .unity-title;
}
.i-member-item-inner {
background: none;
}
.i-member-pic-wrap {
height: auto;
margin-bottom: 1em;
}
.i-member-pic {
width: 100%;
}
.i-member-profile-list {
@include list-reset;
}
.i-member-profile-item {
margin-bottom: 0.5em;
font-size: $font-13;
}
.i-member-item:nth-child(odd) {
clear: both;
}
.i-member-item-inner {}
.i-member-pic-wrap {
padding: 0;
}
// RWD
@media screen and (min-width: $screen-sm) {
.i-member-section {
max-width: 100%;
}
.i-member-item-inner {
}
}
@media screen and (min-width: $screen-md) {
.i-member-pic-wrap {
position: relative;
overflow: hidden;
}
}
@media screen and (max-width: $screen-xs) {
.i-member-item {
width: 100%;
}
.i-member-item-inner { display: flex; }
.i-member-pic-wrap { width: 40%; }
.i-member-profile-data-wrap { width: 60%; }
}
}
// Index 4
.index-member-4 {
.i-member-section {
max-width: 31.25em;
margin: auto;
}
.i-member-status-title {
@extend .unity-title;
}
.i-member-item-inner {
background: none;
border-radius: 0.25rem;
padding: 0.75em 1rem;
margin-bottom: 1em;
}
.i-member-profile-list {
@include list-reset;
}
.i-member-profile-item {
margin-bottom: 0.5em;
font-size: $font-13;
word-break: break-word;
}
.i-member-item:nth-child(4n+1) {
clear: both;
}
// RWD
@media screen and (min-width: $screen-sm) {
.i-member-section {
max-width: 100%;
}
.i-member-item-inner {
background: $theme-gray-lighter;
}
.i-member-item:nth-child(even) {
// background: #f8f8f8;
}
}
}
//index 5
.index-member-5 {
.i-member-profile-data-wrap{
margin-left: 1em;
}
.i-member-section {
margin: auto;
}
.i-member-list {
display: flex;
flex-flow: row wrap;
margin: 0;
}
.i-member-item {
float: none;
padding: 15px;
@media (max-width:1280px) {
width: calc( 100% / 3 );
}
@media (max-width:767px) {
width: calc( 100% / 2 );
}
@media (max-width:580px) {
width: 100%;
}
}
.i-member-item-inner {
height: auto !important;
}
.i-member-status-title {
@extend .unity-title;
}
.i-member-item-inner {
background: none;
}
.i-member-pic-wrap {
height: auto;
margin-bottom: 16px;
@media(max-width:580px) {
overflow: hidden;
border-radius: 50%;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
height: 14em;
width: 14em;
margin: 1.5em auto 1em auto;
}
}
.i-member-pic {
width: 100%;
}
.i-member-profile-list {
@include list-reset;
word-break: break-all;
}
.i-member-profile-item {
font-size: 1em;
line-height: 1.3;
padding-top: 0.5em;
letter-spacing: 1px;
}
.i-member-title { display: none; }
.i-member-item:nth-child(4n+1) {
clear: both;
}
.i-member-pic-wrap {
padding: 0;
}
}
// Show page
.show-member {
font-family: $sub-font;
th, td {
font-size: 1.2em;
}
.member-plugins {
margin: 0;
a {
font-size: 0.938em;
}
}
.row {
padding-bottom: 1em;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
background-color: #91bfea;
}
.nav-pills>li>a {
border-radius: unset;
background-color: #eee;
transition: all 0.5s;
}
.nav>li>a:focus, .nav>li>a:hover {
background-color: darken($color: #eee, $amount: 10%);
}
.tab-content {
border: 1px solid #eee;
}
.custom-scroll-arrow {
border: unset;
border-top: none;
color: #428bca;
font-size: 1.25em;
margin-bottom: 0;
padding-left: 6px;
padding-right: 5px;
padding-top: 6px;
width: 20px;
&:hover {
background-color: unset;
color: darken($color: #428bca, $amount: 10);
}
}
@media screen and (max-width: 580px) {
.row {
display: flex;
flex-direction: column;
}
.member-pic { width: 80%; margin: 0 auto 10px; }
.member-data { width: 100%; }
}
}
@media screen and (max-width: 580px){
.table-striped{
th{
width: 20%;
text-align: center;
}
}
}
@media screen and (max-width: 768px){
.i-member-profile-data-wrap.col-sm-9 {
width: 100%;
}
}
.index-member-2-1{
.i-member-item.row:not(:first-child) {
padding-top: 2em;
}
.i-member-pic{
width: 100%;
}
th{
width: 10%;
}
@media (max-width: 768px){
.i-member-pic-wrap{
width: 70%;
}
}
}

View File

@ -0,0 +1,414 @@
@charset "utf-8";
@import "../initial";
.collapse{
@media(min-width: 769px){
width:100%;
}
}
.navbar-collapse.in {
overflow-y: unset;
}
.mobile-menu .collapse.navbar-collapse.modules-menu{
padding-bottom: 3em;
}
.modules-menu {
font-family: $sub-font;
max-height: none;
z-index: 1020;
li {
white-space: nowrap;
}
.menu-drop.opened {
transform: rotateX(180deg);
}
.modules-menu-level-0 {
@media (min-width: 1900px) {
padding-top: 32px!important;
}
@media (min-width: 1025px){
padding-top: 28px!important;
}
@media (min-width: 769px) {
margin: 0 0 0.8em 0;
-webkit-flex-flow: row wrap;
list-style: none;
float: left !important;
padding-top: 10px;
display: flex;
}
.has-dropdown.level-1.active {
.modules-menu-level-1 {
display: block;
}
}
.has-dropdown.level-2.active {
.modules-menu-level-2 {
display: block;
}
}
// .dropdown-toggle-icon {
// position: absolute;
// top: 0.5em;
// right: 0.3em;
// width: 2.5em;
// height: 2.5em;
// cursor: pointer;
// line-height: 2.5em;
// font-size: 1em;
// text-align: center;
// border-radius: 0.13em;
// }
.menu-drop {
position: absolute;
right: 0.3em;
width: 2.5em;
height: 2.5em;
cursor: pointer;
line-height: 2.5em;
font-size: 0.5em;
text-align: center;
border-radius: 0.13em;
top: 2em;
}
// .dropdown-toggle-icon.level-1 {
// background-color: lighten($theme-gray, 10%);
// }
// .dropdown-toggle-icon.level-2 {
// background-color: lighten($theme-gray, 10%);
// }
& > li {
position:relative;
margin: 0;
padding: 0 1em;
border-bottom: 0.0625em solid lighten($theme-gray, 5%);
& > a {
display: block;
padding: 1.125em 0;
font-family: $main-font;
}
&:hover {
// background-color: $theme-color-second;
// border-radius: 0.5em;
& > a {
color: #288E8E;
}
@media (min-width: $screen-sm) {
// background-color: $theme-color-second;
// border-radius: 0.5em;
}
}
@media (min-width: $screen-sm) {
position: static;
margin: 0;
padding: 0;
border-bottom: none;
&:first-child {
margin-left: 0;
}
&:last-child {
margin-right: 0;
.modules-menu-level-1 {
left: auto;
&:before {
right: 0.625em;
left: auto;
}
& > li {
padding-right: 1em;
padding-left: 1em;
& > a {
padding-left: 0;
}
}
.modules-menu-level-2 {
right: 100%;
left: auto;
}
}
}
& > a {
padding: 0.8rem;
font-size: 14px;
color:#fff;
font-weight: 900;
// text-shadow: 1px 1px 1px #0000008c;
}
&:hover {
.modules-menu-level-1 {
// display: block;
//
// visibility: visible;
// opacity: 1;
// transition-duration: opacity 0.3s cubic-bezier(0.48, 0.01, 0.5, 0.99),visibility 0.1s linear;
}
}
}
}
}
.modules-menu-level-1 {
background-color:#ffffff;
list-style: none;
z-index: 1;
padding:1em;
@media(min-width:769px){
flex-wrap: wrap;
justify-content: flex-start;
right: 0;
display: flex;
visibility: hidden;
position: fixed!important;
opacity: 0;
width: 60vw;
box-shadow: 2px 2px 10px #000000ab;
margin: 0.8em 0;
padding: 0;
max-height: 0;
overflow: hidden;
transition-duration: 0.5s;
}
& > li {
position: relative;
// & + li {
// border-top: 0.0625em solid lighten($theme-gray, 5%);
// }
& > a {
display: block;
padding: 1em 1.5em;
font-family: $main-font;
font-size: 16px;
font-weight: 600;
color: #333;
}
// &:hover {
// background-color: $theme-color-second;
// & > a {
// color: $theme-color-main;
// }
// }
}
@media (min-width: $screen-sm) {
position: absolute;
& > li {
padding-right: 2em;
flex: 0 0 33.3%;
& > a {
padding-left: 1em;
border-bottom: 2px solid #288E8E;
padding: 5px 0;
}
&:hover {
.modules-menu-level-2 {
display: block;
}
}
}
}
}
.modules-menu-level-2 {
margin: 0;
padding: 0;
list-style: none;
& > li {
& + li {
// border-top: 0.0625em solid lighten($theme-gray, 5%);
}
& > a {
display: block;
padding: 0.3em 3em;
font-family: $main-font;
color: #333;
font-size: 16px;
font-weight: 500;
}
// &:hover {
// background-color: $theme-color-second;
// }
}
@media (min-width: $screen-sm) {
top: 0;
left: 100%;
& > li > a {
padding-left: 1em;
}
}
}
}
.has-mobile-dropdown {
.modules-menu {
.dropdown-toggle-icon {
display: block;
}
}
}
@media (max-width: 767px) {
.modules-menu .modules-menu-level-0 {
flex-direction: column;
width: 100%;
padding: 0;
}
}
@media (max-width: 769px) {
.modules-menu .modules-menu-level-0 {
width: 100%;
padding: 0;
}
}
//mobile
.mobile-menu {
z-index: 10051;
width: 100vw;
position: fixed;
top: 0;
right: 0;
bottom: 0;
display: none;
&.active {
display: block;
}
.modules-menu {
width: 100%;
position: absolute;
right: 0;
background: #ffffff;
height: 100%;
top: 40px;
padding-top: 0;
overflow-y: scroll;
}
.modules-menu .modules-menu-level-0 > li > a, .modules-menu .modules-menu-level-0 ,.modules-menu .modules-menu-level-0 > li {color: #000;
font-size: 18px ;
font-weight: 500; }
.menu-drop{
font-size: 10px ;
}
.navbar-toggle {
position: absolute;
left: 0;
background: transparent;
top: 0;
z-index: 1;
height: 40px;
margin: 0;
width: 100%;
border: 0;
}
.cover {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0,0,0,0.8);
z-index: 0;
}
}
//覆蓋bootstrap nav設定
.mobile-menu .modules-menu.collapsing {
overflow:unset !important;
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;
}
.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;
}
.mobile-menu .collapse.navbar-collapse.modules-menu {
//overflow-y: scroll;
transform: translateX(0%);
}
.display-on{
display:block!important;
transition-duration: 0.9s;
}
.drop-down > a:after{
content:"\f103";
color:#fff;
font-family: FontAwesome;
font-style: normal;
margin-left: 5px;
}
.dropdown-arrow{
align-self: center;
margin-left: 10px;
z-index: 999;
@media(max-width: 768px){
position: absolute;
right: 0.3em;
width: 2.5em;
height: 2.5em;
cursor: pointer;
line-height: 2.5em;
font-size: 1em;
text-align: center;
border-radius: 0.13em;
display: none!important;
}
}
.fa-chevron-right{
align-self: center;
margin-left: 10px;
font-size: 3px;
font-weight: 100!important;
}

View File

@ -0,0 +1,21 @@
@charset "utf-8";
.plugin-show-table th {
text-align: right;
min-width: 5em;
}
.search-widget h3, .projects-index h3 {
@extend .unity-title;
}
.projects-index {
width: 100% !important;
thead > tr th {
word-break: keep-all;
@media(max-width: 580px) {
word-break: unset;
}
}
}

View File

@ -0,0 +1,12 @@
@import "../initial";
.marquee {
background: rgba(255,255,255,0.1);
border: 1px solid rgba(0,0,0,0.1);
border-radius: 0.3125em;
font-size: 0.938em;
list-style: outside none none;
margin: 0 0 1.875em;
min-height: 1.875em;
overflow: hidden;
padding: 0.9375em;
}

View File

@ -0,0 +1,9 @@
@charset "utf-8";
@import "../initial";
.universal-table-index h3 {
@extend .unity-title;
float: left;
margin: 0;
}

View File

@ -0,0 +1,73 @@
@charset "utf-8";
@import "../initial";
// Link MODULES
.widget-link {
// layout-content 下的樣式
.widget-title {
@extend .unity-title;
}
&.widget1 {
.widget-content {
line-height: 2.5em;
& + .widget-content {
border-top: 0.0625em dotted $theme-gray-light;
}
.widget-content-title {
display: inline-block;
}
}
// layout-footer 下的樣式
.layout-footer & {
.widget-content {
line-height: 2em;
border-top-color: $theme-green-light;
}
}
}
}
// Link INDEX
.index-link {
.index-title {
@extend .unity-title;
}
&.index1 {
.index-content {
& + .index-content {
border-top: 0.0625em dotted $theme-gray-light;
}
.index-context {
display: inline-block;
font-size: 0.813em;
margin: 0 0 0.625em 2em;
color: darken($theme-gray-light, 20%);
}
}
.index-content-title {
font-family: $main-font;
font-size: 1em;
}
}
&.index2 {
.list-unstyled {
display: flex;
flex-wrap: wrap;
}
.index-content {
padding: 1em;
}
.status-top {
line-height: 2.5;
}
}
}

View File

@ -0,0 +1,6 @@
/**
* Owl Carousel v2.3.4
* Copyright 2013-2018 David Deutsch
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
*/
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:0.0625em;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:5em;width:5em;left:50%;top:50%;margin-left:-2.5em;margin-top:-2.5em;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

View File

@ -0,0 +1,6 @@
/**
* Owl Carousel v2.3.4
* Copyright 2013-2018 David Deutsch
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
*/
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:0.625em}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:0.875em;margin:0.3125em;padding:0.25em 0.4375em;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:0.1875em}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:0.625em}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:0.625em;height:0.625em;margin:0.3125em 0.4375em;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:1.875em}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}

View File

@ -0,0 +1,26 @@
// Customize this scss file as you need to fit the design
@charset "utf-8";
body {
background: #fff;
color: #000;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
line-height: 1.3;
font-size: 0.750em;
}
blockquote,
ul {
margin: 0;
padding: 0;
}
ul {
list-style: none;
}
#orbit-bar,
.no-print {
display: none !important;
}
//@import "template";

View File

@ -0,0 +1,217 @@
@import url("https://fonts.googleapis.com/css?family=Droid+Sans:400,700");
// Base
@import "base/orbitbar-override";
@import "base/sitemap-override";
@import "base/global";
@import "base/unity";
@import "base/utilities";
@import "base/pagination";
@import "base/accesskey";
@import "base/go_back_top";
@import "base/ckeditor-reset";
// Layout
@import "layout/*";
// Modules
@import "modules/*";
// Widget
@import "widget/*";
//RWD
@import "RWD";
div.weather_widget1{
background: unset;
}
.navFixed .modules-menu .modules-menu-level-0 > li:focus-within .modules-menu-level-1, .navRel .modules-menu .modules-menu-level-0 > li:focus-within .modules-menu-level-1{
visibility: visible;
max-height: 65%;
opacity: 1;
border-radius: 0.5em;
padding: 1em 5% 3em;
}
a:focus > img{
transform: scale(1.2);
transition-duration: 0.5s;
transition-timing-function: ease-in-out;
}
.kenmenu{
.modules-menu-level-0{
padding-right: 2em;
li{
position: relative;
&>ul{
left: 0;
white-space: nowrap;
padding-right: 2em;
}
}
}
}
div.extra-box:empty {
display: none;
}
.dropdown-toggle:focus {
// outline: 2px solid #43B5FC;
outline: transparent;
}
// container setting
.response-container {
position: relative;
@media (min-width: $screen-xs) {
width: 100%;
padding: 0;
}
@media (min-width: $screen-sm) {
width: 100%;
}
@media (min-width: $screen-md) {
width: 100%;
}
@media (min-width: $screen-lg) {
width:100%;
}
}
.response-pagecontainer {
position: relative;
margin: auto;
@media (min-width: $screen-xs) {
width: 100%;
padding: 0;
}
@media (min-width: $screen-sm) {
width: 100%;
}
@media (min-width: $screen-md) {
width: 60em;
}
@media (min-width: $screen-lg) {
width:70em;
}
}
.dropdowns{
@media (min-width: $screen-md) {
display: flex;
margin: auto;
flex-wrap: wrap;
justify-content: center;
top: 0;
right: 0;
left: 0;
}
}
.header-buttom{
@media (min-width: $screen-md) {
padding: 12px;
}
}
.background {
width: 100%;
position: fixed !important;
left: 0;
top: 30px;
z-index: -1;
}
.extra { clear: both; }
.threesection{
ul.tab_nav{
li{
border: 1px solid #0000001f!important;
}
}
}
//公告頁籤
ul.tab_nav {
list-style-type: none;
padding: 0;
display: flex;
flex-wrap: wrap;
font-family: $main-font;
justify-content: center;
align-items: center;
li {
padding: 0.5em 1em;
color: #333;
// background: $theme-color-green;
background: none;
margin: 0.5em;
cursor: pointer;
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
border-radius: 30px;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
&:hover{
background:#288E8E;
color: #fff;
}
&.active {
background:#288E8E;
color: #fff;
}
}
}
.noscroll { overflow: hidden; position: fixed; }
//覆蓋bootstrap 設定
.row { margin: 0; }
.container>.navbar-collapse {
@media (max-width: 767px) {
margin-left: 0;
margin-right: 0;
}
}
//共用樣式
.title {
@extend .unity-title;
}
.superBtn {
a.btn-primary {
color: $theme-white;
border-color: #990000;
background-color: #990000;
font-size: 0.8125rem;
padding: 0.3em 0.5em;
&:hover {
background-color: darken(#990000, 10%);
border-color: darken(#990000, 10%);
}
}
}
.layout-content-box{
.bus_info{
@media (min-width: 769px){
padding: 0 0 0 calc(5% + 1em);
}
padding: 0 2em;
}
}
.show-member tr:first-child>*[class^=member-data-title],.i-member tr:first-child>*[class^=member-data-title]{
word-break: keep-all;
}
h3.page-module-title {
text-align: left;
}
.title-wraper{
width: 100%;
order: 1;
}

View File

@ -0,0 +1,30 @@
@charset "utf-8";
@import "../initial";
.breadcrumb {
background:none;
a:link, a:visited { color: $theme-color-main; }
}
.breadcrumb>li+li:before {
color: $theme-color-main;
}
.widget-breadcrumb {
&.widget1 {
li {
a {
font-size: 0.8125rem;
&:hover{
text-decoration: underline;
color: #288E8E;
}
}
&:last-child {
a {
color: $theme-color-main;
pointer-events: none;
}
}
}
}
}

View File

@ -0,0 +1,192 @@
@charset "utf-8";
@import "../initial";
.sitemenu-horizontal {
@media (max-width:769px) {
padding-right: 0.9375em;
padding-left:0.9375em;
}
padding-bottom: 0.5em;
@include clearfix;
.sitemenu-list{
li:nth-child(1){
background: darken($theme-color-green, 10%);
}
}
.sitemenu-item.level-1 {
font-size: 1rem;
font-weight:initial;
position: relative;
float: left;
margin-right: 1%;
margin-bottom: 0.75em;
padding: 0.5em .8em;
padding-bottom: 0.5em;
color: $theme-white;
border-radius: .2em;
background: $theme-color-green;
text-align: center;
letter-spacing: 2px;
&:hover {
background: darken($theme-color-green, 10%);
.sitemenu-list.level-2 {
display: block;
}
}
}
.sitemenu-link.level-1 {
margin-right: .25rem;
color: $theme-white;
}
.sitemenu-dropdown-toggle {
font-size: 0.75rem;
padding: 0.125em .3125rem;
cursor: pointer;
}
// sitemenu dropdown
.sitemenu-list.dropdown-menu {
min-width: 100%;
border: none;
border-radius: .2em;
background: darken($theme-color-green, 10%);
}
.sitemenu-link.level-2 {
color: $theme-white;
font-size: 0.8125rem;
padding: 0.25em 0.625rem;
&:hover {
text-decoration: underline;
background-color: transparent;
}
}
}
.sitemenu-vertical {
.sitemenu-list {
border-radius: 0.25em;
box-shadow: 0px 0px 0px 1px #d7d7d7;
margin: 0 -1px!important;
}
.sitemenu-item{
@media (min-width: 768px) {
&:hover > ul{
display: block;
position: absolute;
left: 100%;
top: 0;
}
li{
background: white;
}
}
}
.sitemenu-item.level-1 {
position: relative;
color:#333;
&:hover {
.sitemenu-list.dropdown-menu { }
background:$theme-color-green;
color: #fff;
a{
color: #fff;
}
}
}
.sitemenu-link {
padding: 0.625em 1.25em;
font-size: 1rem;
color: #333;
width: 100%;
display: block;
}
.sitemenu-dropdown-toggle {
font-size: 0.75rem;
padding: 0.125em .3125rem;
cursor: pointer;
margin-top: -28px;
float: right;
margin-right: 10px;
}
.sitemenu-list.dropdown-menu {
padding: 5px 0;
margin: 10px 0 0;
font-size: 1.4rem;
text-align: left;
list-style: none;
position: relative;
min-width: -webkit-fill-available;
box-shadow: none;
background: none;
border: 1px solid #d7d7d7;
border-radius: 0 0 0.25em 0.25em;
}
.sitemenu-link.level-2 {
color: #333!important;
font-size: 0.9rem;
padding:0.5em 1.625rem;
&:hover {
text-decoration: underline;
color: #288E8E!important;
background-color: transparent;
}
}
}
.sitemenu-title{
color: #fff;
margin-top: 0;
}
//
.sitemenu-vertical .sitemenu-list{
list-style: none;
margin: 0;
padding: 0;
border-top: none;
& li {
display: block;
clear: both;
&.active {
& a {
}
& ul {
display: block;
position: absolute;
left: 100%;
top: 0;
}
}
&:last-child {
border-bottom: none;
}
& ul {
display: none;
& li {
& a {
&:hover {
padding-left: 35px;
}
}
}
}
& a {
&:hover {
padding-left: 25px;
transition: 0.2s linear;
}
}
}
}

Binary file not shown.

View File

@ -718,6 +718,14 @@ function transdate(){
// 當文件物件模型(DOM)載入後執行init函數
$(document).ready(function() {
$(document).on('keydown',function(e){
var keyCode = event.which ? event.which : event.keyCode;
if($(document.activeElement==document.body) && keycode==9){
if (!$('header>.kenjohn').hasClass('navFixed')){
$('header>.kenjohn').addClass('navRel');
}
}
})
$('.group').each(function(){
if ($(this).text().trim()==''){
$(this).css('padding',0);