This commit is contained in:
parent
be00af0bde
commit
d53107ff23
Binary file not shown.
|
Before Width: | Height: | Size: 18 KiB After Width: | Height: | Size: 20 KiB |
File diff suppressed because it is too large
Load Diff
|
|
@ -3,11 +3,10 @@
|
||||||
a[accesskey] {
|
a[accesskey] {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
margin-left: -0.9375em;
|
margin-left: -0.9375em;
|
||||||
color: transparent !important;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#orbit-bar a[accesskey] {
|
#orbit-bar a[accesskey] {
|
||||||
color: #666666 !important;
|
color: #666666;
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
position: relative;
|
position: relative;
|
||||||
&:hover {
|
&:hover {
|
||||||
|
|
@ -21,6 +20,3 @@ a[accesskey] {
|
||||||
color: transparent !important;
|
color: transparent !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
#layout-navigation a[accesskey]{
|
|
||||||
position: absolute!important;
|
|
||||||
}
|
|
||||||
|
|
@ -2,15 +2,66 @@
|
||||||
|
|
||||||
@import "../initial";
|
@import "../initial";
|
||||||
@import "variables";
|
@import "variables";
|
||||||
#orbit-bar .orbit-bar-title a{
|
|
||||||
color: #333!important;
|
.fa-classic, .fa-regular, .fa-solid, .far, .fas ,.fa{
|
||||||
|
font-family: "FontAwesome";
|
||||||
|
}
|
||||||
|
li#language-li {
|
||||||
|
@media(max-width:767px){
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
#orbit-bar .orbit-bar-inner > label:focus, #orbit-bar .orbit-bar-inner > label.focus{
|
#orbit-bar .orbit-bar-inner > label:focus, #orbit-bar .orbit-bar-inner > label.focus{
|
||||||
.orbit-bar-search-sign-language{
|
.orbit-bar-search-sign-language{
|
||||||
display: block
|
display: block
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
#orbit-bar .orbit-bar-menu .orbit-bar-logo{
|
||||||
|
cursor: unset!important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.login-btn:focus {
|
||||||
|
outline: 0.3125em auto -webkit-focus-ring-color !important;
|
||||||
|
transition: all 0.2s ease-in-out!important;
|
||||||
|
}
|
||||||
|
.orbit-bar-inner{
|
||||||
|
li.active {
|
||||||
|
@media(min-width:768px){
|
||||||
|
padding: 0 !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// label[for="open-orbit-login"] {
|
||||||
|
// @media(max-width:768px){
|
||||||
|
// display: none!important;
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// [accesskey="U"],[accesskey="W"]{
|
||||||
|
// @media(max-width:768px){
|
||||||
|
// color: #666!important;
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
.orbit-bar-inner{
|
||||||
|
[accesskey="U"]{
|
||||||
|
height: 40px;
|
||||||
|
display: inline-block!important;
|
||||||
|
line-height: 40px;
|
||||||
|
float: left;
|
||||||
|
@media(min-width:769px){
|
||||||
|
color: #fff!important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
[accesskey="W"]{
|
||||||
|
height: 40px;
|
||||||
|
display: inline-block!important;
|
||||||
|
line-height: 40px;
|
||||||
|
float: left;
|
||||||
|
color: #fff!important;
|
||||||
|
@media(min-width:769px){
|
||||||
|
color: #fff!important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
.orbit-bar-search-sign-language{
|
.orbit-bar-search-sign-language{
|
||||||
@media(max-width:767px){
|
@media(max-width:767px){
|
||||||
position: absolute !important;
|
position: absolute !important;
|
||||||
|
|
@ -168,6 +219,6 @@ img{
|
||||||
// overflow-x: auto;
|
// overflow-x: auto;
|
||||||
// }
|
// }
|
||||||
// }
|
// }
|
||||||
*[data-pp]>.editmode-ps>a, .admin-subpart-area .content>.editmode-ps>a{
|
input[type=checkbox]:focus {
|
||||||
position: !important;
|
outline: 0.3125em auto -webkit-focus-ring-color;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -25,7 +25,6 @@
|
||||||
width: 35px;
|
width: 35px;
|
||||||
height: 35px;
|
height: 35px;
|
||||||
background-size: contain;
|
background-size: contain;
|
||||||
margin-top: 9px;
|
|
||||||
margin-right: 4px;
|
margin-right: 4px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -16,11 +16,14 @@ $theme-red: #d20001;
|
||||||
$theme-blue: #003d7e;
|
$theme-blue: #003d7e;
|
||||||
|
|
||||||
$theme-color-main: #333;
|
$theme-color-main: #333;
|
||||||
$theme-color-second:#a28e69;
|
$theme-color-second:#84714d;
|
||||||
$theme-color-third: #a28e69;
|
$theme-color-third: #84714d;
|
||||||
$theme-color-green: #a28e69;
|
$theme-color-green: #84714d;
|
||||||
$theme-color-hover:#4f2f26;
|
$theme-color-hover:#4f2f26;
|
||||||
|
|
||||||
|
.fa, .fa-classic, .fa-regular, .fa-solid, .far, .fas {
|
||||||
|
font-family: "Font Awesome 6 Free", FontAwesome;
|
||||||
|
}
|
||||||
// Font stacks
|
// Font stacks
|
||||||
$main-font: "Noto Sans TC", sans-serif;
|
$main-font: "Noto Sans TC", sans-serif;
|
||||||
$sub-font: "Noto Sans TC", sans-serif;
|
$sub-font: "Noto Sans TC", sans-serif;
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,11 @@
|
||||||
@charset "utf-8";
|
@charset "utf-8";
|
||||||
|
|
||||||
@import "../initial";
|
@import "../initial";
|
||||||
|
.line-it-button{
|
||||||
|
.label{
|
||||||
|
color: #333!important;
|
||||||
|
}
|
||||||
|
}
|
||||||
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
|
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
|
||||||
@media(max-width: $screen-xs){
|
@media(max-width: $screen-xs){
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
|
@ -269,12 +274,12 @@
|
||||||
}
|
}
|
||||||
.internal-page{
|
.internal-page{
|
||||||
.vk_borderBox_title_container{
|
.vk_borderBox_title_container{
|
||||||
background-color: #f68f46;
|
background-color: #bb5b16;
|
||||||
border-radius: 8px 8px 0 0;
|
border-radius: 8px 8px 0 0;
|
||||||
}
|
}
|
||||||
.vk_borderBox_body{
|
.vk_borderBox_body{
|
||||||
border-radius: 0 0 8px 8px;
|
border-radius: 0 0 8px 8px;
|
||||||
border: 2px solid #f68f46;
|
border: 2px solid #bb5b16;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -84,7 +84,7 @@
|
||||||
a {
|
a {
|
||||||
color: #333;
|
color: #333;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
padding:15px 15px 12px 15px;
|
padding:5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (min-width:1025px) {
|
@media (min-width:1025px) {
|
||||||
|
|
|
||||||
|
|
@ -8,6 +8,7 @@
|
||||||
|
|
||||||
// Widget
|
// Widget
|
||||||
// ## gerenral styles
|
// ## gerenral styles
|
||||||
|
|
||||||
ul.button-mid{
|
ul.button-mid{
|
||||||
.prev-button{
|
.prev-button{
|
||||||
height: 2em !important;
|
height: 2em !important;
|
||||||
|
|
@ -30,13 +31,36 @@ ul.button-mid{
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
ul.button-mid{
|
.button-mid {
|
||||||
margin:0;
|
position: absolute;
|
||||||
z-index: 201;
|
width: 100%;
|
||||||
|
height: 0;
|
||||||
|
top: 50%;
|
||||||
|
z-index: 201;
|
||||||
}
|
}
|
||||||
.banner-pager .active-slide button{
|
.banner-pager .active-slide button{
|
||||||
background: $theme-color-second!important;
|
background: $theme-color-second!important;
|
||||||
}
|
}
|
||||||
|
.w-ba-banner .button-mid {
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
height: 0;
|
||||||
|
top: 50%;
|
||||||
|
z-index: 201;
|
||||||
|
}
|
||||||
|
.next-button, .prev-button {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.w-ba-banner .button-mid {
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
height: 0;
|
||||||
|
top: 50%;
|
||||||
|
z-index: 201;
|
||||||
|
}
|
||||||
|
.next-button, .prev-button {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
iframe{
|
iframe{
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
@ -252,12 +276,12 @@ ul.button-mid{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
.banner-pager {
|
// .banner-pager {
|
||||||
right: 1em;
|
// right: 1em;
|
||||||
top: -2em;
|
// top: -2em;
|
||||||
z-index: 100;
|
// z-index: 100;
|
||||||
display: none;
|
// display: none;
|
||||||
}
|
// }
|
||||||
.button-mid{
|
.button-mid{
|
||||||
z-index: 101;
|
z-index: 101;
|
||||||
}
|
}
|
||||||
|
|
@ -375,12 +399,12 @@ ul.button-mid{
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.banner-pager {
|
// .banner-pager {
|
||||||
right: 1em;
|
// right: 1em;
|
||||||
top: -2em;
|
// top: -2em;
|
||||||
z-index: 100;
|
// z-index: 100;
|
||||||
display: none;
|
// display: none;
|
||||||
}
|
// }
|
||||||
}
|
}
|
||||||
|
|
||||||
// Widget 3
|
// Widget 3
|
||||||
|
|
|
||||||
|
|
@ -2672,12 +2672,6 @@
|
||||||
.i-annc__entry-title {
|
.i-annc__entry-title {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
display: -webkit-box;
|
|
||||||
-webkit-line-clamp: 2;
|
|
||||||
-webkit-box-orient: vertical;
|
|
||||||
overflow: hidden;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
// clear: both;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.i-annc__title {
|
.i-annc__title {
|
||||||
|
|
@ -2685,6 +2679,11 @@
|
||||||
color: $theme-color-main;
|
color: $theme-color-main;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
@extend .i-title;
|
@extend .i-title;
|
||||||
|
display: -webkit-box;
|
||||||
|
-webkit-line-clamp: 2;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
overflow: hidden;
|
||||||
&:hover {
|
&:hover {
|
||||||
color: $theme-color-second;
|
color: $theme-color-second;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -148,16 +148,19 @@
|
||||||
.i-archive-title {
|
.i-archive-title {
|
||||||
@extend .unity-title;
|
@extend .unity-title;
|
||||||
}
|
}
|
||||||
.link{margin-left: 0.5em;}
|
/* 2. 對應的檔案顏色 (轉為 iOS 半透明色調) */
|
||||||
.txt { background-color: #6dbb73; margin-left: 0.5em;}
|
.link { background-color: #1368d4 !important; margin-left: 0.5em; } /* 對比 4.6:1 */
|
||||||
.xlsx { background-color: #bb6d7f; margin-left: 0.5em;}
|
.txt { background-color: #2a7e31 !important; margin-left: 0.5em; } /* 對比 4.6:1 */
|
||||||
.pdf { background-color: #3b8347; margin-left: 0.5em;}
|
.xlsx { background-color: #9e3050 !important; margin-left: 0.5em; } /* 對比 4.6:1 */
|
||||||
.docx { background-color: #846dbb; margin-left: 0.5em;}
|
.pdf { background-color: #2a7d36 !important; margin-left: 0.5em; } /* 對比 4.6:1 */
|
||||||
.pptx { background-color: #6d77bb; margin-left: 0.5em;}
|
.docx { background-color: #5e46a0 !important; margin-left: 0.5em; } /* 對比 4.6:1 */
|
||||||
.jpg { background-color: #bb6d6d; margin-left: 0.5em;}
|
.doc { background-color: #1368d4 !important; margin-left: 0.5em; } /* 對比 4.6:1 */
|
||||||
.zip { background-color: #dcb957; margin-left: 0.5em;}
|
.pptx { background-color: #3d4aa0 !important; margin-left: 0.5em; } /* 對比 4.6:1 */
|
||||||
.docx{margin-left: 0.5em;}
|
.jpg { background-color: #8f3333 !important; margin-left: 0.5em; } /* 對比 4.6:1 */
|
||||||
.odt{margin-left: 0.5em;}
|
.zip { background-color: #8a6400 !important; margin-left: 0.5em; } /* 對比 4.6:1 */
|
||||||
|
.rar { background-color: #9e5000 !important; margin-left: 0.5em; } /* 對比 4.6:1 */
|
||||||
|
.xls { background-color: #2a7e31 !important; margin-left: 0.5em; } /* 對比 4.6:1 */
|
||||||
|
.odt { background-color: #767676 !important; margin-left: 0.5em; } /* 對比 4.6:1 */
|
||||||
.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th{
|
.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th{
|
||||||
// border-top: 0.0625em solid #ddd;
|
// border-top: 0.0625em solid #ddd;
|
||||||
}
|
}
|
||||||
|
|
@ -537,6 +540,7 @@
|
||||||
}
|
}
|
||||||
li{
|
li{
|
||||||
list-style: none;
|
list-style: none;
|
||||||
|
margin-bottom: 0.5em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.index-archive-15{
|
.index-archive-15{
|
||||||
|
|
|
||||||
|
|
@ -492,7 +492,6 @@
|
||||||
.i-annc__list {
|
.i-annc__list {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
justify-content: center;
|
|
||||||
}
|
}
|
||||||
.i-annc__title {
|
.i-annc__title {
|
||||||
font-family: $main-font;
|
font-family: $main-font;
|
||||||
|
|
|
||||||
|
|
@ -14,18 +14,18 @@
|
||||||
.i-member-pic-wrap{
|
.i-member-pic-wrap{
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
.i-member-item{
|
// .i-member-item{
|
||||||
&:hover{
|
// &:hover{
|
||||||
img{
|
// img{
|
||||||
transform: scale(1.1) !important;
|
// transform: scale(1.1) !important;
|
||||||
-webkit-transition: .3s ease-out;
|
// -webkit-transition: .3s ease-out;
|
||||||
-moz-transition: .3s ease-out;
|
// -moz-transition: .3s ease-out;
|
||||||
-ms-transition: .3s ease-out;
|
// -ms-transition: .3s ease-out;
|
||||||
-o-transition: .3s ease-out;
|
// -o-transition: .3s ease-out;
|
||||||
transition: .3s ease-out;
|
// transition: .3s ease-out;
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
// Index 1
|
// Index 1
|
||||||
.index-member-1 {
|
.index-member-1 {
|
||||||
.i-member__status-title {
|
.i-member__status-title {
|
||||||
|
|
|
||||||
|
|
@ -91,9 +91,6 @@
|
||||||
transition: all .3s ease;
|
transition: all .3s ease;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.header-nav{
|
|
||||||
display: none!important;
|
|
||||||
}
|
|
||||||
-webkit-transition: all .3s ease;
|
-webkit-transition: all .3s ease;
|
||||||
-moz-transition: all .3s ease;
|
-moz-transition: all .3s ease;
|
||||||
-ms-transition: all .3s ease;
|
-ms-transition: all .3s ease;
|
||||||
|
|
@ -426,7 +423,7 @@
|
||||||
box-shadow: 2px 2px 5px #00000033;
|
box-shadow: 2px 2px 5px #00000033;
|
||||||
margin:0;
|
margin:0;
|
||||||
transition-duration: 0.5s;
|
transition-duration: 0.5s;
|
||||||
background: #f0f0f0;
|
background-color: $theme-color-second;
|
||||||
& > a {
|
& > a {
|
||||||
padding: 1em 1.5em;
|
padding: 1em 1.5em;
|
||||||
}
|
}
|
||||||
|
|
@ -570,13 +567,13 @@
|
||||||
}
|
}
|
||||||
.navbar-toggle {
|
.navbar-toggle {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 1em;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
top: 40px;
|
top: 40px;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
height: 100vh;
|
height: 93vh;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
width: 20%;
|
width: 13%;
|
||||||
border: 0;
|
border: 0;
|
||||||
}
|
}
|
||||||
.cover {
|
.cover {
|
||||||
|
|
|
||||||
|
|
@ -795,6 +795,23 @@ a.ui-state-default{
|
||||||
// color: #fff;
|
// color: #fff;
|
||||||
// margin-top: 1em;
|
// margin-top: 1em;
|
||||||
}
|
}
|
||||||
|
input:focus {
|
||||||
|
border-color: rgba(82, 168, 236, 0.8);
|
||||||
|
outline: 0;
|
||||||
|
outline: thin dotted \9;
|
||||||
|
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
|
||||||
|
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
|
||||||
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
|
||||||
|
border-radius: 1em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.btn-search:focus {
|
||||||
|
border-color: rgba(82, 168, 236, 0.8);
|
||||||
|
outline: 0;
|
||||||
|
outline: thin dotted \9;
|
||||||
|
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
|
||||||
|
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
|
||||||
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
|
||||||
}
|
}
|
||||||
.search-box{
|
.search-box{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
|
||||||
|
|
@ -20,7 +20,7 @@
|
||||||
data-cycle-title="{{title}}"
|
data-cycle-title="{{title}}"
|
||||||
data-cycle-desc="{{context}}"
|
data-cycle-desc="{{context}}"
|
||||||
data-overlay-template="<h3>{{title}}</h3><p>{{desc}}</p>"
|
data-overlay-template="<h3>{{title}}</h3><p>{{desc}}</p>"
|
||||||
data-target="{{target}}"
|
data-bs-target="{{target}}"
|
||||||
>
|
>
|
||||||
<a href="{{link}}" target="{{target}}" title="{{alt_title}}">
|
<a href="{{link}}" target="{{target}}" title="{{alt_title}}">
|
||||||
<img class="w-ad-banner__image 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}}">
|
||||||
|
|
@ -65,7 +65,22 @@
|
||||||
})
|
})
|
||||||
$('[data-subpart-id="{{subpart-id}}"] .prev-button').click(function(){
|
$('[data-subpart-id="{{subpart-id}}"] .prev-button').click(function(){
|
||||||
$(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle("prev");
|
$(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle("prev");
|
||||||
})
|
});
|
||||||
|
/* 修正點:處理 Pager 無障礙朗讀文字 */
|
||||||
|
$('.cycle-slideshow').on('cycle-post-initialize', function(event, optionHash) {
|
||||||
|
var $container = $(this).closest('.w-ba-banner');
|
||||||
|
var $slides = $(this).find('.w-ba-banner__slide');
|
||||||
|
var $pagerButtons = $container.find(".banner-pager button");
|
||||||
|
|
||||||
|
$pagerButtons.each(function(index) {
|
||||||
|
var slideTitle = $slides.eq(index).data('cycle-title') || "";
|
||||||
|
var ariaLabel = "第 " + (index + 1) + " 張投影片 " + slideTitle;
|
||||||
|
$(this).attr({
|
||||||
|
"aria-label": ariaLabel,
|
||||||
|
"title": ariaLabel
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
</script>
|
</script>
|
||||||
<style type="text/css">
|
<style type="text/css">
|
||||||
.w-ba-banner .controlplay .resume-slide.active i{
|
.w-ba-banner .controlplay .resume-slide.active i{
|
||||||
|
|
|
||||||
|
|
@ -21,7 +21,7 @@
|
||||||
data-cycle-title="{{title}}"
|
data-cycle-title="{{title}}"
|
||||||
data-cycle-desc="{{context}}"
|
data-cycle-desc="{{context}}"
|
||||||
data-overlay-template="<h3>{{title}}</h3>{{desc}}"
|
data-overlay-template="<h3>{{title}}</h3>{{desc}}"
|
||||||
data-target="{{target}}"
|
data-bs-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-ba-banner__image banner-responsive" src="{{image_link}}" alt="{{alt_title}}">
|
||||||
|
|
@ -41,24 +41,62 @@
|
||||||
<p style="display: none;"><%= I18n.t("ad_banner.pause") %></p>
|
<p style="display: none;"><%= I18n.t("ad_banner.pause") %></p>
|
||||||
</a>
|
</a>
|
||||||
</ul>
|
</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" %>"></i>
|
<i class="fa fa-angle-left prev-button" aria-label="<%= I18n.t("ad_banner.prev") %>"></i>
|
||||||
<i class="fa fa-angle-right next-button" aria-hidden="true" title = "<%= (I18n.locale.to_s =="zh_tw") ? "下一張" : "next" %>"></i>
|
<i class="fa fa-angle-right next-button" aria-label="<%= I18n.t("ad_banner.next") %>"></i>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<script>
|
<script>
|
||||||
var flag = 1;
|
$('[data-subpart-id="{{subpart-id}}"] .pause-slide').click(function(){
|
||||||
$('.pause-slide').click(function(){
|
$(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle('pause');
|
||||||
$(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle('pause');
|
$(this).addClass('active')
|
||||||
});
|
$(this).parents('.controlplay').eq(0).find('.resume-slide').removeClass('active')
|
||||||
$('.resume-slide').click(function(){
|
});
|
||||||
$(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle('resume');
|
$('[data-subpart-id="{{subpart-id}}"] .resume-slide').click(function(){
|
||||||
});
|
$(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle('resume');
|
||||||
$('.next-button').off('click').on('click',function(){
|
$(this).addClass('active')
|
||||||
$(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle("next");
|
$(this).parents('.controlplay').eq(0).find('.pause-slide').removeClass('active')
|
||||||
|
});
|
||||||
|
$('[data-subpart-id="{{subpart-id}}"] .next-button').click(function(){
|
||||||
|
$(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle("next");
|
||||||
|
|
||||||
})
|
})
|
||||||
$('.prev-button').off('click').on('click',function(){
|
$('[data-subpart-id="{{subpart-id}}"] .prev-button').click(function(){
|
||||||
$(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle("prev");
|
$(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle("prev");
|
||||||
})
|
});
|
||||||
|
/* 修正點:處理 Pager 無障礙朗讀文字 */
|
||||||
|
$('.cycle-slideshow').on('cycle-post-initialize', function(event, optionHash) {
|
||||||
|
var $container = $(this).closest('.w-ba-banner');
|
||||||
|
var $slides = $(this).find('.w-ba-banner__slide');
|
||||||
|
var $pagerButtons = $container.find(".banner-pager button");
|
||||||
|
|
||||||
|
$pagerButtons.each(function(index) {
|
||||||
|
var slideTitle = $slides.eq(index).data('cycle-title') || "";
|
||||||
|
var ariaLabel = "第 " + (index + 1) + " 張投影片 " + slideTitle;
|
||||||
|
$(this).attr({
|
||||||
|
"aria-label": ariaLabel,
|
||||||
|
"title": ariaLabel
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
</script>
|
</script>
|
||||||
|
<style type="text/css">
|
||||||
|
.w-ba-banner .controlplay .resume-slide.active i{
|
||||||
|
color: #32D9C3;
|
||||||
|
}
|
||||||
|
.w-ba-banner .controlplay .pause-slide.active i{
|
||||||
|
color: #ff4500;
|
||||||
|
}
|
||||||
|
.w-ba-banner .controlplay{
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
.w-ba-banner .button-mid{
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
height: 0;
|
||||||
|
top: 50%;
|
||||||
|
}
|
||||||
|
.next-button,.prev-button{
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -7,7 +7,7 @@
|
||||||
|
|
||||||
<div class="w-annc__img-wrap ">
|
<div class="w-annc__img-wrap ">
|
||||||
<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}">
|
<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}">
|
||||||
<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}}">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="w-annc__meta">
|
<div class="w-annc__meta">
|
||||||
|
|
|
||||||
|
|
@ -27,7 +27,7 @@
|
||||||
<li class="w-annc__item " >
|
<li class="w-annc__item " >
|
||||||
<div class="w-annc__img-wrap bullseye" style="position:relative">
|
<div class="w-annc__img-wrap bullseye" style="position:relative">
|
||||||
<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}">
|
<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}">
|
||||||
<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}}">
|
||||||
<div class="transitionfade"></div>
|
<div class="transitionfade"></div>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -22,7 +22,7 @@
|
||||||
|
|
||||||
<div class="w-annc__item">
|
<div class="w-annc__item">
|
||||||
<div class="w-annc__img-wrap">
|
<div class="w-annc__img-wrap">
|
||||||
<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}}">
|
||||||
</div>
|
</div>
|
||||||
<div class="w-annc__content-wrap">
|
<div class="w-annc__content-wrap">
|
||||||
<div class="w-annc__meta">
|
<div class="w-annc__meta">
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,7 @@
|
||||||
<li class="w-annc__item col-sm-4">
|
<li class="w-annc__item col-sm-4">
|
||||||
<div class="w-annc__img-wrap">
|
<div class="w-annc__img-wrap">
|
||||||
<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}">
|
<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}">
|
||||||
<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}}">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="w-annc__content-wrap">
|
<div class="w-annc__content-wrap">
|
||||||
|
|
|
||||||
|
|
@ -6,7 +6,7 @@
|
||||||
<li class="w-annc__item row">
|
<li class="w-annc__item row">
|
||||||
<div class="w-annc__img-wrap col-sm-4 bullseye">
|
<div class="w-annc__img-wrap col-sm-4 bullseye">
|
||||||
<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}">
|
<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}">
|
||||||
<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}}">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="w-annc__content-wrap col-sm-8">
|
<div class="w-annc__content-wrap col-sm-8">
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,7 @@
|
||||||
<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" >
|
||||||
<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}">
|
<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}">
|
||||||
<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}}">
|
||||||
<div class="transitionfade"></div>
|
<div class="transitionfade"></div>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -27,7 +27,7 @@
|
||||||
<li class="w-annc__item">
|
<li class="w-annc__item">
|
||||||
<div class="w-annc__img-wrap bullseye" >
|
<div class="w-annc__img-wrap bullseye" >
|
||||||
<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}">
|
<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}">
|
||||||
<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}}">
|
||||||
<div class="transitionfade"></div>
|
<div class="transitionfade"></div>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -7,7 +7,7 @@
|
||||||
|
|
||||||
<div class="w-annc__img-wrap ">
|
<div class="w-annc__img-wrap ">
|
||||||
<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}">
|
<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}">
|
||||||
<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}}">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="w-annc__meta">
|
<div class="w-annc__meta">
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,7 @@
|
||||||
<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" >
|
||||||
<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}">
|
<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}">
|
||||||
<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}}">
|
||||||
<div class="transitionfade"></div>
|
<div class="transitionfade"></div>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -29,7 +29,7 @@
|
||||||
<li class="w-annc__item">
|
<li class="w-annc__item">
|
||||||
<div class="w-annc__img-wrap bullseye" >
|
<div class="w-annc__img-wrap bullseye" >
|
||||||
<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}">
|
<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}">
|
||||||
<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}}">
|
||||||
<div class="transitionfade"></div>
|
<div class="transitionfade"></div>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -7,7 +7,7 @@
|
||||||
|
|
||||||
<div class="w-annc__img-wrap ">
|
<div class="w-annc__img-wrap ">
|
||||||
<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}">
|
<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}">
|
||||||
<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}}">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="w-annc__content-wrap card">
|
<div class="w-annc__content-wrap card">
|
||||||
|
|
|
||||||
|
|
@ -24,7 +24,7 @@
|
||||||
<p class="w-annc__subtitle">{{subtitle}}</p>
|
<p class="w-annc__subtitle">{{subtitle}}</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="w-annc__img-wrap col-sm-4 bullseye">
|
<div class="w-annc__img-wrap col-sm-4 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}}">
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,7 @@
|
||||||
<li class="w-annc__item col-md-4">
|
<li class="w-annc__item col-md-4">
|
||||||
<div class="w-annc__img-wrap bullseye" style="position:relative">
|
<div class="w-annc__img-wrap bullseye" style="position:relative">
|
||||||
<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}">
|
<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}">
|
||||||
<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}}">
|
||||||
<div class="transitionfade"></div>
|
<div class="transitionfade"></div>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -3,7 +3,7 @@
|
||||||
<ul class="i-annc__list row" data-level="0" data-list="announcements">
|
<ul class="i-annc__list row" data-level="0" data-list="announcements">
|
||||||
<li class="i-annc__item rotate0">
|
<li class="i-annc__item rotate0">
|
||||||
<div class="i-annc__img-wrap bullseye">
|
<div class="i-annc__img-wrap bullseye">
|
||||||
<a href="{{link_to_show}}" alt="{{img_description}}" title="{{img_description}}">
|
<a href="{{link_to_show}}" title="{{img_description}}">
|
||||||
<img class="i-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
<img class="i-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -2,9 +2,9 @@
|
||||||
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
|
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
|
||||||
<ul class="i-annc__list row" data-level="0" data-list="announcements">
|
<ul class="i-annc__list row" data-level="0" data-list="announcements">
|
||||||
<li class="i-annc__item col-md-3 col-sm-3">
|
<li class="i-annc__item col-md-3 col-sm-3">
|
||||||
<a href="{{link_to_show}}" alt="{{img_description}}" title="{{img_description}}">
|
<a href="{{link_to_show}}" title="{{img_description}}">
|
||||||
<div class="i-annc__img-wrap bullseye">
|
<div class="i-annc__img-wrap bullseye">
|
||||||
<img class="i-annc__img" src="{{img_src}}" alt="" title="{{img_description}}">
|
<img class="i-annc__img" src="{{img_src}}" alt="{{img_description}}">
|
||||||
</div>
|
</div>
|
||||||
<div class="i-annc__content-wrap">
|
<div class="i-annc__content-wrap">
|
||||||
<div class="i-annc__meta">
|
<div class="i-annc__meta">
|
||||||
|
|
|
||||||
|
|
@ -2,10 +2,10 @@
|
||||||
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
|
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
|
||||||
<ul class="i-annc__list" data-level="0" data-list="announcements">
|
<ul class="i-annc__list" data-level="0" data-list="announcements">
|
||||||
<li class="i-annc__item row">
|
<li class="i-annc__item row">
|
||||||
<a href="{{link_to_show}}" alt="{{img_description}}" title="{{img_description}}">
|
<a href="{{link_to_show}}" title="{{img_description}}">
|
||||||
<div class="i-annc__img-wrap col-sm-4">
|
<div class="i-annc__img-wrap col-sm-4">
|
||||||
|
|
||||||
<img class="i-annc__img" src="{{img_src}}" alt="" title="{{img_description}}">
|
<img class="i-annc__img" src="{{img_src}}" alt="{{img_description}}">
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="i-annc__content-wrap col-sm-8">
|
<div class="i-annc__content-wrap col-sm-8">
|
||||||
|
|
|
||||||
|
|
@ -2,7 +2,7 @@
|
||||||
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
|
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
|
||||||
<ul class="i-annc__list" data-level="0" data-list="announcements">
|
<ul class="i-annc__list" data-level="0" data-list="announcements">
|
||||||
<li class="i-annc__item row">
|
<li class="i-annc__item row">
|
||||||
<a href="{{link_to_show}}" alt="{{img_description}}" title="{{img_description}}">
|
<a href="{{link_to_show}}" title="{{img_description}}">
|
||||||
<div class="i-annc__content-wrap col-sm-8">
|
<div class="i-annc__content-wrap col-sm-8">
|
||||||
<div class="i-annc__meta">
|
<div class="i-annc__meta">
|
||||||
<span class="i-annc__status-wrap" data-list="statuses" data-level="1">
|
<span class="i-annc__status-wrap" data-list="statuses" data-level="1">
|
||||||
|
|
@ -23,7 +23,7 @@
|
||||||
<p class="i-annc__subtitle">{{subtitle}}</p>
|
<p class="i-annc__subtitle">{{subtitle}}</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="i-annc__img-wrap col-sm-4">
|
<div class="i-annc__img-wrap col-sm-4">
|
||||||
<img class="i-annc__img" src="{{img_src}}" alt="" title="{{img_description}}">
|
<img class="i-annc__img" src="{{img_src}}" alt="{{img_description}}">
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
|
|
||||||
|
|
@ -7,7 +7,7 @@
|
||||||
<div class="panel-heading" style="padding: 0.625em 0.9375em;">
|
<div class="panel-heading" style="padding: 0.625em 0.9375em;">
|
||||||
<h4 class="panel-title">
|
<h4 class="panel-title">
|
||||||
<i class="fa fa-file-text" aria-hidden="true"></i>
|
<i class="fa fa-file-text" aria-hidden="true"></i>
|
||||||
<a data-toggle="collapse" data-parent="#index-archive-group" href="#collapse" class="collapsed" style="padding: 0;display: inline-block;">
|
<a role="button" data-toggle="collapse" data-parent="#index-archive-group" href="#collapse" class="collapsed" style="padding: 0;display: inline-block;">
|
||||||
{{category-title}}
|
{{category-title}}
|
||||||
<i class="fa fa-chevron-down" aria-hidden="true"></i>
|
<i class="fa fa-chevron-down" aria-hidden="true"></i>
|
||||||
</a>
|
</a>
|
||||||
|
|
|
||||||
|
|
@ -7,7 +7,7 @@
|
||||||
<div class="panel-heading" style="padding: 0.625em 0.9375em;">
|
<div class="panel-heading" style="padding: 0.625em 0.9375em;">
|
||||||
<h4 class="panel-title">
|
<h4 class="panel-title">
|
||||||
<i class="fa fa-file-text" aria-hidden="true"></i>
|
<i class="fa fa-file-text" aria-hidden="true"></i>
|
||||||
<a data-toggle="collapse" data-parent="#index-archive-group" href="#collapse" class="collapsed" style="padding: 0;display: inline-block;">
|
<a role="button" data-toggle="collapse" data-parent="#index-archive-group" href="#collapse" class="collapsed" style="padding: 0;display: inline-block;">
|
||||||
{{archive-title}}
|
{{archive-title}}
|
||||||
<i class="fa fa-chevron-down" aria-hidden="true"></i>
|
<i class="fa fa-chevron-down" aria-hidden="true"></i>
|
||||||
</a>
|
</a>
|
||||||
|
|
@ -18,8 +18,7 @@
|
||||||
<div class="panel-body">
|
<div class="panel-body">
|
||||||
<ul class="i-archive-files-list" data-list="files" data-level="2">
|
<ul class="i-archive-files-list" data-list="files" data-level="2">
|
||||||
<li>
|
<li>
|
||||||
<a href="{{file-url}}" class="i-archive-files-item" target="{{target}}" title="{{file-name}}">{{file-name}}</a>
|
<a href="{{file-url}}" class="i-archive-files-item" target="{{target}}" title="{{file-name}}">{{file-name}}<span class="label label-primary {{file-type}}">{{file-type}}</span></a>
|
||||||
<span class="label label-primary {{file-type}}">{{file-type}}</span>
|
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -8,7 +8,7 @@
|
||||||
<h4 class="panel-title">
|
<h4 class="panel-title">
|
||||||
<div class="date col-sm-2">{{created_at}}</div>
|
<div class="date col-sm-2">{{created_at}}</div>
|
||||||
<i class="fa fa-file-text" aria-hidden="true"></i>
|
<i class="fa fa-file-text" aria-hidden="true"></i>
|
||||||
<a data-toggle="collapse" data-parent="#index-archive-group" href="#collapse" class="collapsed" style="padding: 0;display: inline-block;">
|
<a role="button" data-toggle="collapse" data-parent="#index-archive-group" href="#collapse" class="collapsed" style="padding: 0;display: inline-block;">
|
||||||
{{archive-title}}
|
{{archive-title}}
|
||||||
<i class="fa fa-chevron-down" aria-hidden="true"></i>
|
<i class="fa fa-chevron-down" aria-hidden="true"></i>
|
||||||
</a>
|
</a>
|
||||||
|
|
|
||||||
|
|
@ -6,7 +6,7 @@
|
||||||
<div class="panel panel-default">
|
<div class="panel panel-default">
|
||||||
<div class="panel-heading">
|
<div class="panel-heading">
|
||||||
<h4 class="panel-title">
|
<h4 class="panel-title">
|
||||||
<a data-toggle="collapse" data-parent="#index-archive-group" href="#collapse" class="collapsed" title="{{category-title}}">
|
<a data-toggle="collapse" data-parent="#index-archive-group" href="#collapse" class="collapsed" title="{{category-title}}" role="button">
|
||||||
<i class="fa fa-th-list"></i>
|
<i class="fa fa-th-list"></i>
|
||||||
{{category-title}}
|
{{category-title}}
|
||||||
</a>
|
</a>
|
||||||
|
|
|
||||||
|
|
@ -6,7 +6,7 @@
|
||||||
<div class="panel panel-default">
|
<div class="panel panel-default">
|
||||||
<div class="panel-heading">
|
<div class="panel-heading">
|
||||||
<h4 class="panel-title">
|
<h4 class="panel-title">
|
||||||
<a data-toggle="collapse" data-parent="#index-archive-group" href="#collapse" class="collapsed" title="{{category-title}}">
|
<a data-toggle="collapse" data-parent="#index-archive-group" href="#collapse" class="collapsed" title="{{category-title}}" role="button">
|
||||||
<i class="fa fa-th-list"></i>{{category-title}}
|
<i class="fa fa-th-list"></i>{{category-title}}
|
||||||
</a>
|
</a>
|
||||||
</h4>
|
</h4>
|
||||||
|
|
|
||||||
|
|
@ -5,7 +5,7 @@
|
||||||
<ul class="w-annc__list" data-level="0" data-list="custom_announcements">
|
<ul class="w-annc__list" data-level="0" data-list="custom_announcements">
|
||||||
<li class="w-annc__item">
|
<li class="w-annc__item">
|
||||||
<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}}">
|
||||||
</div>
|
</div>
|
||||||
<div class="w-annc__meta">
|
<div class="w-annc__meta">
|
||||||
<span class="w-annc__status-wrap" data-list="statuses" data-level="1">
|
<span class="w-annc__status-wrap" data-list="statuses" data-level="1">
|
||||||
|
|
|
||||||
|
|
@ -12,7 +12,7 @@
|
||||||
<ul class="w-annc__list row" data-level="0" data-list="custom_announcements">
|
<ul class="w-annc__list row" data-level="0" data-list="custom_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}}">
|
||||||
</div>
|
</div>
|
||||||
<div class="w-annc__content-wrap">
|
<div class="w-annc__content-wrap">
|
||||||
<div class="w-annc__meta">
|
<div class="w-annc__meta">
|
||||||
|
|
|
||||||
|
|
@ -27,7 +27,7 @@
|
||||||
|
|
||||||
<div class="w-annc__item">
|
<div class="w-annc__item">
|
||||||
<div class="w-annc__img-wrap">
|
<div class="w-annc__img-wrap">
|
||||||
<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}}">
|
||||||
</div>
|
</div>
|
||||||
<div class="w-annc__content-wrap">
|
<div class="w-annc__content-wrap">
|
||||||
<div class="w-annc__meta">
|
<div class="w-annc__meta">
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,7 @@
|
||||||
<li class="w-annc__item col-md-4">
|
<li class="w-annc__item col-md-4">
|
||||||
<div class="w-annc__img-wrap">
|
<div class="w-annc__img-wrap">
|
||||||
<a href="{{link_to_show}}" title="{{title}}">
|
<a href="{{link_to_show}}" title="{{title}}">
|
||||||
<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}}">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="w-annc__content-wrap">
|
<div class="w-annc__content-wrap">
|
||||||
|
|
|
||||||
|
|
@ -5,7 +5,7 @@
|
||||||
<ul class="w-annc__list" data-level="0" data-list="custom_announcements">
|
<ul class="w-annc__list" data-level="0" data-list="custom_announcements">
|
||||||
<li class="w-annc__item row">
|
<li class="w-annc__item row">
|
||||||
<div class="w-annc__img-wrap col-sm-4 bullseye">
|
<div class="w-annc__img-wrap col-sm-4 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}}">
|
||||||
</div>
|
</div>
|
||||||
<div class="w-annc__content-wrap col-sm-8">
|
<div class="w-annc__content-wrap col-sm-8">
|
||||||
<div class="w-annc__meta">
|
<div class="w-annc__meta">
|
||||||
|
|
|
||||||
|
|
@ -24,7 +24,7 @@
|
||||||
<p class="w-annc__subtitle">{{subtitle}}</p>
|
<p class="w-annc__subtitle">{{subtitle}}</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="w-annc__img-wrap col-sm-4 bullseye">
|
<div class="w-annc__img-wrap col-sm-4 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}}">
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
|
||||||
|
|
@ -8,7 +8,7 @@
|
||||||
<ul class="w-annc__list row" data-level="0" data-list="custom_announcements">
|
<ul class="w-annc__list row" data-level="0" data-list="custom_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}}">
|
||||||
</div>
|
</div>
|
||||||
<div class="w-annc__content-wrap">
|
<div class="w-annc__content-wrap">
|
||||||
<div class="w-annc__meta">
|
<div class="w-annc__meta">
|
||||||
|
|
|
||||||
|
|
@ -6,7 +6,7 @@
|
||||||
<div class="index-content col-xs-4 col-sm-3">
|
<div class="index-content col-xs-4 col-sm-3">
|
||||||
<div class="index-content-inner">
|
<div class="index-content-inner">
|
||||||
<div class="index-pic">
|
<div class="index-pic">
|
||||||
<img class="img-thumbnail" src="{{thumb-src}}" alt="{{alt_title}}">
|
<img class="img-thumbnail" src="{{thumb-src}}" alt="{{album-name}}">
|
||||||
</div>
|
</div>
|
||||||
<section class="index-part">
|
<section class="index-part">
|
||||||
<h4 class="index-content-title">
|
<h4 class="index-content-title">
|
||||||
|
|
|
||||||
|
|
@ -6,7 +6,7 @@
|
||||||
<div class="index-content col-xs-4 col-sm-3">
|
<div class="index-content col-xs-4 col-sm-3">
|
||||||
<div class="index-content-inner">
|
<div class="index-content-inner">
|
||||||
<div class="index-pic">
|
<div class="index-pic">
|
||||||
<img class="img-thumbnail" src="{{thumb-src}}" alt="{{alt_title}}">
|
<img class="img-thumbnail" src="{{thumb-src}}" alt="{{album-name}}">
|
||||||
</div>
|
</div>
|
||||||
<section class="index-part">
|
<section class="index-part">
|
||||||
<h4 class="index-content-title">
|
<h4 class="index-content-title">
|
||||||
|
|
|
||||||
|
|
@ -6,7 +6,7 @@
|
||||||
<li class="w-annc__item">
|
<li class="w-annc__item">
|
||||||
<div class="w-annc__img-wrap bullseye">
|
<div class="w-annc__img-wrap bullseye">
|
||||||
<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}">
|
<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}">
|
||||||
<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}}">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="w-annc__meta">
|
<div class="w-annc__meta">
|
||||||
|
|
|
||||||
|
|
@ -24,7 +24,7 @@
|
||||||
<li class="w-annc__item">
|
<li class="w-annc__item">
|
||||||
<div class="w-annc__img-wrap bullseye" style="position:relative">
|
<div class="w-annc__img-wrap bullseye" style="position:relative">
|
||||||
<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}">
|
<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}">
|
||||||
<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}}">
|
||||||
<div class="transitionfade"></div>
|
<div class="transitionfade"></div>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -6,7 +6,7 @@
|
||||||
<li class="w-annc__item row">
|
<li class="w-annc__item row">
|
||||||
<div class="w-annc__img-wrap col-sm-4 bullseye">
|
<div class="w-annc__img-wrap col-sm-4 bullseye">
|
||||||
<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}">
|
<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}">
|
||||||
<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}}">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="w-annc__content-wrap col-sm-8">
|
<div class="w-annc__content-wrap col-sm-8">
|
||||||
|
|
|
||||||
|
|
@ -6,7 +6,7 @@
|
||||||
<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" >
|
||||||
<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}">
|
<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}">
|
||||||
<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}}">
|
||||||
<div class="transitionfade"></div>
|
<div class="transitionfade"></div>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -24,7 +24,7 @@
|
||||||
<li class="w-annc__item">
|
<li class="w-annc__item">
|
||||||
<div class="w-annc__img-wrap bullseye" >
|
<div class="w-annc__img-wrap bullseye" >
|
||||||
<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}">
|
<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}">
|
||||||
<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}}">
|
||||||
<div class="transitionfade"></div>
|
<div class="transitionfade"></div>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -21,7 +21,7 @@
|
||||||
<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">
|
||||||
<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}">
|
<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}">
|
||||||
<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}}">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="w-annc__content-wrap">
|
<div class="w-annc__content-wrap">
|
||||||
|
|
|
||||||
|
|
@ -24,7 +24,7 @@
|
||||||
<p class="w-annc__subtitle">{{subtitle}}</p>
|
<p class="w-annc__subtitle">{{subtitle}}</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="w-annc__img-wrap col-sm-4 bullseye">
|
<div class="w-annc__img-wrap col-sm-4 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}}">
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,7 @@
|
||||||
<li class="w-annc__item col-md-4">
|
<li class="w-annc__item col-md-4">
|
||||||
<div class="w-annc__img-wrap bullseye" style="position:relative">
|
<div class="w-annc__img-wrap bullseye" style="position:relative">
|
||||||
<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}">
|
<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}">
|
||||||
<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}}">
|
||||||
<div class="transitionfade"></div>
|
<div class="transitionfade"></div>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -4,7 +4,7 @@
|
||||||
<li class="i-annc__item row">
|
<li class="i-annc__item row">
|
||||||
<a href="{{link_to_show}}" title="{{img_description}}">
|
<a href="{{link_to_show}}" title="{{img_description}}">
|
||||||
<div class="i-annc__img-wrap col-sm-4">
|
<div class="i-annc__img-wrap col-sm-4">
|
||||||
<img class="i-annc__img" src="{{img_src}}" alt="" title="{{img_description}}">
|
<img class="i-annc__img" src="{{img_src}}" alt="{{img_description}}">
|
||||||
</div>
|
</div>
|
||||||
<div class="i-annc__content-wrap col-sm-8">
|
<div class="i-annc__content-wrap col-sm-8">
|
||||||
<div class="i-annc__meta">
|
<div class="i-annc__meta">
|
||||||
|
|
|
||||||
|
|
@ -23,7 +23,7 @@
|
||||||
<p class="i-annc__subtitle">{{subtitle}}</p>
|
<p class="i-annc__subtitle">{{subtitle}}</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="i-annc__img-wrap col-sm-4">
|
<div class="i-annc__img-wrap col-sm-4">
|
||||||
<img class="i-annc__img" src="{{img_src}}" alt="" title="{{img_description}}">
|
<img class="i-annc__img" src="{{img_src}}" alt="{{img_description}}">
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
|
|
||||||
|
|
@ -4,7 +4,7 @@
|
||||||
<li class="i-annc__item col-md-4">
|
<li class="i-annc__item col-md-4">
|
||||||
<a href="{{link_to_show}}" title="{{img_description}}">
|
<a href="{{link_to_show}}" title="{{img_description}}">
|
||||||
<div class="i-annc__img-wrap bullseye" style="position:relative">
|
<div class="i-annc__img-wrap bullseye" style="position:relative">
|
||||||
<img class="i-annc__img" src="{{img_src}}" alt="" title="{{img_description}}">
|
<img class="i-annc__img" src="{{img_src}}" alt="{{img_description}}">
|
||||||
</div>
|
</div>
|
||||||
<div class="i-annc__content-wrap">
|
<div class="i-annc__content-wrap">
|
||||||
<div class="i-annc__meta">
|
<div class="i-annc__meta">
|
||||||
|
|
|
||||||
|
|
@ -37,7 +37,7 @@
|
||||||
<section class="s-annc__post-wrap">
|
<section class="s-annc__post-wrap">
|
||||||
<div class="s-annc__sub-img2">
|
<div class="s-annc__sub-img2">
|
||||||
<div class="s-annc__sub-img {{hide_class}}">
|
<div class="s-annc__sub-img {{hide_class}}">
|
||||||
<img src="{{img_src}}"></img>
|
<img src="{{img_src}}" alt="{{img_description}}"></img>
|
||||||
<span class="s-annc__img_description">{{img_description}}</span>
|
<span class="s-annc__img_description">{{img_description}}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -37,7 +37,7 @@
|
||||||
<section class="s-annc__post-wrap">
|
<section class="s-annc__post-wrap">
|
||||||
<div class="s-annc__sub-img2">
|
<div class="s-annc__sub-img2">
|
||||||
<div class="s-annc__sub-img {{hide_class}}">
|
<div class="s-annc__sub-img {{hide_class}}">
|
||||||
<img src="{{img_src}}"></img>
|
<img src="{{img_src}}" alt="{{img_description}}"></img>
|
||||||
<span class="s-annc__img_description">{{img_description}}</span>
|
<span class="s-annc__img_description">{{img_description}}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -4,15 +4,16 @@
|
||||||
</h3>
|
</h3>
|
||||||
<div class="row" data-level="0" data-list="albums" style="display: flex;flex-wrap: wrap;">
|
<div class="row" data-level="0" data-list="albums" style="display: flex;flex-wrap: wrap;">
|
||||||
<div class="index-content col-sm-3">
|
<div class="index-content col-sm-3">
|
||||||
<a href="{{link_to_show}}" aria-label="前往{{page-title}}" title="{{page-title}}">
|
|
||||||
<div class="index-content-inner">
|
<div class="index-content-inner">
|
||||||
|
<a href="{{link_to_show}}" title="{{album-name}}">
|
||||||
<div class="index-pic">
|
<div class="index-pic">
|
||||||
<img class="img-thumbnail" src="{{thumb-src}}" alt="{{alt_title}}">
|
<img class="img-thumbnail" src="{{thumb-src}}" alt="{{album-name}}">
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
<div class="index-part">
|
<div class="index-part">
|
||||||
<h4 class="index-content-title">
|
<h4 class="index-content-title">
|
||||||
<a href="{{link_to_show}}" aria-label="前往{{page-title}}" title="{{page-title}}">{{album-name}}</a>
|
<a href="{{link_to_show}}" title="{{album-name}}">{{album-name}}</a>
|
||||||
</h4>
|
</h4>
|
||||||
<div class="index-img-description">{{album-description}}</div>
|
<div class="index-img-description">{{album-description}}</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -5,14 +5,14 @@
|
||||||
<div class="row" data-level="0" data-list="albums" style="display: flex;flex-wrap: wrap;">
|
<div class="row" data-level="0" data-list="albums" style="display: flex;flex-wrap: wrap;">
|
||||||
<div class="index-content">
|
<div class="index-content">
|
||||||
<div class="index-content-inner clearfix row">
|
<div class="index-content-inner clearfix row">
|
||||||
<a href="{{link_to_show}}" aria-label="前往{{page-title}}" title="{{page-title}}">
|
<a href="{{link_to_show}}" aria-label="前往{{album-name}}" title="{{album-name}}">
|
||||||
<div class="index-pic col-xs-5 col-sm-2">
|
<div class="index-pic col-xs-5 col-sm-2">
|
||||||
<img class="index-img" src="{{thumb-src}}" alt="{{alt_title}}">
|
<img class="index-img" src="{{thumb-src}}" alt="{{alt_title}}">
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
<div class="index-part col-xs-7 col-sm-10">
|
<div class="index-part col-xs-7 col-sm-10">
|
||||||
<h4 class="index-content-title">
|
<h4 class="index-content-title">
|
||||||
<a href="{{link_to_show}}" aria-label="前往{{page-title}}" title="{{page-title}}">{{album-name}}</a>
|
<a href="{{link_to_show}}" aria-label="前往{{album-name}}" title="{{album-name}}">{{album-name}}</a>
|
||||||
</h4>
|
</h4>
|
||||||
<div class="index-img-description">{{album-description}}</div>
|
<div class="index-img-description">{{album-description}}</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -4,15 +4,15 @@
|
||||||
</h3>
|
</h3>
|
||||||
<div class="row" data-level="0" data-list="albums" style="display: flex;flex-wrap: wrap;">
|
<div class="row" data-level="0" data-list="albums" style="display: flex;flex-wrap: wrap;">
|
||||||
<div class="index-content col-sm-3">
|
<div class="index-content col-sm-3">
|
||||||
<a href="{{link_to_show}}" aria-label="前往{{page-title}}" title="{{page-title}}">
|
<a href="{{link_to_show}}" aria-label="前往{{album-name}}" title="{{album-name}}">
|
||||||
<div class="index-content-inner">
|
<div class="index-content-inner">
|
||||||
<div class="index-pic">
|
<div class="index-pic">
|
||||||
<img class="img-thumbnail" src="{{thumb-src}}" alt="{{alt_title}}">
|
<img class="img-thumbnail" src="{{thumb-src}}" alt="{{album-name}}">
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
<div class="index-part">
|
<div class="index-part">
|
||||||
<h4 class="index-content-title">
|
<h4 class="index-content-title">
|
||||||
<a href="{{link_to_show}}" aria-label="前往{{page-title}}" title="{{page-title}}">{{album-name}}</a>
|
<a href="{{link_to_show}}" aria-label="前往{{album-name}}" title="{{album-name}}">{{album-name}}</a>
|
||||||
</h4>
|
</h4>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -5,14 +5,14 @@
|
||||||
<div class="row" data-level="0" data-list="albums" style="display: flex;flex-wrap: wrap;">
|
<div class="row" data-level="0" data-list="albums" style="display: flex;flex-wrap: wrap;">
|
||||||
<div class="index-content">
|
<div class="index-content">
|
||||||
<div class="index-content-inner clearfix row">
|
<div class="index-content-inner clearfix row">
|
||||||
<a href="{{link_to_show}}" aria-label="前往{{page-title}}" title="{{page-title}}">
|
<a href="{{link_to_show}}" aria-label="前往{{album-name}}" title="{{album-name}}">
|
||||||
<div class="index-pic col-xs-5 col-sm-2">
|
<div class="index-pic col-xs-5 col-sm-2">
|
||||||
<img class="index-img" src="{{thumb-src}}" alt="{{alt_title}}">
|
<img class="index-img" src="{{thumb-src}}" alt="{{alt_title}}">
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
<div class="index-part col-xs-7 col-sm-10">
|
<div class="index-part col-xs-7 col-sm-10">
|
||||||
<h4 class="index-content-title">
|
<h4 class="index-content-title">
|
||||||
<a href="{{link_to_show}}" aria-label="前往{{page-title}}" title="{{page-title}}">{{album-name}}</a>
|
<a href="{{link_to_show}}" aria-label="前往{{album-name}}" title="{{album-name}}">{{album-name}}</a>
|
||||||
</h4>
|
</h4>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -8,11 +8,11 @@
|
||||||
|
|
||||||
<div class="card-front">
|
<div class="card-front">
|
||||||
<div class="card-body" style="padding:0;">
|
<div class="card-body" style="padding:0;">
|
||||||
<a href="{{link_to_show}}" aria-label="前往{{page-title}}" title="{{page-title}}">
|
<a href="{{link_to_show}}" aria-label="前往{{album-name}}" title="{{album-name}}">
|
||||||
<img src="{{thumb-src}}"alt="{{alt_title}}">
|
<img src="{{thumb-src}}"alt="{{alt_title}}">
|
||||||
</a>
|
</a>
|
||||||
<div class="card-footer">
|
<div class="card-footer">
|
||||||
<a href="{{link_to_show}}" aria-label="前往{{page-title}}" title="{{page-title}}">
|
<a href="{{link_to_show}}" aria-label="前往{{album-name}}" title="{{album-name}}">
|
||||||
<h3 class="card-title">{{album-name}}</h3>
|
<h3 class="card-title">{{album-name}}</h3>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -6,14 +6,14 @@
|
||||||
<div class="index-content col-sm-3">
|
<div class="index-content col-sm-3">
|
||||||
|
|
||||||
<div class="index-content-inner">
|
<div class="index-content-inner">
|
||||||
<a href="{{link_to_show}}" aria-label="前往{{page-title}}" title="{{page-title}}">
|
<a href="{{link_to_show}}" aria-label="前往{{album-name}}" title="{{album-name}}">
|
||||||
<div class="index-pic">
|
<div class="index-pic">
|
||||||
<img class="img-thumbnail" src="{{thumb-src}}" alt="{{alt_title}}">
|
<img class="img-thumbnail" src="{{thumb-src}}" alt="{{album-name}}">
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
<section class="index-part">
|
<section class="index-part">
|
||||||
<h4 class="index-content-title">
|
<h4 class="index-content-title">
|
||||||
<a href="{{link_to_show}}" aria-label="前往{{page-title}}" title="{{page-title}}">{{album-name}}</a>
|
<a href="{{link_to_show}}" aria-label="前往{{album-name}}" title="{{album-name}}">{{album-name}}</a>
|
||||||
</h4>
|
</h4>
|
||||||
</section>
|
</section>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -8,7 +8,7 @@
|
||||||
<div class="i-member-item-inner clearfix">
|
<div class="i-member-item-inner clearfix">
|
||||||
<div class="i-member-pic-wrap col-sm-3">
|
<div class="i-member-pic-wrap col-sm-3">
|
||||||
<a href="{{link_to_show}}" title="{{name}}">
|
<a href="{{link_to_show}}" title="{{name}}">
|
||||||
<img class="i-member-pic img-thumbnail" src="{{image}}" title="{{name}}">
|
<img class="i-member-pic img-thumbnail" src="{{image}}" alt="{{name}}">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="i-member-profile-data-wrap col-sm-9">
|
<div class="i-member-profile-data-wrap col-sm-9">
|
||||||
|
|
|
||||||
|
|
@ -8,7 +8,7 @@
|
||||||
<div class="i-member-item-inner clearfix">
|
<div class="i-member-item-inner clearfix">
|
||||||
<div class="i-member-pic-wrap col-sm-4 col-xs-4">
|
<div class="i-member-pic-wrap col-sm-4 col-xs-4">
|
||||||
<a href="{{link_to_show}}" title="{{name}}">
|
<a href="{{link_to_show}}" title="{{name}}">
|
||||||
<img class="i-member-pic" src="{{image}}" title="{{name}}">
|
<img class="i-member-pic" src="{{image}}" alt="{{name}}">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="i-member-profile-data-wrap col-sm-8 col-xs-8">
|
<div class="i-member-profile-data-wrap col-sm-8 col-xs-8">
|
||||||
|
|
|
||||||
|
|
@ -8,7 +8,7 @@
|
||||||
<div class="i-member-item-inner clearfix">
|
<div class="i-member-item-inner clearfix">
|
||||||
<div class="i-member-pic-wrap">
|
<div class="i-member-pic-wrap">
|
||||||
<a href="{{link_to_show}}" title="{{name}}">
|
<a href="{{link_to_show}}" title="{{name}}">
|
||||||
<img class="i-member-pic" src="{{image}}" title="{{name}}">
|
<img class="i-member-pic" src="{{image}}" alt="{{name}}">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="i-member-profile-data-wrap">
|
<div class="i-member-profile-data-wrap">
|
||||||
|
|
|
||||||
|
|
@ -8,7 +8,7 @@
|
||||||
<div class="i-member-item-inner clearfix">
|
<div class="i-member-item-inner clearfix">
|
||||||
<div class="i-member-pic-wrap">
|
<div class="i-member-pic-wrap">
|
||||||
<a href="{{link_to_show}}" title="{{name}}">
|
<a href="{{link_to_show}}" title="{{name}}">
|
||||||
<img class="i-member-pic" src="{{image}}" title="{{name}}">
|
<img class="i-member-pic" src="{{image}}" alt="{{name}}">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="i-member-profile-data-wrap">
|
<div class="i-member-profile-data-wrap">
|
||||||
|
|
|
||||||
|
|
@ -10,7 +10,7 @@
|
||||||
<div class="i-member-item-inner clearfix">
|
<div class="i-member-item-inner clearfix">
|
||||||
<div class="i-member-pic-wrap">
|
<div class="i-member-pic-wrap">
|
||||||
<a href="{{link_to_show}}" title="{{name}}">
|
<a href="{{link_to_show}}" title="{{name}}">
|
||||||
<img class="i-member-pic" src="{{image}}" title="{{name}}">
|
<img class="i-member-pic" src="{{image}}" alt="{{name}}">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,19 +3,23 @@
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<th class="col-md-1">{{th_year}}</th>
|
<th class="col-md-1">{{th_year}}</th>
|
||||||
<th class="col-md-6">{{th_course_title}}</th>
|
<th class="col-md-4">{{th_course_title}}</th>
|
||||||
<th class="col-md-3">{{th_course_category}}</th>
|
<th class="col-md-2">{{th_course_class}}</th>
|
||||||
|
<th class="col-md-2">{{th_course_category}}</th>
|
||||||
<th class="col-md-1 min-tablet">{{th_course_semester}}</th>
|
<th class="col-md-1 min-tablet">{{th_course_semester}}</th>
|
||||||
<th class="col-md-1 min-tablet-l">{{th_authors}}</th>
|
<th class="col-md-1 min-tablet-l">{{th_authors}}</th>
|
||||||
|
<th class="col-md-1 min-tablet-2">{{th_url}}</th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tbody data-level="0" data-list="courses">
|
<tbody data-level="0" data-list="courses">
|
||||||
<tr>
|
<tr>
|
||||||
<td>{{year}}</td>
|
<td>{{year}}</td>
|
||||||
<td><a href="{{link_to_show}}">{{title}}</a></td>
|
<td><a href="{{link_to_show}}">{{title}}</a></td>
|
||||||
|
<td>{{course_class}}</td>
|
||||||
<td>{{category}}</td>
|
<td>{{category}}</td>
|
||||||
<td>{{semester}}</td>
|
<td>{{semester}}</td>
|
||||||
<td>{{authors}}</td>
|
<td>{{authors}}</td>
|
||||||
|
<td>{{url}}</td>
|
||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
|
|
@ -33,4 +37,4 @@ $('table.courses-index').each(function(){
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
});;
|
});;
|
||||||
</script>
|
</script>
|
||||||
|
|
|
||||||
|
|
@ -7,7 +7,7 @@
|
||||||
<span data-list="tags" data-level="1">
|
<span data-list="tags" data-level="1">
|
||||||
<span class="s-annc__tag label label-default">{{tag}}</span>
|
<span class="s-annc__tag label label-default">{{tag}}</span>
|
||||||
</span>
|
</span>
|
||||||
<a data-toggle="collapse" data-parent="#index-archive-group" href="#collapse" class="collapsed" style="padding: 0;display: inline-block;">
|
<a role="button" data-toggle="collapse" data-parent="#index-archive-group" href="#collapse" class="collapsed" style="padding: 0;display: inline-block;">
|
||||||
{{title}}
|
{{title}}
|
||||||
<i class="fa fa-chevron-down" aria-hidden="true"></i>
|
<i class="fa fa-chevron-down" aria-hidden="true"></i>
|
||||||
</a>
|
</a>
|
||||||
|
|
|
||||||
|
|
@ -10,7 +10,7 @@
|
||||||
<span data-list="tags" data-level="0">
|
<span data-list="tags" data-level="0">
|
||||||
<span class="s-annc__tag label label-default">{{tag}}</span>
|
<span class="s-annc__tag label label-default">{{tag}}</span>
|
||||||
</span>
|
</span>
|
||||||
<a data-toggle="collapse" data-parent="#index-archive-group" href="#collapse" class="collapsed" style="padding: 0;display: inline-block;">
|
<a role="button" data-toggle="collapse" data-parent="#index-archive-group" href="#collapse" class="collapsed" style="padding: 0;display: inline-block;">
|
||||||
{{archive-title}}
|
{{archive-title}}
|
||||||
<i class="fa fa-chevron-down" aria-hidden="true"></i>
|
<i class="fa fa-chevron-down" aria-hidden="true"></i>
|
||||||
</a>
|
</a>
|
||||||
|
|
|
||||||
|
|
@ -13,12 +13,11 @@
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
.universal-th-text{
|
.universal-th-text{
|
||||||
|
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
-webkit-line-clamp: 2;
|
-webkit-line-clamp: 2;
|
||||||
white-space: normal;
|
white-space: pre !important;
|
||||||
}
|
}
|
||||||
.universal-dropdown-menu {
|
.universal-dropdown-menu {
|
||||||
padding: 15px 18px;
|
padding: 15px 18px;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
|
|
|
||||||
|
|
@ -6,7 +6,7 @@
|
||||||
<li class="widget-content">
|
<li class="widget-content">
|
||||||
<div class="link-img-wrap{{display_image}}">
|
<div class="link-img-wrap{{display_image}}">
|
||||||
<a href="{{link_to_show}}" target="{{target}}" title="{{title_text}}">
|
<a href="{{link_to_show}}" target="{{target}}" title="{{title_text}}">
|
||||||
<img src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
<img src="{{img_src}}" alt="{{img_description}}">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<a href="{{link_to_show}}" target="{{target}}" title="{{title_text}}">{{title}}</a>
|
<a href="{{link_to_show}}" target="{{target}}" title="{{title_text}}">{{title}}</a>
|
||||||
|
|
|
||||||
|
|
@ -5,8 +5,8 @@
|
||||||
<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}}">
|
<div class="link-img-wrap{{display_image}}">
|
||||||
<a href="{{link_to_show}}" target="{{target}}" title="{{title_text}}">
|
<a href="{{link_to_show}}" target="{{target}}" title="另開新視窗">
|
||||||
<img src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
<img src="{{img_src}}" alt="{{img_description}}" >
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<span data-list="statuses" data-level="1">
|
<span data-list="statuses" data-level="1">
|
||||||
|
|
|
||||||
|
|
@ -5,7 +5,7 @@
|
||||||
<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}}">
|
<div class="link-img-wrap{{display_image}}">
|
||||||
<img src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
<img src="{{img_src}}" alt="{{img_description}}">
|
||||||
</div>
|
</div>
|
||||||
<a href="{{link_to_show}}" target="{{target}}" title="{{title_text}}">{{title}}</a>
|
<a href="{{link_to_show}}" target="{{target}}" title="{{title_text}}">{{title}}</a>
|
||||||
<span data-list="statuses" data-level="1">
|
<span data-list="statuses" data-level="1">
|
||||||
|
|
|
||||||
|
|
@ -6,7 +6,7 @@
|
||||||
<li class="widget-content widget-content-horizontal col-sm-3">
|
<li class="widget-content widget-content-horizontal col-sm-3">
|
||||||
<a href="{{link_to_show}}" target="{{target}}" title="{{title_text}}">
|
<a href="{{link_to_show}}" target="{{target}}" title="{{title_text}}">
|
||||||
<div class="link-img-wrap{{display_image}}">
|
<div class="link-img-wrap{{display_image}}">
|
||||||
<img src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
<img src="{{img_src}}" alt="{{img_description}}">
|
||||||
</div>
|
</div>
|
||||||
<div class="widget-content-title">
|
<div class="widget-content-title">
|
||||||
<span class="" href="{{link_to_show}}" target="{{target}}" title="{{title_text}}">{{title}}</span>
|
<span class="" href="{{link_to_show}}" target="{{target}}" title="{{title_text}}">{{title}}</span>
|
||||||
|
|
|
||||||
|
|
@ -6,7 +6,7 @@
|
||||||
<li class="widget-content widget-content-horizontal ">
|
<li class="widget-content widget-content-horizontal ">
|
||||||
<a href="{{link_to_show}}" target="{{target}}" title="{{title_text}}">
|
<a href="{{link_to_show}}" target="{{target}}" title="{{title_text}}">
|
||||||
<div class="link-img-wrap{{display_image}}">
|
<div class="link-img-wrap{{display_image}}">
|
||||||
<img src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
<img src="{{img_src}}" alt="{{img_description}}">
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
<div class="widget-content-title">
|
<div class="widget-content-title">
|
||||||
|
|
|
||||||
|
|
@ -6,14 +6,15 @@
|
||||||
<li class="widget-content widget-content-horizontal col-sm-6">
|
<li class="widget-content widget-content-horizontal col-sm-6">
|
||||||
<a href="{{link_to_show}}" target="{{target}}" title="{{title_text}}">
|
<a href="{{link_to_show}}" target="{{target}}" title="{{title_text}}">
|
||||||
<div class="link-img-wrap{{display_image}}">
|
<div class="link-img-wrap{{display_image}}">
|
||||||
<img src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
<img src="{{img_src}}" alt="{{img_description}}">
|
||||||
</div>
|
</div>
|
||||||
<div class="widget-content-title">
|
<div class="widget-content-title">
|
||||||
<a class="" href="{{link_to_show}}" target="{{target}}" title="{{title_text}}">{{title}}</a>
|
<span>{{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>
|
||||||
</div>
|
</div>
|
||||||
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -7,9 +7,9 @@
|
||||||
<div class="hex-border">
|
<div class="hex-border">
|
||||||
<a href="{{link_to_show}}" target="{{target}}" title="{{title_text}}">
|
<a href="{{link_to_show}}" target="{{target}}" title="{{title_text}}">
|
||||||
<div class="link-img-wrap{{display_image}}">
|
<div class="link-img-wrap{{display_image}}">
|
||||||
<img src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
<img src="{{img_src}}" alt="{{img_description}}">
|
||||||
</div>
|
</div>
|
||||||
<a class="widget-content-title" href="{{link_to_show}}" target="{{target}}" title="{{title_text}}">{{title}}</a>
|
<a class="widget-content-title" href="{{link_to_show}}" target="{{target}}" title="{{title_text}}" onclick="{{onclick}}">{{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>
|
||||||
</span>
|
</span>
|
||||||
|
|
|
||||||
|
|
@ -4,9 +4,9 @@
|
||||||
</h3>
|
</h3>
|
||||||
<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="{{target}}" title="{{title_text}}">
|
<a class="" href="{{link_to_show}}" target="{{target}}" title="{{title_text}}">
|
||||||
<div class="link-img-wrap{{display_image}}">
|
<div class="link-img-wrap{{display_image}}">
|
||||||
<img src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
<img src="{{img_src}}" alt="{{img_description}}">
|
||||||
</div>
|
</div>
|
||||||
<h4>
|
<h4>
|
||||||
{{title}}
|
{{title}}
|
||||||
|
|
|
||||||
|
|
@ -4,9 +4,9 @@
|
||||||
</h3>
|
</h3>
|
||||||
<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="{{target}}" title="{{title_text}}">
|
<a class="" href="{{link_to_show}}" target="{{target}}" title="{{title_text}}">
|
||||||
<div class="link-img-wrap{{display_image}}">
|
<div class="link-img-wrap{{display_image}}">
|
||||||
<img src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
<img src="{{img_src}}" alt="{{img_description}}">
|
||||||
</div>
|
</div>
|
||||||
<h4>
|
<h4>
|
||||||
<span class="link-title">
|
<span class="link-title">
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue