fix some error
This commit is contained in:
parent
a2f0a87b45
commit
fe4e785c0a
|
|
@ -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;
|
|
||||||
}
|
|
||||||
|
|
@ -28,6 +28,8 @@ a:focus {
|
||||||
img {
|
img {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
|
object-fit: cover;
|
||||||
|
object-position: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.admin-edit {
|
.admin-edit {
|
||||||
|
|
|
||||||
|
|
@ -85,12 +85,6 @@ $w-item-heading-font-size: 0.85rem;
|
||||||
|
|
||||||
$border-width: 0.25em;
|
$border-width: 0.25em;
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.response-content {
|
.response-content {
|
||||||
justify-self: auto;
|
justify-self: auto;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -60,33 +60,27 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.w-event_news__img-wrap{
|
.w-event_news__img-wrap{
|
||||||
height: 200px;
|
height: 200px;
|
||||||
width: 200px;
|
width: 200px;
|
||||||
@media(max-width: $screen-xs){
|
padding: 0;
|
||||||
width: 300px;
|
margin: 0 0 1em 0;
|
||||||
height: 300px;
|
@media(max-width: $screen-sm){
|
||||||
margin: auto;
|
width: 90%;
|
||||||
}
|
height: auto;
|
||||||
margin: 0 0 1em 0;
|
margin: auto;
|
||||||
&:hover{
|
}
|
||||||
|
.w-event_news__img {
|
||||||
.captiondetail{
|
transition: all .5s ease-in-out;
|
||||||
visibility: visible;
|
position: relative !important;
|
||||||
opacity: 1;
|
transform: none !important;
|
||||||
transition: opacity .5s ease-out;
|
max-width: none !important;
|
||||||
}
|
width: 100% !important;
|
||||||
.w-event_news__img{
|
height: 100% !important;
|
||||||
transform: scale(1.5,1.5);
|
}
|
||||||
transition: all .5s;
|
&:hover{
|
||||||
}
|
.w-event_news__img{
|
||||||
}
|
transform: scale(1.5) !important;
|
||||||
}
|
}
|
||||||
.w-event_news__img{
|
|
||||||
width: 200px!important;
|
|
||||||
height: 200px!important;
|
|
||||||
@media(max-width: $screen-xs){
|
|
||||||
width: 300px!important;
|
|
||||||
height: 300px!important;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.w-event_news__img-wrap::before{
|
.w-event_news__img-wrap::before{
|
||||||
|
|
@ -101,18 +95,6 @@
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-width: 40px 40px 0 0;
|
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{
|
.index-event_news-5{
|
||||||
img{
|
img{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
@ -147,16 +129,16 @@
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media(min-width:$screen-xs){
|
@media(min-width:$screen-sm){
|
||||||
height: 300px;
|
height: 300px;
|
||||||
}
|
}
|
||||||
@media(max-width:$screen-xs){
|
@media(max-width:$screen-sm){
|
||||||
margin-bottom: 1em;
|
margin-bottom: 1em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.i-event_news__item{
|
.i-event_news__item{
|
||||||
margin-bottom: 6em;
|
margin-bottom: 6em;
|
||||||
@media(max-width:$screen-xs){
|
@media(max-width:$screen-sm){
|
||||||
margin-bottom: 6em;
|
margin-bottom: 6em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -374,36 +356,32 @@ background: linear-gradient(
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@media(min-width:1900px){
|
@media(min-width:1900px){
|
||||||
height: 983px;
|
height: 983px;
|
||||||
top: 180%;
|
top: 180%;
|
||||||
}
|
}
|
||||||
@media screen and (min-width:1400px) and (max-width:1899px){
|
@media screen and (min-width:1400px) and (max-width:1899px){
|
||||||
height: 992px;
|
height: 992px;
|
||||||
top: 172%;
|
top: 172%;
|
||||||
}
|
}
|
||||||
@media screen and (min-width:1025px) and (max-width:1400px){
|
@media screen and (min-width:1025px) and (max-width:1400px){
|
||||||
height: 1025px;
|
height: 1025px;
|
||||||
top: 164%;
|
top: 164%;
|
||||||
background: linear-gradient(
|
background: linear-gradient(338deg, transparent 63px, #fff 0);
|
||||||
338deg
|
}
|
||||||
, transparent 63px, #fff 0);
|
@media screen and (min-width:769px) and (max-width:1025px){
|
||||||
}
|
height: 990px;
|
||||||
@media screen and (min-width:769px) and (max-width:1025px){
|
top: 168%;
|
||||||
height: 990px;
|
}
|
||||||
top: 168%;
|
@media screen and (min-width:$screen-xs) and (max-width:769px){
|
||||||
}
|
top: 186%;
|
||||||
@media screen and (min-width:$screen-xs) and (max-width:769px){
|
height: 10405px;
|
||||||
top: 186%;
|
background: linear-gradient(338deg, transparent 38px, #fff 0);
|
||||||
height: 10405px;
|
}
|
||||||
background: linear-gradient(
|
@media(max-width:$screen-xs){
|
||||||
338deg
|
height: 2131px;
|
||||||
, transparent 38px, #fff 0);
|
top: 260%;
|
||||||
}
|
background: #fff;
|
||||||
@media(max-width:$screen-xs){
|
}
|
||||||
height: 2131px;
|
|
||||||
top: 260%;
|
|
||||||
background: #fff;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
.triangle5{
|
.triangle5{
|
||||||
border-color: transparent #fff #fff transparent;
|
border-color: transparent #fff #fff transparent;
|
||||||
|
|
@ -416,8 +394,8 @@ background: linear-gradient(
|
||||||
position: relative;
|
position: relative;
|
||||||
margin-top: -8em;
|
margin-top: -8em;
|
||||||
@media screen and (min-width:769px) and (max-width:1024px){
|
@media screen and (min-width:769px) and (max-width:1024px){
|
||||||
border-width: 42px 108px;
|
border-width: 42px 108px;
|
||||||
margin-top: -4em;
|
margin-top: -4em;
|
||||||
}
|
}
|
||||||
@media screen and (min-width:$screen-xs) and (max-width:769px){
|
@media screen and (min-width:$screen-xs) and (max-width:769px){
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -7,11 +7,6 @@
|
||||||
//
|
//
|
||||||
.w-annc__img-wrap{
|
.w-annc__img-wrap{
|
||||||
&:hover{
|
&:hover{
|
||||||
.captiondetail{
|
|
||||||
visibility: visible;
|
|
||||||
opacity: 1;
|
|
||||||
transition: opacity .5s ease-out;
|
|
||||||
}
|
|
||||||
.w-annc__img{
|
.w-annc__img{
|
||||||
transform: scale(1.5,1.5);
|
transform: scale(1.5,1.5);
|
||||||
transition: all .25s;
|
transition: all .25s;
|
||||||
|
|
|
||||||
|
|
@ -145,9 +145,11 @@ ul.tab_nav {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
span.hover-picture {
|
span.hover-picture {
|
||||||
display: inline-table;
|
display: inline-block;
|
||||||
position: relative;
|
position: relative;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
height: 100%;
|
||||||
|
width: 100%;
|
||||||
}
|
}
|
||||||
span.hover-picture-background {
|
span.hover-picture-background {
|
||||||
background: rgba(0,0,0,.65) url("/assets/hover.png") center center no-repeat;
|
background: rgba(0,0,0,.65) url("/assets/hover.png") center center no-repeat;
|
||||||
|
|
|
||||||
|
|
@ -7,12 +7,12 @@
|
||||||
|
|
||||||
@include clearfix;
|
@include clearfix;
|
||||||
|
|
||||||
.sitemenu-list{
|
.sitemenu-list{
|
||||||
li:first-child{
|
li.active{
|
||||||
color:#0032b2;
|
color:#0032b2;
|
||||||
background: url(/assets/icon_sub-hover.png) -20px top no-repeat;
|
background: url(/assets/icon_sub-hover.png) -20px top no-repeat;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
.sitemenu-item.level-1 {
|
.sitemenu-item.level-1 {
|
||||||
font-size: 0.8125rem;
|
font-size: 0.8125rem;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
|
||||||
|
|
@ -5,8 +5,9 @@
|
||||||
<ul class="w-annc__list" data-level="0" data-list="announcements">
|
<ul class="w-annc__list" data-level="0" data-list="announcements">
|
||||||
<li class="w-annc__item row">
|
<li class="w-annc__item row">
|
||||||
<div class="w-annc__img-wrap col-sm-4 bullseye">
|
<div class="w-annc__img-wrap col-sm-4 bullseye">
|
||||||
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
<a class="w-event_news__title" href="{{link_to_show}}">
|
||||||
<div class="captiondetail"></div>
|
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="w-annc__content-wrap col-sm-8">
|
<div class="w-annc__content-wrap col-sm-8">
|
||||||
<div class="w-annc__meta">
|
<div class="w-annc__meta">
|
||||||
|
|
|
||||||
|
|
@ -1,35 +1,36 @@
|
||||||
<div class="w-event_news widget-event_news-2">
|
<div class="w-event_news widget-event_news-2">
|
||||||
<h3 class="w-event_news__widget-title">
|
<h3 class="w-event_news__widget-title">
|
||||||
<span>{{widget-title}}</span>
|
<span>{{widget-title}}</span>
|
||||||
</h3>
|
</h3>
|
||||||
<ul class="w-event_news__list" data-level="0" data-list="event_news">
|
<ul class="w-event_news__list" data-level="0" data-list="event_news">
|
||||||
<li class="w-event_news__item row">
|
<li class="w-event_news__item row">
|
||||||
<div class="w-event_news__img-wrap col-sm-4 bullseye">
|
<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}}">
|
<a class="w-event_news__title" href="{{link_to_show}}">
|
||||||
<div class="captiondetail"></div>
|
<img class="w-event_news__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
||||||
</div>
|
</a>
|
||||||
<div class="w-event_news__content-wrap col-sm-8">
|
</div>
|
||||||
<div class="w-event_news__meta">
|
<div class="w-event_news__content-wrap col-sm-8">
|
||||||
<span class="w-event_news__status-wrap" data-list="statuses" data-level="1">
|
<div class="w-event_news__meta">
|
||||||
<span class="w-event_news__status label status {{status-class}}">{{status}}</span>
|
<span class="w-event_news__status-wrap" data-list="statuses" data-level="1">
|
||||||
</span>
|
<span class="w-event_news__status label status {{status-class}}">{{status}}</span>
|
||||||
<span class="w-event_news__postdate-wrap" date-format="%Y-%m-%d">
|
</span>
|
||||||
<i class="fa fa-calendar-o"></i>
|
<span class="w-event_news__postdate-wrap" date-format="%Y-%m-%d">
|
||||||
<span class="w-event_news__postdate">{{postdate}}</span>
|
<i class="fa fa-calendar-o"></i>
|
||||||
</span>
|
<span class="w-event_news__postdate">{{postdate}}</span>
|
||||||
<span class="w-event_news__category-wrap">
|
</span>
|
||||||
<i class="fa fa-tasks"></i>
|
<span class="w-event_news__category-wrap">
|
||||||
<span class="w-event_news__category">{{category}}</span>
|
<i class="fa fa-tasks"></i>
|
||||||
</span>
|
<span class="w-event_news__category">{{category}}</span>
|
||||||
</div>
|
</span>
|
||||||
<h4 class="w-event_news__entry-title">
|
</div>
|
||||||
<a class="w-event_news__title" href="{{link_to_show}}">{{title}}</a>
|
<h4 class="w-event_news__entry-title">
|
||||||
</h4>
|
<a class="w-event_news__title" href="{{link_to_show}}">{{title}}</a>
|
||||||
<p class="w-event_news__subtitle">{{subtitle}}</p>
|
</h4>
|
||||||
</div>
|
<p class="w-event_news__subtitle">{{subtitle}}</p>
|
||||||
</li>
|
</div>
|
||||||
</ul>
|
</li>
|
||||||
<div class="w-event_news__more-wrap clearfix">
|
</ul>
|
||||||
<a class="w-event_news__more btn btn-primary pull-right" href="{{more_url}}"><%= (I18n.locale.to_s =="zh_tw") ? "更多最新消息" : "More NEWS" %></a>
|
<div class="w-event_news__more-wrap clearfix">
|
||||||
</div>
|
<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>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue