ken
/
fgu_e1
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

up

This commit is contained in:
ken 2026-09-21 17:52:31 +08:00
parent a7c70dba94
commit 4953a0d0c1
14 changed files with 116 additions and 61 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

62
assets/javascripts/app.js
View File

@ -2546,7 +2546,7 @@ $(function() {
if ($(window).width() <769) { if ($(window).width() <769) {
$('.modules-menu-level-0').after($('.header-nav')); $('.modules-menu-level-0').after($('.header-nav'));
}else{ }else{
$('.navbar-header').before($('.header-nav')); $('.outdropdowns').before($('.header-nav'));
}; };
$('.sitemenu-vertical .sitemenu-dropdown-toggle').click(function(){ $('.sitemenu-vertical .sitemenu-dropdown-toggle').click(function(){
$('.sitemenu-vertical .dropdown-menu').slideToggle(); $('.sitemenu-vertical .dropdown-menu').slideToggle();
@ -2613,7 +2613,7 @@ $(function() {
if ($(window).width() <769) { if ($(window).width() <769) {
$('.modules-menu-level-0').after($('.header-nav')); $('.modules-menu-level-0').after($('.header-nav'));
}else{ }else{
$('.navbar-header').before($('.header-nav')); $('.outdropdowns').before($('.header-nav'));
}; };
if ($(window).width() > 821) { if ($(window).width() > 821) {
@ -3072,26 +3072,26 @@ $(function() {
}); });
//選單高度 // //選單高度
$(document).ready(function() { // $(document).ready(function() {
function adjustNavMargin() { // function adjustNavMargin() {
if ($(window).width() > 769) { // if ($(window).width() > 769) {
var headerHeight = $('.navbar-header').outerHeight(); // 抓高度(含padding) // var headerHeight = $('.navbar-header').outerHeight(); // 抓高度(含padding)
$('#layout-navigation').css('margin-top', headerHeight + 'px'); // $('#layout-navigation').css('margin-top', headerHeight + 'px');
} else { // } else {
// 螢幕小於等於 769px 時，還原 margin-top // // 螢幕小於等於 769px 時，還原 margin-top
$('#layout-navigation').css('margin-top', ''); // $('#layout-navigation').css('margin-top', '');
} // }
} // }
// 初始化執行一次 // // 初始化執行一次
adjustNavMargin(); // adjustNavMargin();
// 視窗縮放時也更新 // // 視窗縮放時也更新
$(window).resize(function() { // $(window).resize(function() {
adjustNavMargin(); // adjustNavMargin();
}); // });
}); // });
// //選單樣式2 // //選單樣式2
// $(document).ready(function() { // $(document).ready(function() {
// "use strict"; // "use strict";
@ -4176,6 +4176,28 @@ $(function() {
}); });
}, 500); }, 500);
}); });
$(document).ready(function() {
var $movebox = $('.move-box');
var $wrapper = $('.move-box-wrapper');
function handleMovebox() {
if ($(window).width() > 768) {
// 大螢幕：移到 .modules-menu 裡面
$('.modules-menu').append($movebox);
} else {
// 小螢幕：移回 .move-box-wrapper 裡面
$wrapper.append($movebox);
}
}
setTimeout(handleMovebox, 300);
var resizeTimer;
$(window).on('resize', function() {
clearTimeout(resizeTimer);
resizeTimer = setTimeout(handleMovebox, 150);
});
});
//ai須新增的function //ai須新增的function

7
assets/stylesheets/template/base/_accesskey.scss
View File

