diff --git a/assets/javascripts/app.js b/assets/javascripts/app.js index b81dad2..aae2ea8 100644 --- a/assets/javascripts/app.js +++ b/assets/javascripts/app.js @@ -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); diff --git a/assets/stylesheets/template/base/_accesskey.scss b/assets/stylesheets/template/base/_accesskey.scss index 5f8b74e..f9246c9 100644 --- a/assets/stylesheets/template/base/_accesskey.scss +++ b/assets/stylesheets/template/base/_accesskey.scss @@ -14,3 +14,10 @@ a[accesskey] { color: #ffffff !important; } } +.layout-header{ + a[accesskey] { + position: relative!important; + margin-left: -0.9375em; + color: transparent !important; + } +} diff --git a/assets/stylesheets/template/layout/header.scss b/assets/stylesheets/template/layout/header.scss index bf5cca7..2e5e223 100644 --- a/assets/stylesheets/template/layout/header.scss +++ b/assets/stylesheets/template/layout/header.scss @@ -62,7 +62,7 @@ } .header-banner { overflow: hidden; } .header-nav { - padding:0; + padding:1em 0 0 0; font-family: $main-font; text-transform:uppercase; display: flex; diff --git a/assets/stylesheets/template/modules/menu.scss b/assets/stylesheets/template/modules/menu.scss index 271b22b..37bd788 100644 --- a/assets/stylesheets/template/modules/menu.scss +++ b/assets/stylesheets/template/modules/menu.scss @@ -165,8 +165,14 @@ - - +#layout-navigation{ + background-color: $theme-color-second; + // border-top: 5px solid #9f9f9fcc; +} +.kenmenu-drop{ + padding-left: 0.5em; + font-size: small; +} #layout-navigation{ @media(min-width: 769px){ @@ -193,10 +199,11 @@ .modules-menu-level-0 { width: 100%; padding: 0; + float: none !important; @media (min-width:769px)and(max-width: 1024px){ display: flex; flex-wrap: wrap; - justify-content:space-between; + justify-content:flex-start; padding: 0; width: 100%; } @@ -205,8 +212,8 @@ list-style: none; display: flex; flex-wrap: wrap; - justify-content: flex-end; - width: 65%; + justify-content: flex-start; + width:100%; } .has-dropdown.level-1.active { .modules-menu-level-1 { @@ -245,7 +252,7 @@ border-radius: 0.13em; top: 2em; @media(max-width: 769px){ - top: 1em; + top: 0.5em; font-size: 1em; } } @@ -262,14 +269,15 @@ list-style: none; position:relative; margin: 0; - padding: 0.5em; - border-bottom: 0.0625em solid lighten($theme-gray, 5%); + padding:0; + // border-bottom: 0.0625em solid lighten($theme-gray, 5%); & > a { display: block; padding: 1em; font-family: $main-font; font-size: 1.1em; + color: #fff; &:after{ content:''; position:absolute; @@ -287,7 +295,7 @@ bottom:0; } &.active { - color: $theme-color-second; + color: #fff; background: none; &:after{ width:100%; @@ -297,9 +305,9 @@ } &:hover { + background: rgba(darken($theme-color-second, 10%), 1); & > a { - color: $theme-color-second; - background: transparent; + // color: $theme-color-second; box-shadow:none; &:after{ width:100%; @@ -369,7 +377,7 @@ & > a { font-size:1.1em; - color:#686868; + color:#fff; font-weight: bold; position: relative; } @@ -397,7 +405,7 @@ box-shadow: 2px 2px 5px #00000033; margin:0; transition-duration: 0.5s; - background: #f0f0f0; + background: rgba(darken($theme-color-second, 5%), 1); & > a { padding: 1em 1.5em; } @@ -414,19 +422,19 @@ display: block; font-family: $main-font; font-weight: 600; - color: #686868; + color: #fff; font-size: 1.1em; } &:hover { -/* background-color: $theme-color-second;*/ + background:rgba(darken($theme-color-second, 15%), 1); @media(max-width: 769px){ a,i { - color:$theme-color-second; + color:#fff; } } &>a { - color:$theme-color-second; + color:#fff; } } } @@ -463,14 +471,15 @@ & > a { display: block; font-family: $main-font; - color:#686868; + color:#fff; font-weight: 500; font-weight: bold; } &:hover { + background:rgba(darken($theme-color-second, 20%), 1); a{ transition: all 0.3s ease-in-out; - color: $theme-color-second; + color: #fff; margin-left: 0.5rem; } } @@ -479,7 +488,7 @@ @media (min-width: $screen-sm) { top: 0; left: 100%; - background-color: #dbdbdb; + background:rgba(darken($theme-color-second, 10%), 1); position: absolute; min-width: 150px; } @@ -526,10 +535,13 @@ width: 80%; position: absolute; right: 0; - background: #ffffff; + background:$theme-color-second; height: 100%; top: 0; padding-top: 40px; + color: #fff; + padding-left: 0; + padding-right: 0; } .modules-menu .modules-menu-level-0 > li > a, .modules-menu .modules-menu-level-0 ,.modules-menu .modules-menu-level-0 > li { font-weight:bold;