This commit is contained in:
rulingcom 2021-10-04 10:03:29 +08:00
parent 62c2a00f19
commit b39deb5f85
23 changed files with 99 additions and 65 deletions

View File

@ -102,12 +102,12 @@
padding: 2.5em 0; padding: 2.5em 0;
} }
.default_site_h1{ .default_site_h1{
display: grid; display: flex;
align-items: center;
padding: 0 0 0 0.5em!important; padding: 0 0 0 0.5em!important;
} }
.layout-header .navbar-header .navbar-brand .site-logo{ .layout-header .navbar-header .navbar-brand .site-logo{
margin-left: -0.8em; margin-left: -0.8em;
width: 100%!important;
margin-top: 0; margin-top: 0;
} }
} }

View File

@ -50,7 +50,6 @@
.navbar-header { .navbar-header {
padding: 0em; padding: 0em;
.navbar-brand { .navbar-brand {
height: unset; height: unset;
margin:0; margin:0;
@ -64,7 +63,7 @@
@media (min-width: $screen-sm) { @media (min-width: $screen-sm) {
height: unset; height: unset;
margin: 0.5rem 0 0; margin: 0.5rem 0 0;
padding-left: 0; padding-left: 2em;
line-height: 3.75em; line-height: 3.75em;
font-size: 1.5em; font-size: 1.5em;
} }
@ -79,10 +78,9 @@
} }
.site-logo { .site-logo {
width: 180px; height: 60px;
height: 100%;
margin-top: 0.6em; margin-top: 0.6em;
margin-right: 0.5em; margin-right: 0.5em!important;
float: left; float: left;
} }
} }

View File

