fix some error

This commit is contained in:
chiu 2021-09-01 21:07:04 +08:00
parent a2f0a87b45
commit fe4e785c0a
9 changed files with 101 additions and 150 deletions

View File

@ -1,22 +0,0 @@
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}
.response-content {
justify-self: auto;
}

View File

@ -28,6 +28,8 @@ a:focus {
img {
max-width: 100%;
height: auto;
object-fit: cover;
object-position: center;
}
.admin-edit {

View File

@ -85,12 +85,6 @@ $w-item-heading-font-size: 0.85rem;
$border-width: 0.25em;
.response-content {
justify-self: auto;
}

View File

@ -60,33 +60,27 @@
}
}
.w-event_news__img-wrap{
height: 200px;
width: 200px;
@media(max-width: $screen-xs){
width: 300px;
height: 300px;
margin: auto;
}
margin: 0 0 1em 0;
&:hover{
.captiondetail{
visibility: visible;
opacity: 1;
transition: opacity .5s ease-out;
}
.w-event_news__img{
transform: scale(1.5,1.5);
transition: all .5s;
}
}
}
.w-event_news__img{
width: 200px!important;
height: 200px!important;
@media(max-width: $screen-xs){
width: 300px!important;
height: 300px!important;
height: 200px;
width: 200px;
padding: 0;
margin: 0 0 1em 0;
@media(max-width: $screen-sm){
width: 90%;
height: auto;
margin: auto;
}
.w-event_news__img {
transition: all .5s ease-in-out;
position: relative !important;
transform: none !important;
max-width: none !important;
width: 100% !important;
height: 100% !important;
}
&:hover{
.w-event_news__img{
transform: scale(1.5) !important;
}
}
}
.w-event_news__img-wrap::before{
@ -101,18 +95,6 @@
border-style: solid;
border-width: 40px 40px 0 0;
}
.captiondetail{
width: 200px;
height: 200px;
position: absolute;
left: 0;
opacity: 0;
background: #000000a6 url(/assets/hover.png) center center no-repeat;
@media(max-width: $screen-xs){
width: 300px;
height: 300px;
}
}
.index-event_news-5{
img{
width: 100%;
@ -147,16 +129,16 @@
height: 100%;
}
}
@media(min-width:$screen-xs){
@media(min-width:$screen-sm){
height: 300px;
}
@media(max-width:$screen-xs){
@media(max-width:$screen-sm){
margin-bottom: 1em;
}
}
.i-event_news__item{
margin-bottom: 6em;
@media(max-width:$screen-xs){
@media(max-width:$screen-sm){
margin-bottom: 6em;
}
}
@ -374,36 +356,32 @@ background: linear-gradient(
bottom: 0;
position: absolute;
@media(min-width:1900px){
height: 983px;
top: 180%;
}
@media screen and (min-width:1400px) and (max-width:1899px){
height: 992px;
top: 172%;
}
@media screen and (min-width:1025px) and (max-width:1400px){
height: 1025px;
top: 164%;
background: linear-gradient(
338deg
, transparent 63px, #fff 0);
}
@media screen and (min-width:769px) and (max-width:1025px){
height: 990px;
top: 168%;
}
@media screen and (min-width:$screen-xs) and (max-width:769px){
top: 186%;
height: 10405px;
background: linear-gradient(
338deg
, transparent 38px, #fff 0);
}
@media(max-width:$screen-xs){
height: 2131px;
top: 260%;
background: #fff;
}
height: 983px;
top: 180%;
}
@media screen and (min-width:1400px) and (max-width:1899px){
height: 992px;
top: 172%;
}
@media screen and (min-width:1025px) and (max-width:1400px){
height: 1025px;
top: 164%;
background: linear-gradient(338deg, transparent 63px, #fff 0);
}
@media screen and (min-width:769px) and (max-width:1025px){
height: 990px;
top: 168%;
}
@media screen and (min-width:$screen-xs) and (max-width:769px){
top: 186%;
height: 10405px;
background: linear-gradient(338deg, transparent 38px, #fff 0);
}
@media(max-width:$screen-xs){
height: 2131px;
top: 260%;
background: #fff;
}
}
.triangle5{
border-color: transparent #fff #fff transparent;
@ -416,8 +394,8 @@ background: linear-gradient(
position: relative;
margin-top: -8em;
@media screen and (min-width:769px) and (max-width:1024px){
border-width: 42px 108px;
margin-top: -4em;
border-width: 42px 108px;
margin-top: -4em;
}
@media screen and (min-width:$screen-xs) and (max-width:769px){

View File

@ -7,11 +7,6 @@
//
.w-annc__img-wrap{
&:hover{
.captiondetail{
visibility: visible;
opacity: 1;
transition: opacity .5s ease-out;
}
.w-annc__img{
transform: scale(1.5,1.5);
transition: all .25s;

View File

@ -145,9 +145,11 @@ ul.tab_nav {
}
}
span.hover-picture {
display: inline-table;
display: inline-block;
position: relative;
overflow: hidden;
height: 100%;
width: 100%;
}
span.hover-picture-background {
background: rgba(0,0,0,.65) url("/assets/hover.png") center center no-repeat;

View File

@ -7,12 +7,12 @@
@include clearfix;
.sitemenu-list{
li:first-child{
color:#0032b2;
background: url(/assets/icon_sub-hover.png) -20px top no-repeat;
.sitemenu-list{
li.active{
color:#0032b2;
background: url(/assets/icon_sub-hover.png) -20px top no-repeat;
}
}
}
.sitemenu-item.level-1 {
font-size: 0.8125rem;
position: relative;

View File

@ -5,8 +5,9 @@
<ul class="w-annc__list" data-level="0" data-list="announcements">
<li class="w-annc__item row">
<div class="w-annc__img-wrap col-sm-4 bullseye">
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
<div class="captiondetail"></div>
<a class="w-event_news__title" href="{{link_to_show}}">
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
</a>
</div>
<div class="w-annc__content-wrap col-sm-8">
<div class="w-annc__meta">

View File

@ -1,35 +1,36 @@
<div class="w-event_news widget-event_news-2">
<h3 class="w-event_news__widget-title">
<span>{{widget-title}}</span>
</h3>
<ul class="w-event_news__list" data-level="0" data-list="event_news">
<li class="w-event_news__item row">
<div class="w-event_news__img-wrap col-sm-4 bullseye">
<img class="w-event_news__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
<div class="captiondetail"></div>
</div>
<div class="w-event_news__content-wrap col-sm-8">
<div class="w-event_news__meta">
<span class="w-event_news__status-wrap" data-list="statuses" data-level="1">
<span class="w-event_news__status label status {{status-class}}">{{status}}</span>
</span>
<span class="w-event_news__postdate-wrap" date-format="%Y-%m-%d">
<i class="fa fa-calendar-o"></i>
<span class="w-event_news__postdate">{{postdate}}</span>
</span>
<span class="w-event_news__category-wrap">
<i class="fa fa-tasks"></i>
<span class="w-event_news__category">{{category}}</span>
</span>
</div>
<h4 class="w-event_news__entry-title">
<a class="w-event_news__title" href="{{link_to_show}}">{{title}}</a>
</h4>
<p class="w-event_news__subtitle">{{subtitle}}</p>
</div>
</li>
</ul>
<div class="w-event_news__more-wrap clearfix">
<a class="w-event_news__more btn btn-primary pull-right" href="{{more_url}}"><%= (I18n.locale.to_s =="zh_tw") ? "更多最新消息" : "More NEWS" %></a>
</div>
</div>
<div class="w-event_news widget-event_news-2">
<h3 class="w-event_news__widget-title">
<span>{{widget-title}}</span>
</h3>
<ul class="w-event_news__list" data-level="0" data-list="event_news">
<li class="w-event_news__item row">
<div class="w-event_news__img-wrap col-sm-4 bullseye">
<a class="w-event_news__title" href="{{link_to_show}}">
<img class="w-event_news__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
</a>
</div>
<div class="w-event_news__content-wrap col-sm-8">
<div class="w-event_news__meta">
<span class="w-event_news__status-wrap" data-list="statuses" data-level="1">
<span class="w-event_news__status label status {{status-class}}">{{status}}</span>
</span>
<span class="w-event_news__postdate-wrap" date-format="%Y-%m-%d">
<i class="fa fa-calendar-o"></i>
<span class="w-event_news__postdate">{{postdate}}</span>
</span>
<span class="w-event_news__category-wrap">
<i class="fa fa-tasks"></i>
<span class="w-event_news__category">{{category}}</span>
</span>
</div>
<h4 class="w-event_news__entry-title">
<a class="w-event_news__title" href="{{link_to_show}}">{{title}}</a>
</h4>
<p class="w-event_news__subtitle">{{subtitle}}</p>
</div>
</li>
</ul>
<div class="w-event_news__more-wrap clearfix">
<a class="w-event_news__more btn btn-primary pull-right" href="{{more_url}}"><%= (I18n.locale.to_s =="zh_tw") ? "更多最新消息" : "More NEWS" %></a>
</div>
</div>