@import url("http://fonts.googleapis.com/css?family=Droid+Sans:400,700"); // 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/*"; .layout-content .box-social-share { clear: both; } .box-social-share { margin: 15px 0; } .box-social-share>* { display: inline-block !important; margin: 0 6px 0 0 !important; vertical-align: top !important; position: relative; top: 0; transition: 0.2s; } .black-screen{ position: fixed; width: 100%; height: 100%; opacity: 0; top: -20000px; background: rgba(0,0,0,.7); z-index: 1000; left: 0; transition:opacity .3s ,top 0s .3s; &.active{ opacity: 1; top:0; transition:opacity .3s; .content{ transform:translate(-50%,-50%); opacity: 1; top:50%; left: 50%; // box-shadow: #dcabff 0px 0px 150px; transition:opacity 1s .8s,top .5s .7s ; } } .content{ background: #fff; color:#666; font-family: '微軟正黑體','sans-serif'; position: absolute; opacity: 0; left:-20000px; top:60%; transform:translate(-50%,-50%); transform-origin:center; width: 90%; font-weight: bold; transition:opacity .5s ,top .5s, left 0s .5s; padding: 2px; @media (min-width: 768px){ width: 40%; padding: 30px; } @media (max-width: 767px){ padding: 30px 10px; } .close-btn{ position: absolute; right: 0; top:0; padding: 5px 10px; background: $theme-color-main; color:#fff; font-size: 1.125em; transition:.3s; &:hover{ background: $theme-color-second; } } } } @media (min-width:600px) and (max-width:1200px) { .w-ba-banner { position: relative; width: 100%; margin: 0 auto; } .page-home .layout-content .layout-content-boxL { display: grid; grid-template-columns: 1fr 1fr; } } @media (max-width:768px) { .w-ba-banner__wrap { width: 100%; } .w-annc__img { width: auto !important; } .navbar-header .navbar-brand, img.site-logo { float: none!important; display: block; text-align: center; margin: 25px auto!important; } } .background { position: fixed; width: 100%; left:0; z-index: -1; } img.w-ba-banner__image { width: 100%; margin: 5px 0 0 0px; } .tab-content { margin: 0 15px; } .filter_tab { background: transparent!important; } .w-annc h3.w-annc__widget-title span { color: #999!important; } li.filter_tab.active { border: 2px solid #999!important; border-bottom-color: #999!important; } aside .list-unstyled { background-color: #afaba2; margin-left: -15px; margin-right: -15px; padding: 15px; } aside.layout-content-boxL.aside.col-lg-3 { background-color: rgb(116, 157, 177); padding-bottom: 20px; border-radius: 10px; margin-top: 20px; margin-left: -10px; } li.widget-content:before { content: " "; display: inline-block; border-radius: 50px; background: #ffee6f; margin-right: 10px; height: 10px; width: 10px; }