@ -35,7 +35,6 @@
@media (min-width: $screen-xs) { @media (min-width: $screen-xs) {
width: 100%; width: 100%;
padding: 0;
} }
@media (min-width: $screen-sm) { @media (min-width: $screen-sm) {

View File

@ -1,5 +1,5 @@
<div class="w-ba-banner ad-banner-widget-1 ba-banner-widget-1"> <div class="w-ad-banner w-ba-banner ad-banner-widget-1 ba-banner-widget-1">
<div class="w-ba-banner__wrap cycle-slideshow" <div class="w-ad-banner__wrap w-ba-banner__wrap cycle-slideshow"
data-list="images" data-list="images"
data-level="0" data-level="0"
data-cycle-slides=".w-ba-banner__slide" data-cycle-slides=".w-ba-banner__slide"
@ -15,7 +15,7 @@
data-cycle-swipe=true data-cycle-swipe=true
data-cycle-swipe-fx="scrollHorz" data-cycle-swipe-fx="scrollHorz"
> >
<div class="w-ba-banner__slide {{class}}" <div class="w-ad-banner__slide w-ba-banner__slide {{class}}"
data-link="{{link}}" data-link="{{link}}"
data-cycle-title="{{title}}" data-cycle-title="{{title}}"
data-cycle-desc="{{context}}" data-cycle-desc="{{context}}"
@ -23,13 +23,13 @@
data-target="{{target}}" data-target="{{target}}"
> >
<a href="{{link}}" target="{{target}}" title="{{alt_title}}"> <a href="{{link}}" target="{{target}}" title="{{alt_title}}">
<img class="w-ba-banner__image banner-responsive" src="{{image_link}}" alt="{{alt_title}}"> <img class="w-ad-banner__image w-ba-banner__image banner-responsive" src="{{image_link}}" alt="{{alt_title}}">
</a> </a>
</div> </div>
</div> </div>
<div class="ad-overlay w-ba-banner__caption w-ad-banner__caption w-ad-banner__overlay_{{subpart-id}}"></div> <div class="w-ad-banner__caption ad-overlay w-ba-banner__caption w-ad-banner__caption w-ad-banner__overlay_{{subpart-id}}"></div>
<div class="w-ba-banner__caption banner-pager banner_caption_{{subpart-id}}" data-list="images" data-level="0"> <div class="w-ad-banner__pager-1 w-ba-banner__caption banner-pager banner_caption_{{subpart-id}}" data-list="images" data-level="0">
<li><button title="Slide {{slide_number}}"><span style="display: none;">Slide {{slide_number}}</span></button></li> <li><button title="Slide {{slide_number}}"><span style="display: none;">Slide {{slide_number}}</span></button></li>
</div> </div>
<ul class="controlplay"><a class="resume-slide active" title = "<%= (I18n.locale.to_s =="zh_tw") ? "繼續播放" : "resume" %>"><i></i></a><a class="pause-slide" title = "<%= (I18n.locale.to_s =="zh_tw") ? "暫停播放" : "pause"%>"><i></i></a></ul> <ul class="controlplay"><a class="resume-slide active" title = "<%= (I18n.locale.to_s =="zh_tw") ? "繼續播放" : "resume" %>"><i></i></a><a class="pause-slide" title = "<%= (I18n.locale.to_s =="zh_tw") ? "暫停播放" : "pause"%>"><i></i></a></ul>
@ -60,10 +60,23 @@
</script> </script>
<style type="text/css"> <style type="text/css">
.controlplay .resume-slide.active i{ .w-ba-banner .controlplay .resume-slide.active i{
color: #32D9C3; color: #32D9C3;
} }
.controlplay .pause-slide.active i{ .w-ba-banner .controlplay .pause-slide.active i{
color: #ff4500; color: #ff4500;
} }
.w-ba-banner .controlplay{
width: auto;
}
.w-ba-banner .button-mid{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.next-button,.prev-button{
cursor: pointer;
}
</style> </style>

View File

@ -1,5 +1,5 @@
<div class="w-ba-banner ba-banner-widget-1 ba-banner-widget-youtube"> <div class="w-ad-banner ad-banner-widget-2 w-ba-banner ba-banner-widget-1 ba-banner-widget-youtube">
<div class="w-ba-banner__wrap cycle-slideshow" <div class="w-ad-banner__wrap w-ba-banner__wrap cycle-slideshow"
data-list="images" data-list="images"
data-level="0" data-level="0"
data-cycle-slides=".w-ba-banner__slide" data-cycle-slides=".w-ba-banner__slide"
@ -25,11 +25,11 @@
{{html}} {{html}}
</div> </div>
<div class="ad-overlay w-ad-banner__overlay_{{subpart-id}}"></div> <div class="ad-overlay w-ad-banner__overlay_{{subpart-id}}"></div>
<div class="w-ba-banner__caption banner-pager banner_caption_{{subpart-id}}"></div> <div class="w-ba-banner__caption w-ad-banner__pager-2 banner-pager banner_caption_{{subpart-id}}"></div>
<ul class="controlplay"><a class="resume-slide active" title = "<%= (I18n.locale.to_s =="zh_tw") ? "繼續播放" : "resume" %>"><i></i></a><a class="pause-slide" title = "<%= (I18n.locale.to_s =="zh_tw") ? "暫停播放" : "pause"%>"><i></i></a></ul> <ul class="controlplay"><a class="resume-slide active" title = "<%= (I18n.locale.to_s =="zh_tw") ? "繼續播放" : "resume" %>"><i></i></a><a class="pause-slide" title = "<%= (I18n.locale.to_s =="zh_tw") ? "暫停播放" : "pause"%>"><i></i></a></ul>
<ul class="button-mid"> <ul class="button-mid">
<i class="fa fa-angle-left prev-button" aria-hidden="true" title = "<%= (I18n.locale.to_s =="zh_tw") ? "上一張" : "prev" %>" style="cursor: pointer;"></i> <i class="fa fa-angle-left prev-button" aria-hidden="true" title = "<%= (I18n.locale.to_s =="zh_tw") ? "上一張" : "prev" %>"></i>
<i class="fa fa-angle-right next-button" aria-hidden="true" title = "<%= (I18n.locale.to_s =="zh_tw") ? "下一張" : "next" %>" style="cursor: pointer;"></i> <i class="fa fa-angle-right next-button" aria-hidden="true" title = "<%= (I18n.locale.to_s =="zh_tw") ? "下一張" : "next" %>"></i>
</ul> </ul>
</div> </div>
</div> </div>
@ -85,7 +85,7 @@ if (typeof onYouTubeIframeAPIReady !== 'function'){
var banner_wrap = $(".w-ba-banner__wrap[data-overlay=\".w-ad-banner__overlay_{{subpart-id}}\"]"); var banner_wrap = $(".w-ba-banner__wrap[data-overlay=\".w-ad-banner__overlay_{{subpart-id}}\"]");
banner_wrap.height(height).css({"padding-bottom":"4em","padding-top":""}); banner_wrap.height(height).css({"padding-bottom":"4em","padding-top":""});
banner_wrap.find(".cycle-carousel-wrap").css("top","3em"); banner_wrap.find(".cycle-carousel-wrap").css("top","3em");
delete event.target.B.onStateChange; delete (event.target.B || event.target.H).onStateChange;
var onStateChange_idx = event.target.l.i.onStateChange; var onStateChange_idx = event.target.l.i.onStateChange;
onStateChange_idx.reverse(); onStateChange_idx.reverse();
var event_size = 3; var event_size = 3;
@ -178,10 +178,23 @@ if (typeof onYouTubeIframeAPIReady !== 'function'){
} }
</script> </script>
<style type="text/css"> <style type="text/css">
.controlplay .resume-slide.active i{ .w-ba-banner .controlplay .resume-slide.active i{
color: #32D9C3; color: #32D9C3;
} }
.controlplay .pause-slide.active i{ .w-ba-banner .controlplay .pause-slide.active i{
color: #ff4500; color: #ff4500;
} }
.w-ba-banner .controlplay{
width: auto;
}
.w-ba-banner .button-mid{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.next-button,.prev-button{
cursor: pointer;
}
</style> </style>

View File

@ -6,20 +6,13 @@
<a class="w-annc__more btn btn-primary pull-right" href="{{more_url}}"><%= (I18n.locale.to_s =="zh_tw") ? "更多最新消息" : "More NEWS" %></a> <a class="w-annc__more btn btn-primary pull-right" href="{{more_url}}"><%= (I18n.locale.to_s =="zh_tw") ? "更多最新消息" : "More NEWS" %></a>
</div> </div>
<div style="position: absolute;top: 50%;bottom: 50%;width:100%;"> <div style="position: absolute;top: 50%;bottom: 50%;width:100%;">
<button class="btn-left" title = "<%= (I18n.locale.to_s =="zh_tw") ? "上一張" : "prev" %>" style="float: left;height: 2.5em; width: 2.5em;background: border: 0;background-size: contain;position: absolute;transition:.3s; left: 0.6%;color: #ffffff; <button class="btn-left" title = "<%= (I18n.locale.to_s =="zh_tw") ? "上一張" : "prev" %>" style="float: left;height: 2.5em; width: 2.5em;background: url(/assets/left-01.png) no-repeat;border: 0;background-size: contain;position: absolute;transition:.3s; left: 0.6%;"><span style="display: none;"><%= (I18n.locale.to_s =="zh_tw") ? "上一張" : "prev" %></span></button>
background: rgba(0, 0, 0, 0.2); <button class="btn-right" title = "<%= (I18n.locale.to_s =="zh_tw") ? "下一張" : "next" %>" style="float: right;;height: 2.5em; width: 2.5em;background: url(/assets/right-01.png) no-repeat;background-size: contain;border: 0;position: absolute;transition:.3s;right: 0.6%;"><span style="display: none;"><%= (I18n.locale.to_s =="zh_tw") ? "下一張" : "next" %></span></button>
border-radius: 50%;
border: none;"><i class="fa fa-angle-left prev-button" aria-hidden="true"></i><span style="display: none;"><%= (I18n.locale.to_s =="zh_tw") ? "上一張" : "prev" %></span></button>
<button class="btn-right" title = "<%= (I18n.locale.to_s =="zh_tw") ? "下一張" : "next" %>" style="float: right;;height: 2.5em; width: 2.5em;background-size: contain;border: 0;position: absolute;transition:.3s;right: 0.6%;color: #ffffff;
background: rgba(0, 0, 0, 0.2);
border-radius: 50%;
border: none;"><i class="fa fa-angle-right next-button" aria-hidden="true"></i><span style="display: none;"><%= (I18n.locale.to_s =="zh_tw") ? "下一張" : "next" %></span></button>
</div> </div>
<ul class="w-annc__list row" data-level="0" data-list="announcements"> <ul class="w-annc__list row" data-level="0" data-list="announcements">
<li class="w-annc__item col-md-4"> <li class="w-annc__item col-md-4">
<div class="w-annc__img-wrap bullseye"> <div class="w-annc__img-wrap bullseye">
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}"> <img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
<div class="transitionfade"></div>
</div> </div>
<div class="w-annc__content-wrap"> <div class="w-annc__content-wrap">
<div class="w-annc__meta"> <div class="w-annc__meta">

View File

@ -1,6 +1,6 @@
<div class="i-annc index-announcement-11 {{display}}"> <div class="i-annc index-announcement-11 {{display}}">
<h3 class="i-annc__page-title">{{page-title}}</h3> <h3 class="i-annc__page-title">{{page-title}}</h3>
<table class="i-annc__table table table-striped dt-responsive nowrap"> <table class="i-annc__table table table-striped dt-responsive">
<thead> <thead>
<tr> <tr>
<th class="i-annc__th i-annc__th--date all" id='date'>{{date-head}}</th> <th class="i-annc__th i-annc__th--date all" id='date'>{{date-head}}</th>

View File

@ -1,6 +1,6 @@
<div class="i-annc index-announcement-12 {{display}}"> <div class="i-annc index-announcement-12 {{display}}">
<h3 class="i-annc__page-title">{{page-title}}</h3> <h3 class="i-annc__page-title">{{page-title}}</h3>
<table class="i-annc__table table table-striped dt-responsive nowrap"> <table class="i-annc__table table table-striped dt-responsive">
<thead> <thead>
<tr> <tr>
<th class="i-annc__th i-annc__th--date all" id='date'>{{date-head}}</th> <th class="i-annc__th i-annc__th--date all" id='date'>{{date-head}}</th>

View File

@ -1,6 +1,6 @@
<div class="i-annc index-announcement-15 {{display}}"> <div class="i-annc index-announcement-15 {{display}}">
<h3 class="i-annc__page-title">{{page-title}}</h3> <h3 class="i-annc__page-title">{{page-title}}</h3>
<table class="i-annc__table table table-striped dt-responsive nowrap"> <table class="i-annc__table table table-striped dt-responsive">
<thead> <thead>
<tr> <tr>
<th class="i-annc__th i-annc__th--date all" id='date'>{{date-head}}</th> <th class="i-annc__th i-annc__th--date all" id='date'>{{date-head}}</th>

View File

@ -1,6 +1,6 @@
<div class="i-annc index-announcement-16 {{display}}"> <div class="i-annc index-announcement-16 {{display}}">
<h3 class="i-annc__page-title">{{page-title}}</h3> <h3 class="i-annc__page-title">{{page-title}}</h3>
<table class="i-annc__table table table-striped dt-responsive nowrap"> <table class="i-annc__table table table-striped dt-responsive">
<thead> <thead>
<tr> <tr>
<th class="i-annc__th i-annc__th--date all" id='date'>{{date-head}}</th> <th class="i-annc__th i-annc__th--date all" id='date'>{{date-head}}</th>

View File

@ -35,8 +35,8 @@
$('.i-member img').eq(i).parent().attr('title','noname'); $('.i-member img').eq(i).parent().attr('title','noname');
} }
} }
for(var i = 0;i < $('.i-member span a').length ; i++){ for(var i = 0;i < $('.i-member span.member-data-value-name a').length ; i++){
if($('.i-member span a').eq(i).html().trim().replace('&nbsp;','') == "") if($('.i-member span.member-data-value-name a').eq(i).html().trim().replace('&nbsp;','') == "")
$('.i-member span a').eq(i).html('noname'); $('.i-member span.member-data-value-name a').eq(i).html('noname');
} }
</script> </script>

View File

@ -21,7 +21,7 @@
{{data_intro_title}} {{data_intro_title}}
</div> </div>
<table class="table table-hover table-striped dt-responsive nowrap {{complete_display}}"> <table class="table table-hover table-striped dt-responsive {{complete_display}}">
<thead> <thead>
<tr data-list="pd_title" data-level="1"> <tr data-list="pd_title" data-level="1">
<th>{{plugin_data_title}}</th> <th>{{plugin_data_title}}</th>

View File

@ -1,4 +1,4 @@
<table class="table table-hover table-striped projects-index activities-index dt-responsive nowrap"> <table class="table table-hover table-striped projects-index activities-index dt-responsive">
<caption><h3>{{widget-title}}</h3></caption> <caption><h3>{{widget-title}}</h3></caption>
<thead> <thead>
<tr> <tr>

View File

@ -1,4 +1,4 @@
<table class="table table-hover table-striped projects-index courses-index dt-responsive nowrap"> <table class="table table-hover table-striped projects-index courses-index dt-responsive">
<caption><h3>{{widget-title}}</h3></caption> <caption><h3>{{widget-title}}</h3></caption>
<thead> <thead>
<tr> <tr>

View File

@ -1,4 +1,4 @@
<table class="table table-hover table-striped projects-index personal-honor dt-responsive nowrap"> <table class="table table-hover table-striped projects-index personal-honor dt-responsive">
<caption><h3>{{widget-title}}</h3></caption> <caption><h3>{{widget-title}}</h3></caption>
<thead> <thead>
<tr data-level="0" data-list="headers"> <tr data-level="0" data-list="headers">

