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

View File

@ -2546,7 +2546,7 @@ $(function() {
if ($(window).width() <769) {
$('.modules-menu-level-0').after($('.header-nav'));
}else{
$('.navbar-header').before($('.header-nav'));
$('.outdropdowns').before($('.header-nav'));
};
$('.sitemenu-vertical .sitemenu-dropdown-toggle').click(function(){
$('.sitemenu-vertical .dropdown-menu').slideToggle();
@ -2613,7 +2613,7 @@ $(function() {
if ($(window).width() <769) {
$('.modules-menu-level-0').after($('.header-nav'));
}else{
$('.navbar-header').before($('.header-nav'));
$('.outdropdowns').before($('.header-nav'));
};
if ($(window).width() > 821) {
@ -3072,26 +3072,26 @@ $(function() {
});
//選單高度
$(document).ready(function() {
function adjustNavMargin() {
if ($(window).width() > 769) {
var headerHeight = $('.navbar-header').outerHeight(); // 抓高度(含padding)
$('#layout-navigation').css('margin-top', headerHeight + 'px');
} else {
// 螢幕小於等於 769px 時,還原 margin-top
$('#layout-navigation').css('margin-top', '');
}
}
// //選單高度
// $(document).ready(function() {
// function adjustNavMargin() {
// if ($(window).width() > 769) {
// var headerHeight = $('.navbar-header').outerHeight(); // 抓高度(含padding)
// $('#layout-navigation').css('margin-top', headerHeight + 'px');
// } else {
// // 螢幕小於等於 769px 時,還原 margin-top
// $('#layout-navigation').css('margin-top', '');
// }
// }
// 初始化執行一次
adjustNavMargin();
// // 初始化執行一次
// adjustNavMargin();
// 視窗縮放時也更新
$(window).resize(function() {
adjustNavMargin();
});
});
// // 視窗縮放時也更新
// $(window).resize(function() {
// adjustNavMargin();
// });
// });
// //選單樣式2
// $(document).ready(function() {
// "use strict";
@ -4176,6 +4176,28 @@ $(function() {
});
}, 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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

@ -18,13 +18,12 @@
<div class="cover"></div>
</div>
<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="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">
<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>

View File

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

View File

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