diff --git a/assets/javascripts/app.js b/assets/javascripts/app.js index c4c2da3..5e901e9 100644 --- a/assets/javascripts/app.js +++ b/assets/javascripts/app.js @@ -1203,6 +1203,19 @@ $(document).ready(function() { // if($('.show-announcement').hasClass('show-announcement')) { // $('.').css('', ''); // } + if($('.s-annc').length){ + $(".carousel_images h4").remove(); + $('.carousel_images').addClass('carousel_images2'); + $(".carousel_images .w-ba-banner").next("div").find(".button-mid").remove(); + $(".s-annc__post-wrap").next("hr").remove(); + // $(".carousel_images").insertAfter(".s-annc__meta-wrap"); + $('.breadcrumb-wrap').css('display', 'block'); + // $(".main-content").css({ + // "max-width": "920px", + // "margin": "auto" + // }); + } + $('.s-annc__tag-wrap ').after($('.s-annc__post-orbithashtags')); $('a').each(function () { const $a = $(this); diff --git a/assets/stylesheets/template/base/_global.scss b/assets/stylesheets/template/base/_global.scss index 8f6920f..825fa35 100644 --- a/assets/stylesheets/template/base/_global.scss +++ b/assets/stylesheets/template/base/_global.scss @@ -48,6 +48,7 @@ body { margin-top: 2.5em; overflow: hidden scroll; letter-spacing: 0.5px; + background-color: #f8f9fa; } a:link, diff --git a/assets/stylesheets/template/base/_unity.scss b/assets/stylesheets/template/base/_unity.scss index 9d436d4..ce9d706 100644 --- a/assets/stylesheets/template/base/_unity.scss +++ b/assets/stylesheets/template/base/_unity.scss @@ -18,13 +18,14 @@ } } } -.page-home{ + .unity-title { span{ width: 100%; display: flex; justify-content: center; align-items: center; + flex-wrap: wrap; &:before{ background: url(/assets/titleicon.png) no-repeat left center; display: block; @@ -39,7 +40,7 @@ } } } -} + // Title .unity-title { line-height: 1.5; diff --git a/assets/stylesheets/template/layout/content.scss b/assets/stylesheets/template/layout/content.scss index 9dae8f8..a2343ea 100644 --- a/assets/stylesheets/template/layout/content.scss +++ b/assets/stylesheets/template/layout/content.scss @@ -142,7 +142,7 @@ position: absolute; left: 48.8%; bottom: 10%; - z-index:2; + z-index:100; display: block; cursor: pointer; @media(max-width:$screen-xs){ diff --git a/assets/stylesheets/template/layout/header.scss b/assets/stylesheets/template/layout/header.scss index a9ce1c5..db2a19c 100644 --- a/assets/stylesheets/template/layout/header.scss +++ b/assets/stylesheets/template/layout/header.scss @@ -57,7 +57,7 @@ } .header-banner { overflow: hidden; } .header-nav { - padding:0.5em 0 0 0; + padding:0; font-family: $main-font; text-transform:uppercase; display: flex; diff --git a/assets/stylesheets/template/modules/ad_banner.scss b/assets/stylesheets/template/modules/ad_banner.scss index 19da617..f3dcd6d 100644 --- a/assets/stylesheets/template/modules/ad_banner.scss +++ b/assets/stylesheets/template/modules/ad_banner.scss @@ -8,6 +8,28 @@ // Widget // ## gerenral styles +ul.button-mid{ + .prev-button{ + height: 2em !important; + width: 2em !important; + font-size: 1em !important; + line-height: 2rem !important; + border-radius: 1em; + &:hover { + background: rgba(0,0,0,0.1); + } + } + .next-button{ + height: 2em !important; + width: 2em !important; + font-size: 1em !important; + line-height: 2rem !important; + border-radius: 1em; + &:hover { + background: rgba(0,0,0,0.1); + } + } +} ul.button-mid{ margin:0; z-index: 201; @@ -24,6 +46,7 @@ iframe{ .w-ba-banner { position: relative; overflow: hidden; + width: 100%; .cursor { cursor: pointer; } @@ -68,7 +91,7 @@ iframe{ @include list-reset; position: absolute; bottom: 0.5rem!important; - z-index: 200; + z-index: 100; text-align:center; width: 100%; li { @@ -233,7 +256,7 @@ ul.button-mid{ .banner-pager { right: 1em; top: -2em; - z-index: 102; + z-index: 100; display: none; } .button-mid{ @@ -298,11 +321,15 @@ ul.button-mid{ } } } + // Widget 1 -.ba-banner-widget-1 { +.ad-banner-widget-1 { .banner-overlay{ padding: 3.5em 5em; - background-image: linear-gradient(180deg, transparent 0, #00000066 40%, #000); + background-image: linear-gradient(180deg, transparent 0, #00000066 40%, #000); + position: absolute; + z-index: 99; + color: #fff; } .w-ba-banner__caption { @@ -352,7 +379,7 @@ ul.button-mid{ .banner-pager { right: 1em; top: -2em; - z-index: 102; + z-index: 100; display: none; } } @@ -395,9 +422,7 @@ ul.button-mid{ .ba-banner-widget-5 { margin: 1em 0; .slide-img { - @media(min-width:769px){ padding: 0; - } } .slide-content { z-index: 200; diff --git a/assets/stylesheets/template/modules/announcement.scss b/assets/stylesheets/template/modules/announcement.scss index 3df9986..4d5d061 100644 --- a/assets/stylesheets/template/modules/announcement.scss +++ b/assets/stylesheets/template/modules/announcement.scss @@ -53,11 +53,17 @@ .w-annc__table{ background-color: #fff; .w-annc__th{ - border-bottom: 0.125em solid #ddd; + // border-bottom: 0.125em solid #ddd; } tr{ @media(max-width: $screen-xs){ - margin-bottom: 10px; + margin-bottom: 10px; + display: flex; + flex-wrap: wrap; + width: 100%; + td{ + width: 100%; + } } } } @@ -294,9 +300,6 @@ .w-annc__list > .w-annc__item:nth-child(3n+1) { clear: both; } - .w-annc__entry-title { - height: 2.5em; - } .w-annc__img-wrap { height: 14.5em; margin:0; @@ -908,7 +911,6 @@ font-family: $main-font; font-weight: bold; } - .w-annc__widget-title { float: left; } .w-annc__more { margin-top: 1.5em; display: none; @@ -2066,6 +2068,9 @@ } //widget 15 .widget-announcement-15 { + .w-annc__entry-title{ + height: 2.5em; + } .cycle-carousel-wrap{ display: flex; align-items: baseline; @@ -2479,7 +2484,6 @@ .i-annc__item { list-style: none; overflow: hidden; - border-bottom: 1px solid #bbb; padding: 1em 0; // box-shadow: #0000004d 0 0 4px; // background: #fff; @@ -2518,7 +2522,7 @@ } } tr{ - border: 0.0625em solid #ddd!important; + // border: 0.0625em solid #ddd!important; } td { font-size: 1rem; @@ -2599,7 +2603,9 @@ table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, table.dataT table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before { background-color: $theme-gray !important; } - +.i-annc__table{ + border: 0.0625em solid #ddd !important; +} .i-annc__table .child span.dtr-data li { padding: 0 0.5em; } @@ -2756,11 +2762,13 @@ table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, tabl clear: both; } - + .i-annc__content-wrap{ + margin: 0.5em; + } .i-annc__img-wrap { overflow: hidden; height: 13.5em; - margin: 1em 0.5em; + margin: 0.5em; img { @media (max-width:767px) { transform: scale(1) !important; @@ -2880,7 +2888,7 @@ table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, tabl // Index-13 .index-announcement-13 { thead{ - border-bottom: 0.125em solid #ddd; + } .child{ li{ @@ -2904,7 +2912,7 @@ table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, tabl // Index-14 .index-announcement-14 { thead{ - border-bottom: 0.125em solid #ddd; + // border-bottom: 0.125em solid #ddd; } .child{ li{ @@ -2980,8 +2988,12 @@ table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, tabl // Index-17 .index-announcement-17 { @media(max-width: $screen-xs){ + .i-annc__table{ + border: 0 !important; + } tr{ margin-bottom: 10px; + border: 0.0625em solid #ddd !important; } th{ width: 100%; @@ -3205,7 +3217,8 @@ table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, tabl border-radius: 4px; behavior: url("/assets/ie_support/PIE2/PIE.htc"); -webkit-border-radius: 4px; - -moz-border-radius: 4px + -moz-border-radius: 4px; + z-index: 100; } .VivaTimeline dl dd { @@ -3464,6 +3477,7 @@ table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, tabl border-radius: 10px; transition: all 0.3s; width: calc( 100%/5 - 1.5em); + margin-bottom: 1em; &:hover{ box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.5); transform: translateY(-5px); diff --git a/assets/stylesheets/template/modules/archives.scss b/assets/stylesheets/template/modules/archives.scss index 8f823f5..501260a 100644 --- a/assets/stylesheets/template/modules/archives.scss +++ b/assets/stylesheets/template/modules/archives.scss @@ -7,6 +7,11 @@ // // Widget // ## gerenral styles +.i-archive__list{ + .date-thead{ + min-width: 4em; + } +} .i-archive{ tr{ border: 0.0625em solid #ddd!important; diff --git a/assets/stylesheets/template/modules/event_news.scss b/assets/stylesheets/template/modules/event_news.scss index 6e02aa0..c30b4c3 100644 --- a/assets/stylesheets/template/modules/event_news.scss +++ b/assets/stylesheets/template/modules/event_news.scss @@ -1,6 +1,12 @@ @charset "utf-8"; @import "../initial"; +[data-list="event_news_links"]{ + padding: 0; + li{ + list-style: none; + } +} .w-annc__list{ clear: both; } @@ -431,7 +437,6 @@ @media(max-width: $screen-xs){ tr{ margin-bottom: 10px; - // border: 0.125em solid #ddd !important; } th{ width: 100%; @@ -586,7 +591,8 @@ .index-eventnews-11 { .i-annc__item{ - width: 100% + width: 100%; + border-bottom: 0.0625em solid #ddd; } .child{ li{ @@ -608,29 +614,19 @@ // Index-12 .index-eventnews-12 { .i-annc__item{ - width: 100% + width: 100%; + border-bottom: 0.0625em solid #ddd; } .child{ li{ list-style: none; } } - @media(max-width: $screen-xs){ - .i-annc__th--date{ - width:50%!important; - } - .i-annc__th--title{ - width:50%!important; - } - } - table tr{ - flex-wrap: unset!important; - } } // Index-13 .index-eventnews-13 { thead{ - border-bottom: 0.125em solid #ddd; + } .child{ li{ @@ -654,7 +650,7 @@ // Index-14 .index-eventnews-14 { thead{ - border-bottom: 0.125em solid #ddd; + } .child{ li{ @@ -747,7 +743,7 @@ @media(max-width: $screen-xs){ tr{ margin-bottom: 10px; - // border: 0.125em solid #ddd !important; + } th{ width: 100%; @@ -781,7 +777,7 @@ @media(max-width: $screen-xs){ tr{ margin-bottom: 10px; - // border: 0.125em solid #ddd !important; + } th{ width: 100%; @@ -1181,4 +1177,32 @@ } .widget-event-news-calendar-2.w-calendar .w-calendar-title{ background:$theme-color-second; -} \ No newline at end of file +} + + + .carousel_images_slide{ + transform: scale(0.8); + width: 10em; + margin: auto!important; + display: flex; + justify-content: center; + } + .carousel_img-wrap{ + width: 25px; + height: 25px; + border-radius: 2em; + overflow: hidden; + -webkit-filter: grayscale(100%); + filter: grayscale(100%); + backdrop-filter: saturate(180%) blur(20px); + img{ + border-radius: 1em; + overflow: hidden; + } + } + .carousel_images_slide{ + margin-top: 1em !important; + } + .carousel_img_item{ + display: block!important; + } diff --git a/assets/stylesheets/template/modules/hashtag.scss b/assets/stylesheets/template/modules/hashtag.scss new file mode 100644 index 0000000..cfdd4c8 --- /dev/null +++ b/assets/stylesheets/template/modules/hashtag.scss @@ -0,0 +1,25 @@ +@charset "utf-8"; + +@import "../initial"; + + + +p.s-annc__post-orbithashtags{ + clear: both; +} +a.orbit-hash-tag { + list-style: none; + background: #e0edff; + color: #0a84ff; + margin-right: 0.5em; + border-radius: 0.5em; + padding: 0.2em 0.5em; + margin-bottom: 0.5em; + display: inline-block; + &:hover{ + background: #0a84ff; + transform: translatey(-2px); + transition: transform 0.4s; + color: #fff; + } +} \ No newline at end of file diff --git a/assets/stylesheets/template/modules/member.scss b/assets/stylesheets/template/modules/member.scss index 25c7f06..4937ab1 100644 --- a/assets/stylesheets/template/modules/member.scss +++ b/assets/stylesheets/template/modules/member.scss @@ -471,6 +471,13 @@ // Show page .show-member { font-family: $sub-font; + .memberul{ + padding: 0; + li{ + margin-bottom: 0.5em; + list-style: none; + } + } th, td { font-size: 0.938em; @@ -526,3 +533,8 @@ .member-data { width: 100%; } } } +.show-member{ + .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{ + border: 0; + } +} \ No newline at end of file diff --git a/assets/stylesheets/template/modules/menu.scss b/assets/stylesheets/template/modules/menu.scss index e8e6022..271b22b 100644 --- a/assets/stylesheets/template/modules/menu.scss +++ b/assets/stylesheets/template/modules/menu.scss @@ -102,68 +102,66 @@ transition: all .3s ease; } -//直式選單更改css -.homebanner{ - .ba-banner-widget-9 .jp-video { - @media(min-width: 769px){ - float: right!important; - width: 80%!important; - } - } -} -.navbar-brand{ - h1{ - @media(min-width: 769px){ - margin-top:0.5em; - } - } -} -#layout-navigation{ - @media(min-width: 769px){ - position: absolute; - width: 20%!important; - left: 0; - background-color: #fff; - margin-top: 4em; - padding-right: 0; - #main-nav{ - padding: 0; - } - .modules-menu-level-0{ - width: 100%!important; - } - .modules-menu-level-0 > li{ - width: 100%; - } - .modules-menu-level-1{ - min-width: 100%; - left: 100%; - top: 0; - } - } -} -.verticalhome{ - .layout-content{ - @media(min-width: 769px){ - float: right!important; - width: 80%!important; - } - } -} -.homebanner{ - @media(min-width: 769px){ - float: right!important; - width: 80%!important; - .ba-banner-widget-0 img{ - transform: none!important; - } - } -} -.layout-header .navbar-header .navbar-brand{ - @media(min-width: 1200px){ - padding-left: 0; - } -} +// //直式選單更改css +// .navbar-brand{ +// h1{ +// @media(min-width: 769px){ +// margin-top:0.5em; +// } +// } +// } +// #layout-navigation{ +// @media(min-width: 769px){ +// position: absolute; +// width: 20%!important; +// left: 0; +// background-color: #fff; +// margin-top: 5em; +// padding-right: 0; +// #main-nav{ +// padding: 0; +// } +// .modules-menu-level-0{ +// width: 100%!important; +// } +// .modules-menu-level-0 > li{ +// width: 100%; +// } +// .modules-menu-level-1{ +// min-width: 100%; +// left: 100%; +// top: 0; +// } +// } +// } +// .verticalhome{ +// .layout-content{ +// @media(min-width: 769px){ +// float: right!important; +// width: 80%!important; +// } +// } +// } +// .homebanner{ +// @media(min-width: 769px){ +// float: right!important; +// width: 80%!important; +// .ba-banner-widget-0 img{ +// transform: none!important; +// } +// } +// } +// .container{ +// @media(min-width: 1200px){ +// width: 95%!important; +// max-width: unset!important; +// } +// } +// .layout-header .navbar-header .navbar-brand{ +// @media(min-width: 1200px){ +// padding-left: 0; +// } +// } @@ -421,14 +419,14 @@ } &:hover { - background-color: $theme-color-second; +/* background-color: $theme-color-second;*/ @media(max-width: 769px){ a,i { - color: #fff; + color:$theme-color-second; } } &>a { - color: #fff; + color:$theme-color-second; } } } diff --git a/assets/stylesheets/template/modules/universal-table.scss b/assets/stylesheets/template/modules/universal-table.scss index f648323..0df16c3 100644 --- a/assets/stylesheets/template/modules/universal-table.scss +++ b/assets/stylesheets/template/modules/universal-table.scss @@ -1,6 +1,7 @@ @charset "utf-8"; @import "../initial"; + .universal-table-index tbody{ width:100% ; } @@ -104,6 +105,7 @@ @media(max-width: $screen-xs){ margin-top: 0.5em; right:0; + top:-4em; } .searchbtn2, .universal-btn { line-height: 2em; @@ -166,7 +168,6 @@ display: flex; flex-wrap: wrap; padding: 0; - margin-top: 3em; } .row > div { @@ -329,3 +330,41 @@ } } } +@media (max-width: 768px) { + #hashtag-wordcloud { + width: 800px!important; + height: 500px!important; + } + + /* 讓外層容器可以左右滑動 */ + #hashtag-wordcloud-wrapper { + overflow-x: auto; + width: 100%; + } +} +#hashtag-wordcloud{ + margin-top: 1.5em; + position: relative; + margin:1.5em auto; + width: 80%; + height:400px; + overflow: hidden; + a{ + border-radius: 0.5em; + padding: 0.2em; + &:hover{ + -webkit-transform: translateY(-6px); + -ms-transform: translateY(-6px); + transform: translateY(-6px); + box-shadow: 0 12px 24px #0000004d, 0 10px 10px #00000033; + -webkit-box-shadow: 0 12px 24px #0000004d, 0 10px 10px #00000033; + -webkit-transition: all .3s ease; + -moz-transition: all .3s ease; + -ms-transition: all .3s ease; + -o-transition: all .3s ease; + transition: all .3s ease; + filter: brightness(0.4) saturate(1.3); + transform: scale(1.1); + } + } +} \ No newline at end of file diff --git a/assets/stylesheets/template/modules/video.scss b/assets/stylesheets/template/modules/video.scss index b697e7c..dcf46e8 100644 --- a/assets/stylesheets/template/modules/video.scss +++ b/assets/stylesheets/template/modules/video.scss @@ -963,4 +963,7 @@ background-color: #1515154d; } } -} \ No newline at end of file +} +// .wordcloud-link{ +// font-size: 1.2em; +// } \ No newline at end of file diff --git a/assets/stylesheets/template/widget/sitemenu.scss b/assets/stylesheets/template/widget/sitemenu.scss index d0325c2..bfb9f68 100644 --- a/assets/stylesheets/template/widget/sitemenu.scss +++ b/assets/stylesheets/template/widget/sitemenu.scss @@ -5,10 +5,15 @@ z-index: 1; position: relative; } +.sitemenu-title{ + @extend .unity-title; +} .sitemenu-wrap{ // padding-right: 0.9375em!important; // padding-left: 0.9375em!important; margin-bottom: 1em; + z-index: 1; + position: relative; } .sitemenu-item{ list-style: none; diff --git a/modules/ad_banner/_ad_banner_widget1.html.erb b/modules/ad_banner/_ad_banner_widget1.html.erb index e73205d..72699e2 100644 --- a/modules/ad_banner/_ad_banner_widget1.html.erb +++ b/modules/ad_banner/_ad_banner_widget1.html.erb @@ -1,4 +1,4 @@ -