'menu'
This commit is contained in:
parent
bebb5cb775
commit
88257a67cd
|
|
@ -1203,19 +1203,6 @@ $(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);
|
||||
|
||||
|
|
|
|||
|
|
@ -41,14 +41,19 @@ li{
|
|||
html {
|
||||
font-size: 100%;
|
||||
}
|
||||
|
||||
.orbitbar-line{
|
||||
left: 0;
|
||||
}
|
||||
body {
|
||||
font-family: $sub-font;
|
||||
font-size: inherit;
|
||||
margin-top: 2.5em;
|
||||
overflow: hidden scroll;
|
||||
letter-spacing: 0.5px;
|
||||
background-color: #f8f9fa;
|
||||
@media(min-width:1025px){
|
||||
max-width: 960px;
|
||||
margin: auto;
|
||||
}
|
||||
}
|
||||
|
||||
a:link,
|
||||
|
|
|
|||
|
|
@ -18,14 +18,13 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
.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;
|
||||
|
|
@ -40,7 +39,7 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
// Title
|
||||
.unity-title {
|
||||
line-height: 1.5;
|
||||
|
|
|
|||
|
|
@ -61,7 +61,7 @@
|
|||
}
|
||||
.header-banner { overflow: hidden; }
|
||||
.header-nav {
|
||||
padding:0;
|
||||
padding:0.5em 0 0 0;
|
||||
font-family: $main-font;
|
||||
text-transform:uppercase;
|
||||
display: flex;
|
||||
|
|
|
|||
|
|
@ -8,28 +8,6 @@
|
|||
|
||||
// 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;
|
||||
|
|
@ -91,7 +69,7 @@ iframe{
|
|||
@include list-reset;
|
||||
position: absolute;
|
||||
bottom: 0.5rem!important;
|
||||
z-index: 100;
|
||||
z-index: 1000;
|
||||
text-align:center;
|
||||
width: 100%;
|
||||
li {
|
||||
|
|
@ -256,7 +234,7 @@ ul.button-mid{
|
|||
.banner-pager {
|
||||
right: 1em;
|
||||
top: -2em;
|
||||
z-index: 100;
|
||||
z-index: 102;
|
||||
display: none;
|
||||
}
|
||||
.button-mid{
|
||||
|
|
@ -328,7 +306,7 @@ ul.button-mid{
|
|||
padding: 3.5em 5em;
|
||||
background-image: linear-gradient(180deg, transparent 0, #00000066 40%, #000);
|
||||
position: absolute;
|
||||
z-index: 99;
|
||||
z-index: 999;
|
||||
color: #fff;
|
||||
}
|
||||
.w-ba-banner__caption {
|
||||
|
|
@ -379,7 +357,7 @@ ul.button-mid{
|
|||
.banner-pager {
|
||||
right: 1em;
|
||||
top: -2em;
|
||||
z-index: 100;
|
||||
z-index: 102;
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
|
@ -422,8 +400,10 @@ ul.button-mid{
|
|||
.ba-banner-widget-5 {
|
||||
margin: 1em 0;
|
||||
.slide-img {
|
||||
@media(min-width:769px){
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
.slide-content {
|
||||
z-index: 200;
|
||||
font-family: $main-font;
|
||||
|
|
|
|||
|
|
@ -77,97 +77,119 @@
|
|||
// }
|
||||
|
||||
//固定選單
|
||||
.navFixed {
|
||||
.header-nav{
|
||||
display: none!important;
|
||||
-webkit-transition: all .3s ease;
|
||||
-moz-transition: all .3s ease;
|
||||
-ms-transition: all .3s ease;
|
||||
-o-transition: all .3s ease;
|
||||
transition: all .3s ease;
|
||||
// .navFixed {
|
||||
// .header-nav{
|
||||
// display: none!important;
|
||||
// -webkit-transition: all .3s ease;
|
||||
// -moz-transition: all .3s ease;
|
||||
// -ms-transition: all .3s ease;
|
||||
// -o-transition: all .3s ease;
|
||||
// transition: all .3s ease;
|
||||
// }
|
||||
// z-index: 10;
|
||||
// position: fixed;
|
||||
// left: 0;
|
||||
// top:0;
|
||||
// margin-top: 0;
|
||||
// min-width: 100%;
|
||||
// -webkit-backdrop-filter: saturate(180%) blur(20px);
|
||||
// backdrop-filter: saturate(180%) blur(20px);
|
||||
// background-color: #fff;
|
||||
// -webkit-transition: all .3s ease;
|
||||
// -moz-transition: all .3s ease;
|
||||
// -ms-transition: all .3s ease;
|
||||
// -o-transition: all .3s ease;
|
||||
// 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: 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;
|
||||
padding-left: 1em;
|
||||
padding-right: 1em;
|
||||
}
|
||||
}
|
||||
}
|
||||
.homebanner,.topcontent,.video-banner{
|
||||
z-index: 1;
|
||||
position: relative;
|
||||
@media(min-width: 769px){
|
||||
margin-left: 20% !important;
|
||||
padding-left: 1em;
|
||||
.ba-banner-widget-0 img{
|
||||
transform: none!important;
|
||||
}
|
||||
}
|
||||
}
|
||||
.layout-header .navbar-header .navbar-brand{
|
||||
@media(min-width: 1200px){
|
||||
padding-left: 0;
|
||||
}
|
||||
z-index: 10;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top:0;
|
||||
margin-top: 0;
|
||||
min-width: 100%;
|
||||
-webkit-backdrop-filter: saturate(180%) blur(20px);
|
||||
backdrop-filter: saturate(180%) blur(20px);
|
||||
background-color: #fff;
|
||||
-webkit-transition: all .3s ease;
|
||||
-moz-transition: all .3s ease;
|
||||
-ms-transition: all .3s ease;
|
||||
-o-transition: all .3s ease;
|
||||
transition: all .3s ease;
|
||||
}
|
||||
|
||||
// //直式選單更改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;
|
||||
// }
|
||||
// }
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.menufa{
|
||||
padding-right: 1em;
|
||||
@media(max-width:768px){
|
||||
display: none!important;
|
||||
}
|
||||
}
|
||||
.menufa2{
|
||||
position: absolute;
|
||||
right: 0;
|
||||
@media(max-width:768px){
|
||||
display: none!important;
|
||||
}
|
||||
}
|
||||
#layout-navigation{
|
||||
@media(min-width: 769px){
|
||||
width: 100%;
|
||||
|
|
@ -191,6 +213,7 @@
|
|||
}
|
||||
|
||||
.modules-menu-level-0 {
|
||||
float: none!important;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
@media (min-width:769px)and(max-width: 1024px){
|
||||
|
|
@ -337,7 +360,6 @@
|
|||
&:nth-last-child(2){
|
||||
.modules-menu-level-2 {
|
||||
right: 100%;
|
||||
left: auto;
|
||||
}
|
||||
}
|
||||
&:last-child {
|
||||
|
|
@ -362,7 +384,6 @@
|
|||
|
||||
.modules-menu-level-2 {
|
||||
right: 100%;
|
||||
left: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -372,6 +393,9 @@
|
|||
color:#686868;
|
||||
font-weight: bold;
|
||||
position: relative;
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
|
|
@ -419,14 +443,14 @@
|
|||
}
|
||||
|
||||
&:hover {
|
||||
/* background-color: $theme-color-second;*/
|
||||
background-color: $theme-color-second;
|
||||
@media(max-width: 769px){
|
||||
a,i {
|
||||
color:$theme-color-second;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
&>a {
|
||||
color:$theme-color-second;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue