This commit is contained in:
parent
a7c70dba94
commit
4953a0d0c1
|
|
@ -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
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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: '';
|
||||
|
|
|
|||
|
|
@ -131,7 +131,7 @@
|
|||
transform: rotate(45deg);
|
||||
float: left;
|
||||
i{
|
||||
color: #525252;
|
||||
color: #333;
|
||||
font-size: 1em!important;
|
||||
padding: 0!important;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -84,7 +84,7 @@
|
|||
}
|
||||
@media (min-width: 769px) {
|
||||
.navbar-header {
|
||||
float: left;
|
||||
// float: left;
|
||||
}
|
||||
.navbar-nav{
|
||||
flex-direction: row;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
// }
|
||||
|
|
|
|||
|
|
@ -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{
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
|
|
|
|||
|
|
@ -118,6 +118,11 @@ input:hover {
|
|||
transform: translateX(-0.75em);
|
||||
}
|
||||
}
|
||||
.membercontainer{
|
||||
@media (min-width: 769px){
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
// container setting
|
||||
.response-container {
|
||||
position: relative;
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Reference in New Issue