View File

@ -1,4 +1,4 @@
<table class="table table-hover table-striped projects-index personal-lab dt-responsive nowrap"> <table class="table table-hover table-striped projects-index personal-lab dt-responsive">
<caption><h3>{{widget-title}}</h3></caption> <caption><h3>{{widget-title}}</h3></caption>
<thead> <thead>
<tr> <tr>

View File

@ -1,4 +1,4 @@
<table class="table table-hover table-striped projects-index personal-researchs dt-responsive nowrap"> <table class="table table-hover table-striped projects-index personal-researchs dt-responsive">
<caption><h3>{{widget-title}}</h3></caption> <caption><h3>{{widget-title}}</h3></caption>
<thead> <thead>
<tr> <tr>

View File

@ -4,6 +4,9 @@
</h3> </h3>
<ul class="list-unstyled" data-level="0" data-list="web_link"> <ul class="list-unstyled" data-level="0" data-list="web_link">
<li class="widget-content"> <li class="widget-content">
<div class="link-img-wrap{{display_image}}">
<img src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
</div>
<a class="widget-content-title" href="{{link_to_show}}" target="_blank" title="{{title_text}}">{{title}}</a> <a class="widget-content-title" href="{{link_to_show}}" target="_blank" title="{{title_text}}">{{title}}</a>
<span data-list="statuses" data-level="1"> <span data-list="statuses" data-level="1">
<span class="label status {{status-class}}">{{status}}</span> <span class="label status {{status-class}}">{{status}}</span>