@ -1,13 +1,14 @@
@charset "utf-8"; @charset "utf-8";
a[accesskey] { a[accesskey] {
position: absolute; position: absolute!important;
margin-left: 0; margin-left: -0.5em!important;
z-index: 1000!important;
color:#333; color:#333;
} }
#orbit-bar a[accesskey] { #orbit-bar a[accesskey] {
color: #525252; color: #333;
margin-left: 0; margin-left: 0;
position: relative!important; position: relative!important;
&:hover { &:hover {

10
assets/stylesheets/template/base/_global.scss
View File

@ -82,7 +82,7 @@ a[href="/en/sitemap"]{
} }
blockquote{ blockquote{
color: #525252; color: #333;
padding: 0; padding: 0;
margin: 0; margin: 0;
font-size: unset; font-size: unset;
@ -97,7 +97,7 @@ a[href="/en/sitemap"]{
display: none; display: none;
} }
a{ a{
color: #525252; color: #333;
text-decoration: none; text-decoration: none;
display: inline-block; display: inline-block;
height: 40px; height: 40px;
@ -192,12 +192,16 @@ body {
margin-top: 2.5em; margin-top: 2.5em;
overflow: hidden scroll; overflow: hidden scroll;
letter-spacing: 0.5px; letter-spacing: 0.5px;
.verticalhome-wrapper {
position: relative;
clear: both;
}
@media(min-width:769px){ @media(min-width:769px){
.verticalhome-wrapper,.layout-header,.layout-footer-inner{ .verticalhome-wrapper,.layout-header,.layout-footer-inner{
width: 80%!important; width: 80%!important;
margin: auto; margin: auto;
} }
margin: 4.5em auto 0; margin: 2.5em auto 0;
&:before{ &:before{
content: ''; content: '';

2
assets/stylesheets/template/base/_unity.scss
View File

@ -131,7 +131,7 @@
transform: rotate(45deg); transform: rotate(45deg);
float: left; float: left;
i{ i{
color: #525252; color: #333;
font-size: 1em!important; font-size: 1em!important;
padding: 0!important; padding: 0!important;
} }

2
assets/stylesheets/template/layout/bo5.scss
View File

@ -84,7 +84,7 @@
} }
@media (min-width: 769px) { @media (min-width: 769px) {
.navbar-header { .navbar-header {
float: left; // float: left;
} }
.navbar-nav{ .navbar-nav{
flex-direction: row; flex-direction: row;

12
assets/stylesheets/template/layout/content.scss
View File

@ -95,22 +95,22 @@
position: relative; position: relative;
width: 100%; width: 100%;
// background-image: linear-gradient(280deg, #e6e6e6 56%, #fff 0); // background-image: linear-gradient(280deg, #e6e6e6 56%, #fff 0);
padding-top: 2em; padding-top: 1em;
padding-bottom: 2em; padding-bottom: 1em;
} }
.contentwrap2{ .contentwrap2{
overflow: hidden; overflow: hidden;
position: relative; position: relative;
width: 100%; width: 100%;
padding-top: 2em; padding-top: 1em;
padding-bottom: 2em; padding-bottom: 1em;
} }
.contentwrap3{ .contentwrap3{
overflow: hidden; overflow: hidden;
position: relative; position: relative;
width: 100%; width: 100%;
padding-top: 2em; padding-top: 1em;
padding-bottom: 2em; padding-bottom: 1em;
} }
.iconwrap{ .iconwrap{
padding: 4em 0 0; padding: 4em 0 0;

48
assets/stylesheets/template/layout/header.scss
View File

@ -4,6 +4,15 @@
#orbit-bar .orbit-bar-title a { #orbit-bar .orbit-bar-title a {
color: #333 !important; color: #333 !important;
} }
sup {
line-height: 0;
font-size: 0.6em;
}
.dropdowns{
@media(min-width:769px){
padding: 0!important;
}
}
.outdropdowns{ .outdropdowns{
width: 100%; width: 100%;
z-index: 1; z-index: 1;
@ -43,7 +52,7 @@
list-style: none; list-style: none;
} }
a[accesskey]{ a[accesskey]{
position: relative; position: absolute!important;
} }
.container { .container {
@ -90,22 +99,30 @@
} }
} }
.navbar-header h1.default_site_h1, .navbar-header h2.default_site_h1{ .navbar-header h1.default_site_h1, .navbar-header h2.default_site_h1{
display: flex; // display: flex;
align-items: center; // align-items: center;
white-space: normal;
font-size: 0.8em;
line-height: 1.5;
color: $theme-color-second;
sup{
color: #6a6a6a;
clear: both;
}
& > * {
clear: both;
display: block;
}
} }
.navbar-header { .navbar-header {
z-index: 10; z-index: 10;
position: relative; position: relative;
padding: 0; padding: 0;
margin: 0; margin: 0;
display: flex; @media (min-width: $screen-sm) {
justify-content: space-between; border-right: 1px solid #cccccc87;
align-items: anchor-center; padding-bottom: 1em;
// @media (max-width: $screen-sm) { }
// width: 100%;
// display: flex;
// flex-flow: row-reverse;
// }
.navbar-brand { .navbar-brand {
line-height: 2.125em; line-height: 2.125em;
color: $theme-color-main; color: $theme-color-main;
@ -135,15 +152,15 @@
font-weight: bold; font-weight: bold;
} }
} }
@media (max-width: 768px){ @media (max-width: 768px){
max-width: 270px; max-width: 270px;
float: left;
} }
@media (max-width: 480px) { @media (max-width: 480px) {
h1{ h1{
margin: 0; margin: 0;
} }
width: 70%; width: 100%;
padding: 0; padding: 0;
margin: 0; margin: 0;
white-space: normal; white-space: normal;
@ -153,8 +170,11 @@
margin-right:0; margin-right:0;
float: left; float: left;
height: auto; height: auto;
padding-right: 0.5em; padding-right: 1em;
width: 100%!important; width: 100%!important;
@media(min-width: 769px){
margin-bottom: 0.5em;
}
// @media(min-width: 1024px){ // @media(min-width: 1024px){
// height: 50px; // height: 50px;
// } // }

3
assets/stylesheets/template/modules/ad_banner.scss
View File

@ -386,7 +386,7 @@ ul.button-mid{
.ad-overlay { .ad-overlay {
padding:1em; padding:1em;
position: relative; position: relative;
background: $theme-color-second; background: $theme-color-second!important;
} }
.controlplay { .controlplay {
right: 0; right: 0;
@ -398,6 +398,7 @@ ul.button-mid{
// Widget 11 // Widget 11
.ad-banner-widget-11 { .ad-banner-widget-11 {
overflow: hidden; overflow: hidden;
border-radius: 2em;
.prev-button,.next-button{ .prev-button,.next-button{
background-color: $theme-color-second!important; background-color: $theme-color-second!important;
&:hover{ &:hover{

10
assets/stylesheets/template/modules/menu.scss
View File

@ -26,13 +26,14 @@
@media(min-width: 769px){ @media(min-width: 769px){
float: right!important; float: right!important;
width: 80%!important; width: 80%!important;
border-left: 1px solid #cccccc87; padding-left: 1em;
} }
} }
.homebanner{ .homebanner{
@media(min-width: 769px){ @media(min-width: 769px){
float: right!important; float: right!important;
width: 80%!important; width: 80%!important;
padding-left: 1em;
.ba-banner-widget-0 img{ .ba-banner-widget-0 img{
transform: none!important; transform: none!important;
} }
@ -145,6 +146,7 @@
#layout-navigation{ #layout-navigation{
@media(min-width: 769px){ @media(min-width: 769px){
width: 100%; width: 100%;
border-right: 1px solid #cccccc87;
} }
} }
.navbar-collapse.in { .navbar-collapse.in {
@ -410,10 +412,10 @@
display: block; display: block;
font-family: $main-font; font-family: $main-font;
font-weight: 600; font-weight: 600;
color: #525252; color: #333;
font-size: 1em; font-size: 1em;
@media(max-width: 768px){ @media(max-width: 768px){
color: #525252; color: #333;
} }
} }
@ -463,7 +465,7 @@
& > a { & > a {
display: block; display: block;
font-family: $main-font; font-family: $main-font;
color:#525252; color:#333;
font-weight: 500; font-weight: 500;
font-weight: bold; font-weight: bold;
} }

1
assets/stylesheets/template/modules/web_resource.scss
View File

@ -139,6 +139,7 @@
.widget-content { .widget-content {
border-radius: 1em; border-radius: 1em;
overflow: hidden; overflow: hidden;
padding: 0;
&:hover{ &:hover{
transition: all 0.3s; transition: all 0.3s;
background-color: rgba($theme-color-second, 0.1); background-color: rgba($theme-color-second, 0.1);

5
assets/stylesheets/template/template.scss
View File

@ -118,6 +118,11 @@ input:hover {
transform: translateX(-0.75em); transform: translateX(-0.75em);
} }
} }
.membercontainer{
@media (min-width: 769px){
padding: 0;
}
}
// container setting // container setting
.response-container { .response-container {
position: relative; position: relative;

9
home/header.html.erb
View File

@ -18,13 +18,12 @@
<div class="cover"></div> <div class="cover"></div>
</div> </div>
<header class="navbar layout-header no-print" role="navigation"> <header class="navbar layout-header no-print" role="navigation">
<div class="header-nav no-print">
<a id="accesskey_top" accesskey="U" title="accesskey top" href="#" title="Toolbar">:::</a>
{{header-data}}
</div>
<div class="outdropdowns kenjohn"> <div class="outdropdowns kenjohn">
<div class="container dropdowns"> <div class="container dropdowns">
<div class="header-nav no-print">
<a id="accesskey_top" accesskey="U" title="accesskey top" href="#" title="Toolbar">:::</a>
{{header-data}}
</div>
<div class="navbar-header"> <div class="navbar-header">
<a title="{{site_title_1}}" class="navbar-brand" href="{{home_link_1}}"><img class="site-logo" src="{{logo_url_1}}" alt="site-logo"></a> <a title="{{site_title_1}}" class="navbar-brand" href="{{home_link_1}}"><img class="site-logo" src="{{logo_url_1}}" alt="site-logo"></a>
<script>$(document).ready(function(){var url =$('.site-logo').eq(0).attr('src');if(url == "/assets/default-site-logo.png"){$('.navbar-brand').eq(0).remove();};if($('.navbar-brand').length == 2){$('.site-logo').css('height','auto')};$('.site-logo').eq(0).css('margin-right',0);$('.navbar-brand').css('padding-right',0)})</script> <script>$(document).ready(function(){var url =$('.site-logo').eq(0).attr('src');if(url == "/assets/default-site-logo.png"){$('.navbar-brand').eq(0).remove();};if($('.navbar-brand').length == 2){$('.site-logo').css('height','auto')};$('.site-logo').eq(0).css('margin-right',0);$('.navbar-brand').css('padding-right',0)})</script>

4
home/index.html.erb
View File

@ -12,15 +12,15 @@
<div class="no-print single-child-datapp homebanner " data-pp="999"></div> <div class="no-print single-child-datapp homebanner " data-pp="999"></div>
<div class="layout-slide no-print single-child-datapp homebanner" data-pp="300"></div> <div class="layout-slide no-print single-child-datapp homebanner" data-pp="300"></div>
<div class="layout-content2 topcontent"> <div class="layout-content2 topcontent">
<div class=" single-child-datapp onesection" id="onesection" data-pp="1999"></div>
</div> </div>
<div class="verticalhome"> <div class="verticalhome">
<div class="layout-content topcontent"> <div class="layout-content topcontent">
<a id="accesskey_content" accesskey="C" href="/<%= "#{locale.to_s}" %>/accesskey" title="Content">:::</a> <a id="accesskey_content" accesskey="C" href="/<%= "#{locale.to_s}" %>/accesskey" title="Content">:::</a>
<div class="contentwrap"> <div class="contentwrap">
<div class="video-banner" data-pp="301" ></div>
<div class="container"> <div class="container">
<div class="video-banner" data-pp="301" ></div>
<section class="body-banner" data-pp="0"></section> <section class="body-banner" data-pp="0"></section>
<div class="row "> <div class="row ">
<section class="layout-content-box col-sm-4" data-pp="1"></section> <section class="layout-content-box col-sm-4" data-pp="1"></section>

2
modules/announcement/_annc_widget5.html.erb
View File

@ -20,7 +20,7 @@
<span class="w-annc__status-wrap" data-list="statuses" data-level="1"> <span class="w-annc__status-wrap" data-list="statuses" data-level="1">
<span class="w-annc__status label status {{status-class}}">{{status}}</span> <span class="w-annc__status label status {{status-class}}">{{status}}</span>
</span> </span>
<span class="w-annc__title">{{title}}</span> <a class="w-annc__title" href="{{link_to_show}}">{{title}}</a>
</h4> </h4>
<p class="w-annc__subtitle">{{subtitle}}</p> <p class="w-annc__subtitle">{{subtitle}}</p>
<div class="hashtagswrapper">{{orbithashtags}}</div> <div class="hashtagswrapper">{{orbithashtags}}</div>