first upload
This commit is contained in:
parent
04caf7b886
commit
880e85290f
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 112 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 815 KiB |
|
|
@ -510,10 +510,10 @@
|
|||
|
||||
//header banner setting
|
||||
if ( location.href.search('editmode=on') != -1 ) {
|
||||
$('.header-banner').css('z-index','2');
|
||||
$('.header-banner').css('z-index','0');
|
||||
$('.header-banner').css('position','absolute');
|
||||
} else {
|
||||
$('.header-banner').css({
|
||||
'position': 'absolute',
|
||||
'top': '0',
|
||||
'z-index': '-2',
|
||||
});
|
||||
|
|
@ -597,11 +597,22 @@ extendPanelWidget();
|
|||
|
||||
// 當文件物件模型(DOM)載入後，執行init函數
|
||||
$(document).ready(function() {
|
||||
$(window).scroll(function() {
|
||||
var windowBottom = $(window).scrollTop() + $(window).innerHeight();
|
||||
$('.onepart .introtext').each(function() {
|
||||
var mid = $(this).offset().top + $(this).height()/2;
|
||||
if( mid < windowBottom && mid > $(window).scrollTop()){
|
||||
$(this).addClass('animationtext')
|
||||
} else {
|
||||
$(this).removeClass('animationtext')
|
||||
}
|
||||
})
|
||||
|
||||
})
|
||||
//RWD 自動縮放headerbannner
|
||||
function headerH() {
|
||||
if ($(window).width() < 768) {
|
||||
const navH = $('.layout-header .navbar-header').outerHeight();
|
||||
$('.header-banner').css('height', navH );
|
||||
}
|
||||
}
|
||||
headerH();
|
||||
|
|
@ -610,8 +621,19 @@ extendPanelWidget();
|
|||
})
|
||||
|
||||
init();
|
||||
if ($(window).width() < 768) {
|
||||
$('.introtext').after($('.introimage'));
|
||||
} else {
|
||||
$('.introtext').before($('.introimage'));
|
||||
}
|
||||
});
|
||||
$(window).resize(function() {
|
||||
if ($(window).width() < 768) {
|
||||
$('.introtext').after($('.introimage'));
|
||||
} else {
|
||||
$('.introtext').before($('.introimage'));
|
||||
}
|
||||
});
|
||||
|
||||
$(window).load(function(){
|
||||
$("iframe[src*='google']").attr('title','googleOauth');
|
||||
});
|
||||
|
|
@ -624,4 +646,3 @@ extendPanelWidget();
|
|||
// });
|
||||
|
||||
}(jQuery, window));
|
||||
|
||||
|
|
|
|||
Binary file not shown.
|
|
@ -1,7 +1,112 @@
|
|||
@charset "utf-8";
|
||||
@import "initial";
|
||||
|
||||
@media(max-width:1024px){
|
||||
#main-nav{
|
||||
width: 100%;
|
||||
}
|
||||
.layout-header{
|
||||
height: 640px;
|
||||
}
|
||||
}
|
||||
@media(min-width:1024px){
|
||||
.introtext{
|
||||
margin-top: 12em;
|
||||
}
|
||||
}
|
||||
@media only screen and (min-width: 767px) and (max-width: 1024px){
|
||||
.layout-header .header-nav{
|
||||
position: absolute;
|
||||
right: 0;
|
||||
padding: 2em;
|
||||
}
|
||||
.layout-header .navbar-header{
|
||||
padding: 0 2em;
|
||||
}
|
||||
}
|
||||
@media only screen and (min-width: 767px) and (max-width: 769px){
|
||||
.introtext{
|
||||
margin-top:3em;
|
||||
}
|
||||
}
|
||||
@media(max-width: 767px) {
|
||||
.modules-menu .modules-menu-level-0>li { margin: 0; }
|
||||
.modules-menu .modules-menu-level-0>li:hover { background: transparent; }
|
||||
.introtext{
|
||||
padding-bottom: 6em;
|
||||
padding-top: 6em;
|
||||
}
|
||||
}
|
||||
@media(max-width: 768px) {
|
||||
.layout-header{
|
||||
height: 480px;
|
||||
}
|
||||
.down{
|
||||
.ad-overlay{
|
||||
padding-bottom: 2em!important;
|
||||
}
|
||||
}
|
||||
}
|
||||
@media(min-width: 769px) {
|
||||
.introtext{
|
||||
margin-top: 6em;
|
||||
}
|
||||
}
|
||||
@media(max-width: $screen-xs) {
|
||||
.container > .navbar-header {
|
||||
margin: 0;
|
||||
}
|
||||
.header-contain{
|
||||
background-color:#ffffffb8;
|
||||
padding-bottom: 1em;
|
||||
}
|
||||
.layout-header{
|
||||
height: 440px;
|
||||
}
|
||||
.header-banner{
|
||||
img{
|
||||
max-width: none;
|
||||
height: 480px;
|
||||
}
|
||||
}
|
||||
.modules-menu .modules-menu-level-1{
|
||||
background-color: #459967;
|
||||
}
|
||||
.right{
|
||||
padding: 0;
|
||||
}
|
||||
.left{
|
||||
padding: 0;
|
||||
}
|
||||
.introimage{
|
||||
padding: 0;
|
||||
}
|
||||
.layout-content-inner {
|
||||
padding: 0!important;
|
||||
}
|
||||
.layout-content-box2{
|
||||
padding-top: 3em;
|
||||
}
|
||||
}
|
||||
@media(min-width:767px){
|
||||
.header-contain{
|
||||
z-index: 1;
|
||||
}
|
||||
.introimage{
|
||||
padding-left: 8em;
|
||||
}
|
||||
.left{
|
||||
padding-right: 0.25rem;
|
||||
}
|
||||
.right{
|
||||
padding-left: 0.25rem;
|
||||
}
|
||||
.header-banner {
|
||||
img{
|
||||
width:100%;
|
||||
}
|
||||
}
|
||||
.onepart{
|
||||
padding-bottom: 6em;
|
||||
padding-top: 6em;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,59 @@
|
|||
|
||||
.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;
|
||||
}
|
||||
|
|
@ -55,8 +55,8 @@ a.btn-primary {
|
|||
font-size: 0.8125rem;
|
||||
|
||||
&:hover {
|
||||
background-color: darken($theme-color-main, 10%);
|
||||
border-color: darken($theme-color-main, 10%);
|
||||
background-color: darken($theme-color-second, 10%);
|
||||
border-color: darken($theme-color-second, 10%);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -15,8 +15,18 @@
|
|||
font-size: 0.750em;
|
||||
border-radius: 0.125em;
|
||||
z-index: 1050;
|
||||
animation:animateTop 0.5s linear infinite alternate;
|
||||
-webkit-animation:animateTop 0.5s linear infinite alternate;
|
||||
|
||||
&:hover {
|
||||
background: rgba($theme-color-main, 1);
|
||||
background: $theme-color-second;
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes animateTop{
|
||||
from{bottom:1em;}
|
||||
to{bottom:1.2em;}
|
||||
}
|
||||
@keyframes animateTop{
|
||||
from{bottom:1em;}
|
||||
to{bottom:1.2em;}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@ $theme-red: #d20001;
|
|||
$theme-blue: #003d7e;
|
||||
|
||||
$theme-color-main: #333333;
|
||||
$theme-color-second: #91BFEA;
|
||||
$theme-color-second: #4dac74;
|
||||
$theme-color-third: #ed4c43;
|
||||
$theme-color-green: #32D9C3;
|
||||
|
||||
|
|
@ -84,3 +84,16 @@ $w-item-heading-font-size: 0.85rem;
|
|||
// --------------------------------------------------
|
||||
|
||||
$border-width: 0.25em;
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.response-content {
|
||||
justify-self: auto;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -4,9 +4,131 @@
|
|||
|
||||
.layout-content {
|
||||
min-height: 37.5em;
|
||||
background: $theme-green-light;
|
||||
|
||||
padding-bottom: 6em;
|
||||
background-color: #fff;
|
||||
background-image: linear-gradient(180deg, transparent 0, rgba(191,139,61,0.1) 100%);
|
||||
.container {
|
||||
@extend .response-container;
|
||||
}
|
||||
}
|
||||
|
||||
.down{
|
||||
display: flex;
|
||||
width: 100%;
|
||||
.columnbox{
|
||||
width: 50%;
|
||||
}
|
||||
.leftbox{
|
||||
padding-right: 0.25rem;
|
||||
}
|
||||
.rightbox{
|
||||
padding-left: 0.25rem;
|
||||
}
|
||||
.ad-overlay{
|
||||
padding-bottom: 3em!important;
|
||||
}
|
||||
}
|
||||
.big{
|
||||
padding: 0!important;
|
||||
}
|
||||
|
||||
.onepart{
|
||||
.w-ba-banner{
|
||||
&:hover{
|
||||
img{
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.layout-content-box2{
|
||||
.w-ba-banner{
|
||||
&:hover{
|
||||
-webkit-transition: all .3s ease;
|
||||
-moz-transition: all .3s ease;
|
||||
-ms-transition: all .3s ease;
|
||||
-o-transition: all .3s ease;
|
||||
transition: all .3s ease;
|
||||
img{
|
||||
transform: scale(1.1);
|
||||
}
|
||||
.transitionfade{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
background-color: rgba(0,0,0,.4);
|
||||
-webkit-transition: .3s ease-out;
|
||||
-moz-transition: .3s ease-out;
|
||||
-ms-transition: .3s ease-out;
|
||||
-o-transition: .3s ease-out;
|
||||
transition: .3s ease-out;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.left{
|
||||
.controlplay{
|
||||
display: none;
|
||||
}
|
||||
ul.button-mid .prev-button{
|
||||
display: none;
|
||||
}
|
||||
ul.button-mid .next-button{
|
||||
display: none;
|
||||
}
|
||||
.ad-overlay h3{
|
||||
text-align: center;
|
||||
}
|
||||
.ad-overlay{
|
||||
padding-bottom: 5em;
|
||||
}
|
||||
.banner-pager{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.right{
|
||||
.controlplay{
|
||||
display: none;
|
||||
}
|
||||
ul.button-mid .prev-button{
|
||||
display: none;
|
||||
}
|
||||
ul.button-mid .next-button{
|
||||
display: none;
|
||||
}
|
||||
.ad-overlay h3{
|
||||
text-align: center;
|
||||
}
|
||||
.ad-overlay{
|
||||
padding-bottom: 5em;
|
||||
}
|
||||
.banner-pager{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.introtext{
|
||||
opacity: 0;
|
||||
-webkit-transform: translateY(15%) translateZ(0);
|
||||
-moz-transform: translateY(15%) translateZ(0);
|
||||
-o-transform: translateY(15%) translateZ(0);
|
||||
-ms-transform: translateY(15%) translateZ(0);
|
||||
transform: translateY(15%) translateZ(0);
|
||||
-webkit-transition: transform 0.8s ease-out, opacity 0.4s ease;
|
||||
-moz-transition: transform 0.8s ease-out, opacity 0.4s ease;
|
||||
-o-transition: transform 0.8s ease-out, opacity 0.4s ease;
|
||||
-ms-transition: transform 0.8s ease-out, opacity 0.4s ease;
|
||||
transition: transform 0.8s ease-out, opacity 0.4s cubic-bezier(0.63, 0.01, 0, 1.02);
|
||||
&:hover{
|
||||
transform: scale(1.1);
|
||||
}
|
||||
}
|
||||
.animationtext{
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(0) translateZ(0);
|
||||
-moz-transform: translateY(0) translateZ(0);
|
||||
-o-transform: translateY(0) translateZ(0);
|
||||
-ms-transform: translateY(0) translateZ(0);
|
||||
transform: translateY(0) translateZ(0);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
padding: 2em 0;
|
||||
color: $theme-color-main;
|
||||
font-size: 0.8125em;
|
||||
background-color: $theme-color-second;
|
||||
background-color: #decdb7;
|
||||
|
||||
.container {
|
||||
@extend .response-container;
|
||||
|
|
|
|||
|
|
@ -7,15 +7,17 @@
|
|||
margin-bottom: 0;
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
background-color: $theme-green-light;
|
||||
z-index: 1;
|
||||
|
||||
height: 680px;
|
||||
.container {
|
||||
@extend .response-container;
|
||||
}
|
||||
.header-banner { overflow: hidden; }
|
||||
.header-banner {
|
||||
overflow: hidden;
|
||||
width:100%;
|
||||
position: fixed;
|
||||
}
|
||||
.header-nav {
|
||||
padding: 1em 0;
|
||||
padding: 1em;
|
||||
color: $theme-color-main;
|
||||
font-family: $main-font;
|
||||
|
||||
|
|
@ -38,10 +40,9 @@
|
|||
}
|
||||
|
||||
.navbar-header {
|
||||
padding: 0 0 1.25em;
|
||||
padding: 0 ;
|
||||
|
||||
.navbar-brand {
|
||||
height: unset;
|
||||
margin: 0.5em 0;
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
|
|
@ -51,7 +52,6 @@
|
|||
font-family: $main-font;
|
||||
|
||||
@media (min-width: $screen-sm) {
|
||||
height: unset;
|
||||
margin: 0.5rem 0 0;
|
||||
padding-left: 0;
|
||||
line-height: 3.75em;
|
||||
|
|
@ -62,8 +62,8 @@
|
|||
}
|
||||
|
||||
@media (max-width: 480px) {
|
||||
height: 3.5em;
|
||||
padding: 0 0.5rem;
|
||||
height: 2.5em;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
|
|
@ -127,3 +127,8 @@
|
|||
transform: rotate(-45deg);
|
||||
}
|
||||
}
|
||||
|
||||
.headertext{
|
||||
padding-top: 10em;
|
||||
position: absolute;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -5,7 +5,6 @@
|
|||
.layout-slide {
|
||||
position: relative;
|
||||
z-index: 0;
|
||||
background: $theme-green-light;
|
||||
|
||||
.w-ad-banner {
|
||||
max-width: 75em;
|
||||
|
|
|
|||
|
|
@ -36,7 +36,7 @@
|
|||
position: absolute;
|
||||
width: 100%;
|
||||
bottom: 0;
|
||||
background-image: linear-gradient(180deg,transparent 0,rgba(0,0,0,.7) 40%,#000);
|
||||
background-image:linear-gradient(180deg, transparent 0, rgba(0, 0, 0, 0.5) 20%, #000000a3);
|
||||
padding: 1.5em 1em;
|
||||
h3 {
|
||||
margin: 0;
|
||||
|
|
@ -46,8 +46,7 @@
|
|||
p { margin: 0; padding: 0.5rem; color: $theme-white; }
|
||||
@media(max-width: $screen-sm) {
|
||||
padding: 0.5em 1em;
|
||||
position: relative;
|
||||
background: #333333;
|
||||
position: absolute;
|
||||
h3 { font-size: 1em; }
|
||||
p { font-size: 0.75em; padding: 0.3rem 0.5rem 0.8rem 0.5rem; }
|
||||
}
|
||||
|
|
@ -131,28 +130,23 @@
|
|||
}
|
||||
|
||||
ul.button-mid{
|
||||
width: 100%;
|
||||
top: 50%;
|
||||
position: absolute;
|
||||
padding: 0;
|
||||
margin-top: 0;
|
||||
margin: 0;
|
||||
transform: translateY(-50%);
|
||||
z-index: 999;
|
||||
|
||||
.prev-button{
|
||||
transition: 0.4s;
|
||||
position: relative;
|
||||
float:left;
|
||||
left: 0.5rem;
|
||||
width: 2.5rem;
|
||||
/* background: url(/assets/next.png) no-repeat center; */
|
||||
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);
|
||||
}
|
||||
|
|
@ -169,13 +163,17 @@ ul.button-mid{
|
|||
position: relative;
|
||||
right: 0.5rem;
|
||||
width: 2.5rem;
|
||||
/* background: url(/assets/next.png) no-repeat center; */
|
||||
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);
|
||||
}
|
||||
|
|
@ -211,9 +209,8 @@ ul.button-mid{
|
|||
}
|
||||
@media(max-width: $screen-sm) {
|
||||
.ad-overlay {
|
||||
padding: 0.5em 1em;
|
||||
position: relative;
|
||||
background: #333333;
|
||||
padding: 3em 1em;
|
||||
position: absolute;
|
||||
h3 { font-size: 1em; }
|
||||
p { font-size: 0.75em; }
|
||||
}
|
||||
|
|
@ -283,3 +280,60 @@ ul.button-mid{
|
|||
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;}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -19,10 +19,9 @@
|
|||
}
|
||||
|
||||
.modules-menu-level-0 {
|
||||
margin: 0 0 0.5em 0;
|
||||
margin:2em 0 0.5em 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
|
||||
|
|
@ -74,9 +73,15 @@
|
|||
|
||||
& > li {
|
||||
position: relative;
|
||||
margin: 0;
|
||||
margin: 0 ;
|
||||
padding: 0 1em;
|
||||
border-radius: 0.5em;
|
||||
border-bottom: 0.0625em solid lighten($theme-gray, 5%);
|
||||
-webkit-transition: background 0.3s linear 0s, color 0.3s linear 0s;
|
||||
-moz-transition: background 0.3s linear 0s, color 0.3s linear 0s;
|
||||
-ms-transition: background 0.3s linear 0s, color 0.3s linear 0s;
|
||||
-o-transition: background 0.3s linear 0s, color 0.3s linear 0s;
|
||||
transition: background 0.3s linear 0s, color 0.3s linear 0s;
|
||||
|
||||
& > a {
|
||||
display: block;
|
||||
|
|
@ -100,7 +105,8 @@
|
|||
|
||||
@media (min-width: $screen-sm) {
|
||||
position: relative;
|
||||
margin: 0;
|
||||
background-color: #ffffff7d;
|
||||
margin: 0 0.3rem;
|
||||
padding: 0;
|
||||
border-bottom: none;
|
||||
|
||||
|
|
@ -137,6 +143,7 @@
|
|||
|
||||
& > a {
|
||||
padding: 0.5rem;
|
||||
font-weight: bold;
|
||||
color: $theme-color-main;
|
||||
}
|
||||
|
||||
|
|
@ -154,7 +161,7 @@
|
|||
min-width: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-color: $theme-gray;
|
||||
background-color: #f1901bc9;
|
||||
list-style: none;
|
||||
z-index: 1;
|
||||
|
||||
|
|
@ -175,7 +182,7 @@
|
|||
&:hover {
|
||||
background-color: $theme-color-second;
|
||||
& > a {
|
||||
color: $theme-color-main;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -267,7 +274,7 @@
|
|||
width: 80%;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
background: #a51832;
|
||||
background:$theme-color-second;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
padding-top: 40px;
|
||||
|
|
|
|||
|
|
@ -33,6 +33,11 @@
|
|||
.response-container {
|
||||
position: relative;
|
||||
|
||||
@media (min-width: $screen-xs) {
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
@media (min-width: $screen-sm) {
|
||||
width: 100%;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -18,7 +18,7 @@
|
|||
<div class="cover"></div>
|
||||
</div>
|
||||
<header class="navbar layout-header no-print" role="navigation">
|
||||
<div class="container">
|
||||
<div class="container header-contain">
|
||||
<div class="header-nav" >
|
||||
<a id="accesskey_top" accesskey="U" title="accesskey top" href="#" title="Toolbar">:::</a>
|
||||
{{header-data}}
|
||||
|
|
@ -34,10 +34,10 @@
|
|||
<script>$(document).ready(function(){var url =$('.site-logo').eq(0).attr('src');if(url == "/assets/default-site-logo.png"){$('.navbar-brand').eq(0).remove();};if($('.navbar-brand').length == 2){$('.site-logo').css('height','auto')};$('.site-logo').eq(0).css('margin-right',0);$('.navbar-brand').css('padding-right',0)})</script>
|
||||
<a title="{{site_title}}" class="navbar-brand" href="{{home_link}}"><img class="site-logo" src="{{logo_url}}" alt="site-logo"> {{site_name}}</a>
|
||||
</div>
|
||||
<section class="header-banner" data-pp="1000"></section>
|
||||
<div class="collapse navbar-collapse modules-menu" id="layout-navigation">
|
||||
<a id="accesskey_menu" title="accesskey menu" accesskey="M" href="#" title="Main menu">:::</a>
|
||||
<%= render_menu %>
|
||||
</div>
|
||||
</div>
|
||||
<div class="class= header-banner" data-pp="1000"> </div>
|
||||
</header>
|
||||
|
|
@ -20,12 +20,9 @@
|
|||
<section class="layout-content-box col-sm-4" data-pp="4"></section>
|
||||
<section class="layout-content-box col-sm-8" data-pp="3"></section>
|
||||
</div>
|
||||
<div class="column row">
|
||||
<div class="two-column col-sm-6" data-pp="11"></div>
|
||||
<div class="two-column col-sm-6" data-pp="12"></div>
|
||||
<div class="three-column col-sm-4" data-pp="14"></div>
|
||||
<div class="three-column col-sm-4" data-pp="15"></div>
|
||||
<div class="three-column col-sm-4" data-pp="13"></div>
|
||||
<div class="column row onepart">
|
||||
<div class="two-column col-sm-5 introimage" data-pp="11"></div>
|
||||
<div class="two-column col-sm-7 introtext " data-pp="12"></div>
|
||||
</div>
|
||||
<section class="extra-box col-sm-12" data-pp="5"></section>
|
||||
</div>
|
||||
|
|
@ -41,11 +38,20 @@
|
|||
<section class="layout-content-box col-sm-8" data-pp="17"></section>
|
||||
</div>
|
||||
<div class="column row">
|
||||
<div class="two-column col-sm-6" data-pp="18"></div>
|
||||
<div class="two-column col-sm-6" data-pp="19"></div>
|
||||
<div class="three-column col-sm-4" data-pp="20"></div>
|
||||
<div class="three-column col-sm-4" data-pp="21"></div>
|
||||
<div class="three-column col-sm-4" data-pp="22"></div>
|
||||
<div class="two-column col-sm-6 left">
|
||||
<div class="three-column col-sm-12 big" data-pp="20"></div>
|
||||
<div class="down">
|
||||
<div class="columnbox leftbox" data-pp="21"></div>
|
||||
<div class="columnbox rightbox" data-pp="22"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="two-column col-sm-6 right" >
|
||||
<div class="down">
|
||||
<div class="columnbox leftbox" data-pp="24"></div>
|
||||
<div class="columnbox rightbox" data-pp="25"></div>
|
||||
</div>
|
||||
<div class="three-column col-sm-12 big" data-pp="26"></div>
|
||||
</div>
|
||||
</div>
|
||||
<section class="extra-box col-sm-12" data-pp="23"></section>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -24,11 +24,12 @@
|
|||
>
|
||||
<a href="{{link}}" target="{{target}}" title="{{alt_title}}">
|
||||
<img class="w-ba-banner__image banner-responsive" src="{{image_link}}" alt="{{alt_title}}">
|
||||
<div class="ad-overlay w-ad-banner__overlay_{{subpart-id}}"></div>
|
||||
<div class="transitionfade"></div>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</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>
|
||||
<ul class="controlplay"><a class="resume-slide" 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">
|
||||
|
|
|
|||
|
|
@ -5,6 +5,7 @@
|
|||
>
|
||||
<a href="{{link}}" target="{{target}}" title="{{alt_title}}">
|
||||
<img class="w-ba-banner__image" src="{{image_link}}" alt="{{alt_title}}">
|
||||
<div class="transitionfade"></div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,59 @@
|
|||
<div class="w-ba-banner ba-banner-widget-5">
|
||||
<div class="w-ba-banner__wrap cycle-slideshow"
|
||||
data-list="images"
|
||||
data-level="0"
|
||||
data-cycle-slides=".w-ba-banner__slide"
|
||||
data-cycle-log="false"
|
||||
data-overlay=".w-ad-banner__overlay_{{subpart-id}}"
|
||||
data-cycle-auto-height="{{base_image}}"
|
||||
data-cycle-speed="{{speed}}"
|
||||
data-cycle-timeout="{{timeout}}"
|
||||
data-cycle-fx="{{ad_fx}}"
|
||||
data-cycle-pager=".banner_caption_{{subpart-id}}"
|
||||
data-pager-template="<li><a></a></li>"
|
||||
data-pager-active-class="active-slide"
|
||||
data-cycle-swipe=true
|
||||
data-cycle-swipe-fx="scrollHorz"
|
||||
>
|
||||
<div class="w-ba-banner__slide {{class}}"
|
||||
data-link="{{link}}"
|
||||
data-cycle-title="{{title}}"
|
||||
data-cycle-desc="{{context}}"
|
||||
data-target="{{target}}"
|
||||
>
|
||||
<div class="slide-img col-md-4 col-sm-4">
|
||||
<a href="{{link}}" target="{{target}}" title="{{alt_title}}">
|
||||
<img class="w-ba-banner__image banner-responsive" src="{{image_link}}" alt="{{alt_title}}">
|
||||
</a>
|
||||
</div>
|
||||
<div class="slide-content col-md-8 col-sm-8">
|
||||
<a href="{{link}}" target="{{target}}" title="{{alt_title}}"><h3>{{title}}</h3></a>
|
||||
<div>{{context}}</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-ba-banner__caption banner-pager banner_caption_{{subpart-id}}"></div>
|
||||
<ul class="controlplay"><a class="resume-slide" 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">
|
||||
<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" %>"></i>
|
||||
</ul>
|
||||
</div>
|
||||
<script>
|
||||
var flag = 1;
|
||||
$('.pause-slide').click(function(){
|
||||
$(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle('pause');
|
||||
});
|
||||
$('.resume-slide').click(function(){
|
||||
$(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle('resume');
|
||||
});
|
||||
$('.next-button').off('click').on('click',function(){
|
||||
$(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle("next");
|
||||
|
||||
})
|
||||
$('.prev-button').off('click').on('click',function(){
|
||||
$(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle("prev");
|
||||
})
|
||||
|
||||
</script>
|
||||
|
|
@ -39,7 +39,14 @@
|
|||
"en" : "4. Pro Carousel ( image, Youtube video, navigation )"
|
||||
},
|
||||
"thumbnail" : "thumb.png"
|
||||
},
|
||||
{
|
||||
"filename" : "ad_banner_widget5",
|
||||
"name" : {
|
||||
"zh_tw" : "5. 橫幅文字輪播 ( 圖片, 文字區域, 導航圖示 )",
|
||||
"en" : "5. Carousel ( image, title, description, navigation )"
|
||||
},
|
||||
"thumbnail" : "thumb.png"
|
||||
}
|
||||
|
||||
]
|
||||
}
|
||||
|
|
@ -19,7 +19,7 @@
|
|||
</ul>
|
||||
|
||||
<section class="s-annc__post-wrap">
|
||||
<div class="s-annc__sub-img pull-right hide">
|
||||
<div class="s-annc__sub-img pull-right {{hide_class}}">
|
||||
<img src="{{img_src}}" alt="{{img_description}}"></img>
|
||||
<span class="s-annc__img_description">{{img_description}}</span>
|
||||
</div>
|
||||
|
|
@ -66,7 +66,6 @@
|
|||
// Links
|
||||
hideEmptyEl($('.s-annc__link-title'), $('.s-annc__related-link'));
|
||||
|
||||
$(".s-annc__sub-img img[src*='upload']").parent().removeClass('hide');
|
||||
$("img[src='']").remove();
|
||||
|
||||
}(jQuery));
|
||||
|
|
|
|||
|
|
@ -0,0 +1,91 @@
|
|||
<div class="widget-ask widget1">
|
||||
<style type="text/css">
|
||||
#new-ask-question .form-horizontal .control-group > *{
|
||||
font-size: 1.2em;
|
||||
}
|
||||
.default_picker label{
|
||||
display: none;
|
||||
}
|
||||
.ask-question .control-group{
|
||||
flex-wrap: wrap;
|
||||
display: flex;
|
||||
width: 100%;
|
||||
align-items: center;
|
||||
}
|
||||
.ask-question .controls > *{
|
||||
display: block;
|
||||
}
|
||||
.ask-question .controls > script{
|
||||
display: none;
|
||||
}
|
||||
.ask-question .form-horizontal .control-label{
|
||||
width: 24%;
|
||||
max-width: 15em;
|
||||
min-width: 14em;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
}
|
||||
.ask-question .form-horizontal .control-group .controls{
|
||||
margin: 0;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
min-width: 10em;
|
||||
max-width: 20em;
|
||||
padding-left: 0;
|
||||
width: 70%;
|
||||
padding: 0.5em;
|
||||
justify-content: center;
|
||||
}
|
||||
.ask-question .form-horizontal input[type="text"],.ask-question .form-horizontal select{
|
||||
width: 97%;
|
||||
max-width: 13.75em;
|
||||
}
|
||||
.ask-question .form-horizontal .form-actions{
|
||||
position: relative;
|
||||
padding: 1em 0 0 0;
|
||||
text-align: center;
|
||||
}
|
||||
</style>
|
||||
<link href="/assets/custom_field.css" media="screen" rel="stylesheet">
|
||||
<script src="/assets/validator"></script>
|
||||
<link href="/assets/ask/ask.css" media="screen" rel="stylesheet">
|
||||
<script type='text/javascript'>
|
||||
$('#new-ask-question .required').each(function() {
|
||||
$(this).text('*' + $(this).text());
|
||||
});
|
||||
$(function(){
|
||||
var fv = new FormValidator($("#new_ask_question"));
|
||||
fv.validate_functions.check_email = function(value){
|
||||
reg = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9])+$/;
|
||||
if (reg.test(value)) {
|
||||
return true;
|
||||
}else{
|
||||
return false;
|
||||
}
|
||||
}
|
||||
})
|
||||
</script>
|
||||
<h3 class="widget-title">
|
||||
<span>{{widget-title}}</span>
|
||||
</h3>
|
||||
<div id="new-ask-question" class="ask-question">
|
||||
<form action="{{form_url}}" method="post" class="form-horizontal" accept-charset="UTF-8">
|
||||
{{token_tag}}
|
||||
<div data-level="0" data-list="fields">
|
||||
<div class="control-group">
|
||||
{{label}}
|
||||
<div class="controls">
|
||||
{{content}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-actions">
|
||||
<input type="hidden" name="referer_url" value="{{referer_url}}">
|
||||
{{submit_tag}}
|
||||
{{close_tag}}
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
<div class="widget-asks widget1">
|
||||
<h3 class="widget-title">
|
||||
<span>{{widget-title}}</span>
|
||||
</h3>
|
||||
<table class="table">
|
||||
<thead>
|
||||
<tr data-level="0" data-list="th" class="bg-primary">
|
||||
<th>{{td}}</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-level="0" data-list="ask_questions">
|
||||
<tr data-level="1" data-list="td">
|
||||
<td>{{content}}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
{
|
||||
"widgets" : [
|
||||
{
|
||||
"filename" : "ask_widget_form",
|
||||
"name" : {
|
||||
"zh_tw" : "1. 模組標題、發問介面",
|
||||
"en" : "1. widget-title, question"
|
||||
},
|
||||
"thumbnail" : "thumb.png"
|
||||
},
|
||||
{
|
||||
"filename" : "ask_widget_list",
|
||||
"name" : {
|
||||
"zh_tw" : "2. 模組標題、 發佈回覆列表",
|
||||
"en" : "2. widget-title, published list"
|
||||
},
|
||||
"thumbnail" : "thumb.png"
|
||||
}
|
||||
]
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 4.0 KiB |
|
|
@ -12,7 +12,7 @@
|
|||
data-cycle-pause-on-hover="true"
|
||||
data-cycle-log="false"
|
||||
data-cycle-carousel-fluid="true">
|
||||
<a class="widget-pic" href="{{link_to_show}}" title="{{album-name}}">
|
||||
<a class="widget-pic" href="{{link_to_show}}">
|
||||
<img
|
||||
srcset="
|
||||
{{thumb-large-src}} 1024w,
|
||||
|
|
|
|||
|
|
@ -3,8 +3,7 @@
|
|||
<span>{{widget-title}}</span>
|
||||
</h3>
|
||||
<div class="row widget-content" data-level="0" data-list="images">
|
||||
<div class="album-item col-sm-4">
|
||||
<a class="widget-pic" href="{{link_to_show}}">
|
||||
<a class="widget-pic col-xs-4" href="{{link_to_show}}">
|
||||
<img
|
||||
srcset="
|
||||
{{thumb-large-src}} 1024w,
|
||||
|
|
@ -13,7 +12,5 @@
|
|||
alt="{{alt_title}}"
|
||||
>
|
||||
</a>
|
||||
<a class="album-name" href="{{link_to_show}}" title="{{album-name}}">{{album-name}}</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -10,7 +10,7 @@
|
|||
</div>
|
||||
<section class="index-part">
|
||||
<h4 class="index-content-title">
|
||||
<a href="{{link_to_show}}" title="{{album-name}}">{{album-name}}</a>
|
||||
<a href="{{link_to_show}}">{{album-name}}</a>
|
||||
</h4>
|
||||
<div class="index-img-description">{{album-description}}</div>
|
||||
</section>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<h1 class="index-title">
|
||||
<span>{{page-title}}</span>
|
||||
</h1>
|
||||
<div class="row" data-level="0" data-list="albums">
|
||||
<div class="row" data-level="0" data-list="albums" style="display: flex;flex-wrap: wrap;">
|
||||
<div class="index-content">
|
||||
<div class="index-content-inner clearfix row">
|
||||
<div class="index-pic col-xs-5 col-sm-2">
|
||||
|
|
@ -10,7 +10,7 @@
|
|||
</div>
|
||||
<section class="index-part col-xs-7 col-sm-10">
|
||||
<h4 class="index-content-title">
|
||||
<a href="{{link_to_show}}" title="{{album-name}}">{{album-name}}</a>
|
||||
<a href="{{link_to_show}}">{{album-name}}</a>
|
||||
</h4>
|
||||
<div class="index-img-description">{{album-description}}</div>
|
||||
</section>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<h1 class="index-title">
|
||||
<span>{{page-title}}</span>
|
||||
</h1>
|
||||
<div class="row" data-level="0" data-list="albums">
|
||||
<div class="row" data-level="0" data-list="albums" style="display: flex;flex-wrap: wrap;">
|
||||
<div class="index-content col-xs-4 col-sm-3">
|
||||
<div class="index-content-inner">
|
||||
<div class="index-pic">
|
||||
|
|
@ -10,7 +10,7 @@
|
|||
</div>
|
||||
<section class="index-part">
|
||||
<h4 class="index-content-title">
|
||||
<a href="{{link_to_show}}" title="{{album-name}}">{{album-name}}</a>
|
||||
<a href="{{link_to_show}}">{{album-name}}</a>
|
||||
</h4>
|
||||
</section>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<h1 class="index-title">
|
||||
<span>{{page-title}}</span>
|
||||
</h1>
|
||||
<div class="row" data-level="0" data-list="albums">
|
||||
<div class="row" data-level="0" data-list="albums" style="display: flex;flex-wrap: wrap;">
|
||||
<div class="index-content">
|
||||
<div class="index-content-inner clearfix row">
|
||||
<div class="index-pic col-xs-5 col-sm-2">
|
||||
|
|
@ -10,7 +10,7 @@
|
|||
</div>
|
||||
<section class="index-part col-xs-7 col-sm-10">
|
||||
<h4 class="index-content-title">
|
||||
<a href="{{link_to_show}}" title="{{album-name}}">{{album-name}}</a>
|
||||
<a href="{{link_to_show}}">{{album-name}}</a>
|
||||
</h4>
|
||||
</section>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -49,14 +49,6 @@
|
|||
"en" : "2. Thumbnail"
|
||||
},
|
||||
"thumbnail" : "thumb.png"
|
||||
},
|
||||
{
|
||||
"filename" : "gallery_widget3",
|
||||
"name" : {
|
||||
"zh_tw" : "3. 跑馬燈 ( 單張 )",
|
||||
"en" : "3. Thumbnail"
|
||||
},
|
||||
"thumbnail" : "thumb.png"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
@ -7,7 +7,7 @@
|
|||
<div class="show-content col-xs-6 col-sm-2">
|
||||
<div class="show-content-inner">
|
||||
<div class="show-pic">
|
||||
<a href="{{link_to_show}}">
|
||||
<a href="{{link_to_show}}" onclick="window.location.hash = '{{link_to_show}}';GalleryTheater();">
|
||||
<img class="img" src="{{thumb-src}}" alt="{{alt_title}}">
|
||||
</a>
|
||||
<p class="show-description">{{image-description}}</p>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,62 @@
|
|||
<script type="text/javascript">
|
||||
$( ".selectbox" ).ready(function() {
|
||||
var option_len = $(".search-widget option").length
|
||||
for (var i=0;i<option_len;i++){
|
||||
if($(".search-widget option").eq(i).data('selected')=="selected"){
|
||||
$(".search-widget option").eq(i).attr('selected','selected')
|
||||
}
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
<div class="search-widget personal-activities">
|
||||
<h3>{{widget-title}}</h3>
|
||||
<form action="{{url}}" method="get">
|
||||
<label for="selectbox">{{select_text}}</label>
|
||||
<select class="selectbox" name="selectbox" data-level="0" data-list="choice">
|
||||
<option value={{choice_value}} data-selected='{{choice_select}}' >
|
||||
{{choice_show}}</option>
|
||||
</select>
|
||||
<label for="keywords">{{search_text}}</label>
|
||||
<input name="keywords" id="keywords" placeholder="Keywords" type="text" value="{{search_value}}" title="keywords">
|
||||
<button>Go</button>
|
||||
<a id="filter" style="" href="{{url}}">Clear</a>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<table class="table table-hover table-striped projects-index activities-index dt-responsive nowrap">
|
||||
<caption><h3>{{widget-title}}</h3></caption>
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="col-md-1">{{year}}</th>
|
||||
<th class="col-md-2">{{activity_name}}</th>
|
||||
<th class="col-md-1">{{activity_organizer}}</th>
|
||||
<th class="col-md-2 min-tablet">{{activity_area}}</th>
|
||||
<th class="col-md-2 min-tablet-l">{{activity_start_date}}</th>
|
||||
<th class="col-md-2 min-tablet-l">{{activity_end_date}}</th>
|
||||
<th class="col-md-2 min-tablet-l">{{note}}</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-level="0" data-list="activities">
|
||||
<tr>
|
||||
<td>{{year}}</td>
|
||||
<td><a href="{{link_to_show}}">{{activity_name}}</a></td>
|
||||
<td>{{activity_organizer}}</td>
|
||||
<td>{{activity_area}}</td>
|
||||
<td>{{activity_start_date}}</td>
|
||||
<td>{{activity_end_date}}</td>
|
||||
<td>{{note}}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
{{pagination_goes_here}}
|
||||
|
||||
<script>
|
||||
$('table.activities-index').DataTable({
|
||||
searching: false,
|
||||
paging: false,
|
||||
ordering: false,
|
||||
info: false
|
||||
});
|
||||
</script>
|
||||
|
||||
|
|
@ -1,8 +1,8 @@
|
|||
<table class="table table-hover table-striped projects-index personal-book dt-responsive nowrap">
|
||||
<caption><h3>{{widget-title}}</h3></caption>
|
||||
<table class="table table-hover table-striped journal-papers-index">
|
||||
<caption><h1>{{widget-title}}</h1></caption>
|
||||
<thead>
|
||||
<tr data-level="0" data-list="headers">
|
||||
<th class="">{{head-title}}</th>
|
||||
<th class="col-md-{{col}}">{{head-title}}</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-level="0" data-list="book_list">
|
||||
|
|
@ -12,21 +12,3 @@
|
|||
</tbody>
|
||||
</table>
|
||||
{{pagination_goes_here}}
|
||||
|
||||
<script>
|
||||
for ( var i = 0; i < $('thead th').length ; i++ ) {
|
||||
if( $('thead th').length > 2 ) {
|
||||
var th = $('thead th');
|
||||
for ( var q = 3; q < th.length ; q++ ) {
|
||||
th.eq(q).addClass('min-tablet-l');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
$('table.personal-book').DataTable({
|
||||
searching: false,
|
||||
paging: false,
|
||||
ordering: false,
|
||||
info: false
|
||||
});
|
||||
</script>
|
||||
|
|
@ -8,24 +8,25 @@ $( ".selectbox" ).ready(function() {
|
|||
}
|
||||
});
|
||||
</script>
|
||||
<div class="search-widget personal-book">
|
||||
<h3>{{widget-title}}</h3>
|
||||
<h3>{{widget-title}}</h3>
|
||||
<div class="search-widget">
|
||||
<form action="{{url}}" method="get">
|
||||
<label for="selectbox">{{select_text}}</label>
|
||||
<input type="hidden" name="authenticity_token" value="{{csrf_value}}">
|
||||
{{select_text}}
|
||||
<select class="selectbox" name="selectbox" data-level="0" data-list="choice">
|
||||
<option value={{choice_value}} data-selected='{{choice_select}}' >
|
||||
{{choice_show}}</option>
|
||||
</select>
|
||||
<label for="keywords">{{search_text}}</label>
|
||||
<input name="keywords" id="keywords" placeholder="Keywords" type="text" value="{{search_value}}" title="keywords">
|
||||
{{search_text}}
|
||||
<input name="keywords" placeholder="Keywords" type="text" value="{{search_value}}">
|
||||
<button>Go</button>
|
||||
<a id="filter" style="" href="{{url}}">Clear</a>
|
||||
</form>
|
||||
</div>
|
||||
<table class="table table-hover table-striped personal-book dt-responsive nowrap">
|
||||
<table class="table table-hover table-striped journal-papers-index">
|
||||
<thead>
|
||||
<tr data-level="0" data-list="headers">
|
||||
<th class="">{{head-title}}</th>
|
||||
<th class="col-md-{{col}}">{{head-title}}</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-level="0" data-list="book_list">
|
||||
|
|
@ -35,21 +36,3 @@ $( ".selectbox" ).ready(function() {
|
|||
</tbody>
|
||||
</table>
|
||||
{{pagination_goes_here}}
|
||||
|
||||
<script>
|
||||
for ( var i = 0; i < $('thead th').length ; i++ ) {
|
||||
if( $('thead th').length > 2 ) {
|
||||
var th = $('thead th');
|
||||
for ( var q = 3; q < th.length ; q++ ) {
|
||||
th.eq(q).addClass('min-tablet-l');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
$('table.personal-book').DataTable({
|
||||
searching: false,
|
||||
paging: false,
|
||||
ordering: false,
|
||||
info: false
|
||||
});
|
||||
</script>
|
||||
|
|
@ -1,8 +1,8 @@
|
|||
<table class="table table-hover table-striped projects-index writing-conferences dt-responsive nowrap">
|
||||
<caption><h3>{{widget-title}}</h3></caption>
|
||||
<table class="table table-hover table-striped projects-index">
|
||||
<caption><h1>{{widget-title}}</h1></caption>
|
||||
<thead>
|
||||
<tr data-level="0" data-list="headers">
|
||||
<th class="">{{head-title}}</th>
|
||||
<th class="col-md-{{col}}">{{head-title}}</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-level="0" data-list="writing_conferences">
|
||||
|
|
@ -12,21 +12,3 @@
|
|||
</tbody>
|
||||
</table>
|
||||
{{pagination_goes_here}}
|
||||
|
||||
<script>
|
||||
for ( var i = 0; i < $('thead th').length ; i++ ) {
|
||||
if( $('thead th').length > 2 ) {
|
||||
var th = $('thead th');
|
||||
for ( var q = 3; q < th.length ; q++ ) {
|
||||
th.eq(q).addClass('min-tablet-l');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
$('table.writing-conferences').DataTable({
|
||||
searching: false,
|
||||
paging: false,
|
||||
ordering: false,
|
||||
info: false
|
||||
});
|
||||
</script>
|
||||
|
|
@ -9,23 +9,24 @@ $( ".selectbox" ).ready(function() {
|
|||
});
|
||||
</script>
|
||||
<h3>{{widget-title}}</h3>
|
||||
<div class="search-widget writing-conferences">
|
||||
<div class="search-widget">
|
||||
<form action="{{url}}" method="get">
|
||||
<label for="selectbox">{{select_text}}</label>
|
||||
<input type="hidden" name="authenticity_token" value="{{csrf_value}}">
|
||||
{{select_text}}
|
||||
<select class="selectbox" name="selectbox" data-level="0" data-list="choice">
|
||||
<option value={{choice_value}} data-selected='{{choice_select}}' >
|
||||
{{choice_show}}</option>
|
||||
</select>
|
||||
<label for="keywords">{{search_text}}</label>
|
||||
<input name="keywords" id="keywords" placeholder="Keywords" type="text" value="{{search_value}}" title="keywords">
|
||||
{{search_text}}
|
||||
<input name="keywords" placeholder="Keywords" type="text" value="{{search_value}}">
|
||||
<button>Go</button>
|
||||
<a id="filter" style="" href="{{url}}">Clear</a>
|
||||
</form>
|
||||
</div>
|
||||
<table class="table table-hover table-striped projects-index writing-conferences dt-responsive nowrap">
|
||||
<table class="table table-hover table-striped projects-index">
|
||||
<thead>
|
||||
<tr data-level="0" data-list="headers">
|
||||
<th class="">{{head-title}}</th>
|
||||
<th class="col-md-{{col}}">{{head-title}}</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-level="0" data-list="writing_conferences">
|
||||
|
|
@ -35,21 +36,3 @@ $( ".selectbox" ).ready(function() {
|
|||
</tbody>
|
||||
</table>
|
||||
{{pagination_goes_here}}
|
||||
|
||||
<script>
|
||||
for ( var i = 0; i < $('thead th').length ; i++ ) {
|
||||
if( $('thead th').length > 2 ) {
|
||||
var th = $('thead th');
|
||||
for ( var q = 3; q < th.length ; q++ ) {
|
||||
th.eq(q).addClass('min-tablet-l');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
$('table.writing-conferences').DataTable({
|
||||
searching: false,
|
||||
paging: false,
|
||||
ordering: false,
|
||||
info: false
|
||||
});
|
||||
</script>
|
||||
|
|
@ -1,8 +1,8 @@
|
|||
<table class="table table-hover table-striped projects-index personal-journal dt-responsive nowrap">
|
||||
<table class="table table-hover table-striped projects-index">
|
||||
<caption><h3>{{widget-title}}</h3></caption>
|
||||
<thead>
|
||||
<tr data-level="0" data-list="headers">
|
||||
<th class="">{{head-title}}</th>
|
||||
<th class="col-md-{{col}}">{{head-title}}</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-level="0" data-list="journal_papers">
|
||||
|
|
@ -12,21 +12,3 @@
|
|||
</tbody>
|
||||
</table>
|
||||
{{pagination_goes_here}}
|
||||
|
||||
<script>
|
||||
for ( var i = 0; i < $('thead th').length ; i++ ) {
|
||||
if( $('thead th').length > 2 ) {
|
||||
var th = $('thead th');
|
||||
for ( var q = 3; q < th.length ; q++ ) {
|
||||
th.eq(q).addClass('min-tablet-l');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
$('table.personal-journal').DataTable({
|
||||
searching: false,
|
||||
paging: false,
|
||||
ordering: false,
|
||||
info: false
|
||||
});
|
||||
</script>
|
||||
|
|
@ -9,23 +9,24 @@ $( ".selectbox" ).ready(function() {
|
|||
});
|
||||
</script>
|
||||
<h3>{{widget-title}}</h3>
|
||||
<div class="search-widget personal-journal">
|
||||
<div class="search-widget">
|
||||
<form action="{{url}}" method="get">
|
||||
<label for="selectbox">{{select_text}}</label>
|
||||
<input type="hidden" name="authenticity_token" value="{{csrf_value}}">
|
||||
{{select_text}}
|
||||
<select class="selectbox" name="selectbox" data-level="0" data-list="choice">
|
||||
<option value={{choice_value}} data-selected='{{choice_select}}' >
|
||||
{{choice_show}}</option>
|
||||
</select>
|
||||
<label for="keywords">{{search_text}}</label>
|
||||
<input name="keywords" id="keywords" placeholder="Keywords" type="text" value="{{search_value}}" title="keywords">
|
||||
{{search_text}}
|
||||
<input name="keywords" placeholder="Keywords" type="text" value="{{search_value}}">
|
||||
<button>Go</button>
|
||||
<a id="filter" style="" href="{{url}}">Clear</a>
|
||||
</form>
|
||||
</div>
|
||||
<table class="table table-hover table-striped projects-index personal-journal dt-responsive nowrap">
|
||||
<table class="table table-hover table-striped projects-index">
|
||||
<thead>
|
||||
<tr data-level="0" data-list="headers">
|
||||
<th class="">{{head-title}}</th>
|
||||
<th class="col-md-{{col}}">{{head-title}}</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-level="0" data-list="journal_papers">
|
||||
|
|
@ -35,21 +36,3 @@ $( ".selectbox" ).ready(function() {
|
|||
</tbody>
|
||||
</table>
|
||||
{{pagination_goes_here}}
|
||||
|
||||
<script>
|
||||
for ( var i = 0; i < $('thead th').length ; i++ ) {
|
||||
if( $('thead th').length > 2 ) {
|
||||
var th = $('thead th');
|
||||
for ( var q = 3; q < th.length ; q++ ) {
|
||||
th.eq(q).addClass('min-tablet-l');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
$('table.personal-journal').DataTable({
|
||||
searching: false,
|
||||
paging: false,
|
||||
ordering: false,
|
||||
info: false
|
||||
});
|
||||
</script>
|
||||
|
|
@ -1,8 +1,8 @@
|
|||
<table class="table table-hover table-striped projects-index personal-patent dt-responsive nowrap">
|
||||
<caption><h3>{{widget-title}}</h3></caption>
|
||||
<table class="table table-hover table-striped projects-index">
|
||||
<caption><h1>{{widget-title}}</h1></caption>
|
||||
<thead>
|
||||
<tr data-level="0" data-list="headers">
|
||||
<th class="">{{head-title}}</th>
|
||||
<th class="col-md-{{col}}">{{head-title}}</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-level="0" data-list="patents">
|
||||
|
|
@ -12,21 +12,3 @@
|
|||
</tbody>
|
||||
</table>
|
||||
{{pagination_goes_here}}
|
||||
|
||||
<script>
|
||||
for ( var i = 0; i < $('thead th').length ; i++ ) {
|
||||
if( $('thead th').length > 2 ) {
|
||||
var th = $('thead th');
|
||||
for ( var q = 4; q < th.length ; q++ ) {
|
||||
th.eq(q).addClass('min-tablet-l');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
$('table.personal-patent').DataTable({
|
||||
searching: false,
|
||||
paging: false,
|
||||
ordering: false,
|
||||
info: false
|
||||
});
|
||||
</script>
|
||||
|
|
@ -8,25 +8,25 @@ $( ".selectbox" ).ready(function() {
|
|||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
<div class="search-widget personal-patent">
|
||||
<h3>{{widget-title}}</h3>
|
||||
<div class="search-widget">
|
||||
<form action="{{url}}" method="get">
|
||||
<label for="selectbox">{{select_text}}</label>
|
||||
<input type="hidden" name="authenticity_token" value="{{csrf_value}}">
|
||||
{{select_text}}
|
||||
<select class="selectbox" name="selectbox" data-level="0" data-list="choice">
|
||||
<option value={{choice_value}} data-selected='{{choice_select}}' >
|
||||
{{choice_show}}</option>
|
||||
</select>
|
||||
<label for="keywords">{{search_text}}</label>
|
||||
<input name="keywords" id="keywords" placeholder="Keywords" type="text" value="{{search_value}}" title="keywords">
|
||||
{{search_text}}
|
||||
<input name="keywords" placeholder="Keywords" type="text" value="{{search_value}}">
|
||||
<button>Go</button>
|
||||
<a id="filter" style="" href="{{url}}">Clear</a>
|
||||
</form>
|
||||
</div>
|
||||
<table class="table table-hover table-striped projects-index personal-patent dt-responsive nowrap">
|
||||
<table class="table table-hover table-striped projects-index">
|
||||
<thead>
|
||||
<tr data-level="0" data-list="headers">
|
||||
<th class="">{{head-title}}</th>
|
||||
<th class="col-md-{{col}}">{{head-title}}</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-level="0" data-list="patents">
|
||||
|
|
@ -36,21 +36,3 @@ $( ".selectbox" ).ready(function() {
|
|||
</tbody>
|
||||
</table>
|
||||
{{pagination_goes_here}}
|
||||
|
||||
<script>
|
||||
for ( var i = 0; i < $('thead th').length ; i++ ) {
|
||||
if( $('thead th').length > 2 ) {
|
||||
var th = $('thead th');
|
||||
for ( var q = 4; q < th.length ; q++ ) {
|
||||
th.eq(q).addClass('min-tablet-l');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
$('table.personal-patent').DataTable({
|
||||
searching: false,
|
||||
paging: false,
|
||||
ordering: false,
|
||||
info: false
|
||||
});
|
||||
</script>
|
||||
|
|
@ -1,8 +1,8 @@
|
|||
<table class="table table-hover table-striped projects-index personal-projects dt-responsive nowrap">
|
||||
<caption><h3>{{widget-title}}</h3></caption>
|
||||
<table class="table table-hover table-striped projects-index">
|
||||
<caption><h1>{{widget-title}}</h1></caption>
|
||||
<thead>
|
||||
<tr data-level="0" data-list="headers">
|
||||
<th class="{{head-title}}">{{head-title}}</th>
|
||||
<th class="col-md-{{col}}">{{head-title}}</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-level="0" data-list="projects">
|
||||
|
|
@ -12,22 +12,3 @@
|
|||
</tbody>
|
||||
</table>
|
||||
{{pagination_goes_here}}
|
||||
|
||||
<script>
|
||||
$('.計畫類別').addClass('min-tablet');
|
||||
for ( var i = 0; i < $('thead th').length ; i++ ) {
|
||||
if( $('thead th').length > 2 ) {
|
||||
var th = $('thead th');
|
||||
for ( var q = 3; q < th.length ; q++ ) {
|
||||
th.eq(q).addClass('min-tablet-l');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
$('table.personal-projects').DataTable({
|
||||
searching: false,
|
||||
paging: false,
|
||||
ordering: false,
|
||||
info: false
|
||||
});
|
||||
</script>
|
||||
|
|
@ -8,25 +8,25 @@ $( ".selectbox" ).ready(function() {
|
|||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
<div class="search-widget personal-projects">
|
||||
<h3>{{widget-title}}</h3>
|
||||
<div class="search-widget">
|
||||
<form action="{{url}}" method="get">
|
||||
<label for="selectbox">{{select_text}}</label>
|
||||
<input type="hidden" name="authenticity_token" value="{{csrf_value}}">
|
||||
{{select_text}}
|
||||
<select class="selectbox" name="selectbox" data-level="0" data-list="choice">
|
||||
<option value={{choice_value}} data-selected='{{choice_select}}' >
|
||||
{{choice_show}}</option>
|
||||
</select>
|
||||
<label for="keywords">{{search_text}}</label>
|
||||
<input name="keywords" id="keywords" placeholder="Keywords" type="text" value="{{search_value}}" title="keywords">
|
||||
{{search_text}}
|
||||
<input name="keywords" placeholder="Keywords" type="text" value="{{search_value}}">
|
||||
<button>Go</button>
|
||||
<a id="filter" style="" href="{{url}}">Clear</a>
|
||||
</form>
|
||||
</div>
|
||||
<table class="table table-hover table-striped projects-index personal-projects dt-responsive nowrap">
|
||||
<table class="table table-hover table-striped projects-index">
|
||||
<thead>
|
||||
<tr data-level="0" data-list="headers">
|
||||
<th class="{{head-title}}">{{head-title}}</th>
|
||||
<th class="col-md-{{col}}">{{head-title}}</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-level="0" data-list="projects">
|
||||
|
|
@ -36,22 +36,3 @@ $( ".selectbox" ).ready(function() {
|
|||
</tbody>
|
||||
</table>
|
||||
{{pagination_goes_here}}
|
||||
|
||||
<script>
|
||||
$('.計畫類別').addClass('min-tablet');
|
||||
for ( var i = 0; i < $('thead th').length ; i++ ) {
|
||||
if( $('thead th').length > 2 ) {
|
||||
var th = $('thead th');
|
||||
for ( var q = 3; q < th.length ; q++ ) {
|
||||
th.eq(q).addClass('min-tablet-l');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
$('table.personal-projects').DataTable({
|
||||
searching: false,
|
||||
paging: false,
|
||||
ordering: false,
|
||||
info: false
|
||||
});
|
||||
</script>
|
||||
|
|
@ -30,7 +30,6 @@
|
|||
<script type="text/javascript">
|
||||
(function(){
|
||||
var main_div = $("div[data-subpart-id"{{subpart-id}})
|
||||
$('.marquee li a').attr('title','marquee');
|
||||
}
|
||||
</script>
|
||||
|
||||
|
|
|
|||
|
|
@ -9,9 +9,10 @@
|
|||
<link rel="stylesheet" media="print" type="text/css" href="/assets/template/print.css">
|
||||
<%= javascript_include_tag "plugin/modernizr.js"%>
|
||||
<%= javascript_include_tag "plugin/picturefill.min.js"%>
|
||||
<%= javascript_include_tag "//cdnjs.cloudflare.com/ajax/libs/jquery/1.11.0/jquery.min.js"%>
|
||||
<%= javascript_include_tag "jquery.min"%>
|
||||
<%= javascript_include_tag "jquery_prefix"%>
|
||||
<%= javascript_include_tag "plugin/jquery.mobile.custom.min.js"%>
|
||||
<%= javascript_include_tag "//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.2/js/bootstrap.min.js"%>
|
||||
<%= javascript_include_tag "bootstrap.min"%>
|
||||
<%= javascript_include_tag "//cdnjs.cloudflare.com/ajax/libs/jquery.cycle2/20140415/jquery.cycle2.min.js"%>
|
||||
<%= javascript_include_tag "//cdnjs.cloudflare.com/ajax/libs/jquery.cycle2/20140415/jquery.cycle2.carousel.min.js"%>
|
||||
<%= javascript_include_tag "//cdnjs.cloudflare.com/ajax/libs/jquery.cycle2/20140415/jquery.cycle2.scrollVert.min.js"%>
|
||||
|
|
|
|||
|
|
@ -1,4 +1 @@
|
|||
{
|
||||
"title" : "newOrbit2.0",
|
||||
"key" : "newOrbit2.0",
|
||||
"author" : "chihyu"}
|
||||
{"key":"asiaH2","title":"主選單及Logo重疊於滿版主Banner圖片上，首頁多種區塊配置供選擇","author":"亞洲大學公版橫式主選單2號版型(素淨)","thumbnail":"assets/images/design_thumb.png"}
|
||||
Loading…
Reference in New Issue