This commit is contained in:
ken 2026-09-11 13:39:07 +08:00
parent 3e39b52c60
commit 5c005f3198
10 changed files with 74 additions and 86 deletions

View File

@ -1,26 +1,3 @@
// 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";
.list-unstyled::after {
content: "";
display: table;
@ -76,26 +53,6 @@ input:hover {
}
}
// container setting
.response-container {
position: relative;
margin:auto;
z-index: 1;
@media (max-width: $screen-xs) {
width: 100%;
}
@media (min-width: $screen-sm) {
width: 100%;
}
@media (min-width: $screen-md) {
width: 80%;
}
@media (min-width: $screen-lg) {
max-width: 1700px;
padding: 0;
}
}
.dropdowns{
@media (min-width: $screen-md) {
margin: auto;
@ -136,6 +93,7 @@ ul.tab_nav,.nav_tabs_filter {
color: #5e5e5e;
box-shadow: 0px 6px 20px 0px #64646f33;
border-radius: 3em;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
border: none;
@media(max-width:$screen-xs){
width:40%;
@ -217,6 +175,7 @@ ul.tab_nav,.nav_tabs_filter {
}
.black-screen-social-window.reactable .content-social .social_wrap > div:hover, .black-screen-social-window.reactable .content-social .social_wrap > div.hover-class{
border-radius: 30px 0 0 30px;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
background: #fff;
}
.hide_sharer_button{
@ -261,6 +220,7 @@ ul.tab_nav,.nav_tabs_filter {
background: #c0155a;
color: #fff;
border-radius: 8px 0 0 8px;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
display: flex;
flex-direction: column;
align-items: center;
@ -278,6 +238,7 @@ ul.tab_nav,.nav_tabs_filter {
outline: 3px solid #fff;
outline-offset: -3px;
border-radius: 8px 0 0 8px;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
}
}
@ -300,6 +261,7 @@ ul.tab_nav,.nav_tabs_filter {
background: transparent;
border: none;
border-radius: 8px 0 0 8px;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
}
/* hover 或 focus-within 時自動展開 */
@ -538,6 +500,7 @@ ul.tab_nav,.nav_tabs_filter {
position: absolute;
padding: 0.1em 1.5em;
border-radius: 1em;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
border: 2px solid #f5c346;
color: #333;
left: 36%;
@ -568,6 +531,7 @@ ul.tab_nav,.nav_tabs_filter {
position: absolute;
padding: 0.1em 1.5em;
border-radius: 1em;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
border: 2px solid #5a89f5;
color: #333;
left: 36%;
@ -598,6 +562,7 @@ ul.tab_nav,.nav_tabs_filter {
position: absolute;
padding: 0.1em 1.5em;
border-radius: 1em;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
border: 2px solid #464063;
color: #333;
left: 36%;
@ -628,6 +593,7 @@ ul.tab_nav,.nav_tabs_filter {
position: absolute;
padding: 0.1em 1.5em;
border-radius: 1em;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
border: 2px solid #ed7b77;
color: #333;
left: 36%;
@ -658,6 +624,7 @@ ul.tab_nav,.nav_tabs_filter {
position: absolute;
padding: 0.1em 1.5em;
border-radius: 1em;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
border: 2px solid #afaac8;
color: #333;
left: 36%;
@ -758,6 +725,7 @@ table.dataTable>tbody>tr.child{
.modal-content{
box-shadow: 0 24px 38px 3px #00000024, 0 9px 46px 8px #0000001f, 0 11px 15px -7px #00000033;
border-radius: 8px;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
border: 0;
}
.fc .fc-daygrid-day.fc-day-today{
@ -1037,6 +1005,7 @@ a.ui-state-default{
letter-spacing: 2px;
outline: none;
border-radius: 25px;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
transition: all .5s ease-in-out;
background:none;
padding-right: 40px;
@ -1093,6 +1062,7 @@ a.ui-state-default{
outline: none;
cursor: pointer;
border-radius: 50%;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
position: absolute;
right: 0px;
color:#333;
@ -1105,6 +1075,7 @@ a.ui-state-default{
.btn-search:focus ~ .input-search{
width: 150px;
border-radius: 0px;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
background-color: transparent;
border-bottom:1px solid rgba(255,255,255,.5);
transition: all 500ms cubic-bezier(0, 0.110, 0.35, 2);
@ -1113,6 +1084,7 @@ a.ui-state-default{
.input-search:focus{
width: 150px;
border-radius: 0px;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
background-color: transparent;
border-bottom:1px solid rgba(255,255,255,.5);
transition: all 500ms cubic-bezier(0, 0.110, 0.35, 2);
@ -1132,6 +1104,7 @@ a.ui-state-default{
.btn-search-trigger:focus {
outline: 2px solid #1a1a1a;
border-radius: 4px;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
}
/* overlay 全螢幕 */
@ -1165,6 +1138,7 @@ a.ui-state-default{
line-height: 1;
padding: 0.25rem 0.5rem;
border-radius: 4px;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
transition: color 0.2s;
}
@ -1195,6 +1169,7 @@ a.ui-state-default{
align-items: center;
border: 2px solid #1a1a1a;
border-radius: 50px;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
overflow: hidden;
padding: 0 0.5rem 0 1.5rem;
}
@ -1294,4 +1269,4 @@ hr{
right: 3em;
}
}
}
}

View File

@ -148,6 +148,15 @@
color: $theme-white;
}
}
.btn-warning{
background-color: $theme-color-second;
color: #fff;
&:hover{
background-color: $theme-color-second;
color: #fff;
opacity: .8;
}
}
ol, ul{
padding-left: 1.6em;
text-align: left;

View File

@ -201,6 +201,9 @@
position: relative !important;
}
}
.w-annc__content-wrap{
padding: 1em;
}
.w-annc__item{
background-color: #fff;
border: 1px solid #dedcdc;
@ -214,7 +217,6 @@
}
}
.w-annc__entry-title{
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
@ -225,12 +227,6 @@
padding: 1em;
display: none;
}
.w-annc__subtitle{
padding:1em;
}
.w-annc__entry-title{
padding: 0 1em;
}
}
// Widget-2
@ -1051,11 +1047,6 @@
-webkit-box-orient: vertical;
}
}
.clearfix{
// text-align: center;
// display: flex;
// justify-content: center;
}
.w-annc__subtitle {
display: -webkit-box;
-webkit-line-clamp: 2;
@ -1065,6 +1056,7 @@
}
.w-annc__content-wrap {
display: inline-block;
color: #fff;
&:after {
content: '';
display: block;
@ -1108,14 +1100,6 @@
box-shadow: 0 12px 24px #0000004d, 0 10px 10px #00000033;
-webkit-box-shadow: 0 12px 24px #0000004d, 0 10px 10px #00000033;
}
img{
// transform: scale(1.2)!important;
// -webkit-transition: .3s ease-out;
// -moz-transition: .3s ease-out;
// -ms-transition: .3s ease-out;
// -o-transition: .3s ease-out;
// transition: .3s ease-out;
}
.transitionfade{
height: inherit;
position: absolute;
@ -1405,6 +1389,7 @@
left: 0;
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 2%, rgba(0, 0, 0, 0.501961) 89%);
width: 100%;
color: #fff;
}
.card:before{
content: "";

View File

@ -0,0 +1,10 @@
@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";
@import "base/response-container";

View File

@ -0,0 +1,2 @@
@import "base/response-container";
@import "layout/*";

View File

@ -0,0 +1,5 @@
@import "base/unity";
@import "modules/*";
@import "widget/*";
@import "RWD";
@import "base/body-styles";

View File

@ -8,21 +8,23 @@
<div class="w-annc__img-wrap ">
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}">
</div>
<div class="w-annc__meta">
<span class="w-annc__postdate-wrap" date-format="%Y-%m-%d">
<span class="w-annc__postdate">{{postdate}}</span>
</span>
<span class="w-annc__category-wrap">
<span class="w-annc__category">{{category}}</span>
<div class="w-annc__content-wrap">
<div class="w-annc__meta">
<span class="w-annc__postdate-wrap" date-format="%Y-%m-%d">
<span class="w-annc__postdate">{{postdate}}</span>
</span>
<span class="w-annc__category-wrap">
<span class="w-annc__category">{{category}}</span>
</span>
</div>
<span class="w-annc__status-wrap" data-list="statuses" data-level="1">
<span class="w-annc__status label status {{status-class}}">{{status}}</span>
</span>
<h4 class="w-annc__entry-title">
<span class="w-annc__title">{{title}}</span>
</h4>
<p class="w-annc__subtitle">{{subtitle}}</p>
</div>
<span class="w-annc__status-wrap" data-list="statuses" data-level="1">
<span class="w-annc__status label status {{status-class}}">{{status}}</span>
</span>
<h4 class="w-annc__entry-title">
<span class="w-annc__title">{{title}}</span>
</h4>
<p class="w-annc__subtitle">{{subtitle}}</p>
</a>
</li>
</ul>

View File

@ -14,9 +14,6 @@
</div>
<div class="w-annc__content-wrap card">
<div class="w-annc__meta">
<span class="w-annc__status-wrap" data-list="statuses" data-level="1">
<span class="w-annc__status label {{status-class}}">{{status}}</span>
</span>
<span class="w-annc__postdate-wrap" date-format="%Y-%m-%d">
<i class="fa fa-calendar-o"></i>
<span class="w-annc__postdate">{{postdate}}</span>
@ -26,6 +23,9 @@
<span class="w-annc__category">{{category}}</span>
</span>
</div>
<span class="w-annc__status-wrap" data-list="statuses" data-level="1">
<span class="w-annc__status label {{status-class}}">{{status}}</span>
</span>
<h4 class="w-annc__entry-title">
<span class="w-annc__title">{{title}}</span>
</h4>

View File

@ -16,9 +16,6 @@
</div>
<div class="w-annc__content-wrap">
<div class="w-annc__meta">
<span class="w-annc__status-wrap" data-list="statuses" data-level="1">
<span class="w-annc__status label {{status-class}}">{{status}}</span>
</span>
<span class="w-annc__postdate-wrap" date-format="%Y-%m-%d">
<i class="fa fa-calendar-o"></i>
<span class="w-annc__postdate">{{postdate}}</span>
@ -28,6 +25,9 @@
<span class="w-annc__category">{{category}}</span>
</span>
</div>
<span class="w-annc__status-wrap" data-list="statuses" data-level="1">
<span class="w-annc__status label {{status-class}}">{{status}}</span>
</span>
<h4 class="w-annc__entry-title">
<span class="w-annc__title">{{title}}</span>
</h4>

View File

@ -12,9 +12,6 @@
</div>
<div class="w-annc__content-wrap">
<div class="w-annc__meta">
<span class="w-annc__status-wrap" data-list="statuses" data-level="1">
<span class="w-annc__status label {{status-class}}">{{status}}</span>
</span>
<span class="w-annc__postdate-wrap" date-format="%Y-%m-%d">
<i class="fa fa-calendar-o"></i>
<span class="w-annc__postdate">{{postdate}}</span>
@ -24,6 +21,9 @@
<span class="w-annc__category">{{category}}</span>
</span>
</div>
<span class="w-annc__status-wrap" data-list="statuses" data-level="1">
<span class="w-annc__status label {{status-class}}">{{status}}</span>
</span>
<h4 class="w-annc__entry-title">
<span class="w-annc__title">{{title}}</span>
</h4>