asia-home-b-en/assets/stylesheets/template/template.scss

218 lines
3.9 KiB
SCSS
Raw Normal View History

2022-01-05 03:03:25 +00:00
@import url("https://fonts.googleapis.com/css?family=Droid+Sans:400,700");
2021-08-30 10:09:12 +00:00
// Base
@import "base/orbitbar-override";
@import "base/sitemap-override";
@import "base/global";
@import "base/unity";
@import "base/utilities";
@import "base/pagination";
@import "base/accesskey";
@import "base/go_back_top";
@import "base/ckeditor-reset";
// Layout
@import "layout/*";
// Modules
@import "modules/*";
// Widget
@import "widget/*";
//RWD
@import "RWD";
2021-12-28 12:00:25 +00:00
div.weather_widget1{
background: unset;
}
2021-12-28 07:51:52 +00:00
.navFixed .modules-menu .modules-menu-level-0 > li:focus-within .modules-menu-level-1, .navRel .modules-menu .modules-menu-level-0 > li:focus-within .modules-menu-level-1{
visibility: visible;
max-height: 65%;
opacity: 1;
border-radius: 0.5em;
padding: 1em 5% 3em;
2021-08-30 10:09:12 +00:00
2021-12-28 07:51:52 +00:00
}
2022-01-21 10:08:09 +00:00
a:focus > img{
2022-02-04 04:04:58 +00:00
border: 0.5em outset;
2022-01-21 10:08:09 +00:00
transition-duration: 0.5s;
transition-timing-function: ease-in-out;
}
2022-01-21 05:25:52 +00:00
.kenmenu{
.modules-menu-level-0{
padding-right: 2em;
li{
position: relative;
&>ul{
left: 0;
white-space: nowrap;
padding-right: 2em;
}
}
}
}
2021-10-21 14:05:22 +00:00
div.extra-box:empty {
display: none;
}
2021-08-30 10:09:12 +00:00
.dropdown-toggle:focus {
// outline: 2px solid #43B5FC;
outline: transparent;
}
// container setting
.response-container {
position: relative;
@media (min-width: $screen-xs) {
width: 100%;
padding: 0;
}
@media (min-width: $screen-sm) {
width: 100%;
}
@media (min-width: $screen-md) {
width: 100%;
}
@media (min-width: $screen-lg) {
width:100%;
}
}
.response-pagecontainer {
position: relative;
margin: auto;
@media (min-width: $screen-xs) {
width: 100%;
padding: 0;
}
@media (min-width: $screen-sm) {
width: 100%;
}
@media (min-width: $screen-md) {
width: 60em;
}
@media (min-width: $screen-lg) {
width:70em;
}
}
.dropdowns{
@media (min-width: $screen-md) {
display: flex;
margin: auto;
flex-wrap: wrap;
justify-content: center;
top: 0;
right: 0;
left: 0;
}
}
.header-buttom{
@media (min-width: $screen-md) {
padding: 12px;
}
}
.background {
width: 100%;
position: fixed !important;
left: 0;
top: 30px;
z-index: -1;
}
.extra { clear: both; }
.threesection{
ul.tab_nav{
li{
border: 1px solid #0000001f!important;
}
}
}
//公告頁籤
ul.tab_nav {
list-style-type: none;
padding: 0;
display: flex;
flex-wrap: wrap;
font-family: $main-font;
justify-content: center;
align-items: center;
li {
padding: 0.5em 1em;
color: #333;
// background: $theme-color-green;
background: none;
margin: 0.5em;
cursor: pointer;
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
border-radius: 30px;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
&:hover{
background:#288E8E;
color: #fff;
}
&.active {
background:#288E8E;
color: #fff;
}
}
}
.noscroll { overflow: hidden; position: fixed; }
//覆蓋bootstrap 設定
.row { margin: 0; }
.container>.navbar-collapse {
@media (max-width: 767px) {
margin-left: 0;
margin-right: 0;
}
}
//共用樣式
.title {
@extend .unity-title;
}
.superBtn {
a.btn-primary {
color: $theme-white;
border-color: #990000;
background-color: #990000;
font-size: 0.8125rem;
padding: 0.3em 0.5em;
&:hover {
background-color: darken(#990000, 10%);
border-color: darken(#990000, 10%);
}
}
}
.layout-content-box{
.bus_info{
@media (min-width: 769px){
padding: 0 0 0 calc(5% + 1em);
}
padding: 0 2em;
}
}
2021-08-31 07:41:40 +00:00
.show-member tr:first-child>*[class^=member-data-title],.i-member tr:first-child>*[class^=member-data-title]{
2021-08-30 10:09:12 +00:00
word-break: keep-all;
}
2021-09-10 12:03:22 +00:00
h3.page-module-title {
text-align: left;
2021-09-10 12:05:46 +00:00
}
.title-wraper{
width: 100%;
order: 1;
2021-12-28 07:51:52 +00:00
}