View File

@ -4,6 +4,9 @@
</h3> </h3>
<ul class="list-unstyled" data-level="0" data-list="web_link"> <ul class="list-unstyled" data-level="0" data-list="web_link">
<li class="widget-content widget-content-horizontal"> <li class="widget-content widget-content-horizontal">
<div class="link-img-wrap{{display_image}}">
<img src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
</div>
<a class="widget-content-title" href="{{link_to_show}}" target="_blank" title="{{title_text}}">{{title}}</a> <a class="widget-content-title" href="{{link_to_show}}" target="_blank" title="{{title_text}}">{{title}}</a>
<span data-list="statuses" data-level="1"> <span data-list="statuses" data-level="1">
<span class="label status {{status-class}}">{{status}}</span> <span class="label status {{status-class}}">{{status}}</span>

View File

@ -4,13 +4,18 @@
</h1> </h1>
<ul class="list-unstyled" data-list="web_link" data-level="0"> <ul class="list-unstyled" data-list="web_link" data-level="0">
<li class="index-content"> <li class="index-content">
<a class="index-content-title" href="{{link_to_show}}" target="_blank" title="{{title_text}}">
<h4> <h4>
<a class="index-content-title" href="{{link_to_show}}" target="_blank" title="{{title_text}}">{{title}}</a> <div class="link-img-wrap{{display_image}}">
<img src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
</div>
{{title}}
<span data-list="statuses" data-level="1"> <span data-list="statuses" data-level="1">
<span class="label status {{status-class}}">{{status}}</span> <span class="label status {{status-class}}">{{status}}</span>
</span> </span>
</h4> </h4>
<small class="index-context">{{context}}</small> <small class="index-context">{{context}}</small>
</a>
</li> </li>
</ul> </ul>
</div> </div>

View File

@ -4,13 +4,20 @@
</h1> </h1>
<ul class="list-unstyled" data-list="web_link" data-level="0"> <ul class="list-unstyled" data-list="web_link" data-level="0">
<li class="index-content col-md-4 col-sm-4"> <li class="index-content col-md-4 col-sm-4">
<a class="index-content-title" href="{{link_to_show}}" target="_blank" title="{{title_text}}">
<div class="link-img-wrap{{display_image}}">
<img src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
</div>
<h4> <h4>
<a class="index-content-title" href="{{link_to_show}}" target="_blank" title="{{title_text}}">{{title}}</a> <span class="link-title">
{{title}}
</span>
<span data-list="statuses" data-level="1"> <span data-list="statuses" data-level="1">
<span class="label status {{status-class}}">{{status}}</span> <span class="label status {{status-class}}">{{status}}</span>
</span> </span>
</h4> </h4>
<small class="index-context">{{context}}</small> <small class="index-context">{{context}}</small>
</a>
</li> </li>
</ul> </ul>
</div> </div>

View File

@ -3,7 +3,7 @@
<a id="accesskey_sitemenu" accesskey="S" href="/<%= "#{locale.to_s}" %>/accesskey" title="Sitemenu">:::</a> <a id="accesskey_sitemenu" accesskey="S" href="/<%= "#{locale.to_s}" %>/accesskey" title="Sitemenu">:::</a>
<h3 class="sitemenu-title">{{widget_title}}</h3> <h3 class="sitemenu-title">{{widget_title}}</h3>
<ul data-list="pages" class="sitemenu-list level-1 list-unstyled" data-level="0"> <ul data-list="pages" class="sitemenu-list level-1 list-unstyled" data-level="0">
<li class="sitemenu-item level-1"> <li class="sitemenu-item level-1 {{active_class}}">
<a class="sitemenu-link level-1" href="{{url}}" target="{{target}}">{{page_name}}</a> <a class="sitemenu-link level-1" href="{{url}}" target="{{target}}">{{page_name}}</a>
<ul class="sitemenu-list level-2" data-list="children" data-level="1"> <ul class="sitemenu-list level-2" data-list="children" data-level="1">
<li class="sitemenu-item level-2" style="position: relative;"> <li class="sitemenu-item level-2" style="position: relative;">

View File

@ -3,7 +3,7 @@
<a id="accesskey_sitemenu" accesskey="S" href="/<%= "#{locale.to_s}" %>/accesskey" title="Sitemenu">:::</a> <a id="accesskey_sitemenu" accesskey="S" href="/<%= "#{locale.to_s}" %>/accesskey" title="Sitemenu">:::</a>
<h3 class="sitemenu-title">{{widget_title}}</h3> <h3 class="sitemenu-title">{{widget_title}}</h3>
<ul data-list="pages" class="sitemenu-list level-1 list-unstyled" data-level="0"> <ul data-list="pages" class="sitemenu-list level-1 list-unstyled" data-level="0">
<li class="sitemenu-item level-1"> <li class="sitemenu-item level-1 {{active_class}}">
<a class="sitemenu-link level-1" href="{{url}}" target="{{target}}">{{page_name}}</a> <a class="sitemenu-link level-1" href="{{url}}" target="{{target}}">{{page_name}}</a>
<ul class="sitemenu-list level-2" data-list="children" data-level="1"> <ul class="sitemenu-list level-2" data-list="children" data-level="1">
<li class="sitemenu-item level-2" style="position: relative;"> <li class="sitemenu-item level-2" style="position: relative;">