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

241 lines
4.5 KiB
SCSS

@charset "utf-8";
@import "../initial";
.header-banner img[src*='epaper'] {
position: absolute;
top: 0;
transform: translateX(50%);
right: 50%;
top: 3em;
}
.row.epaper-container {
display: flex;
flex-wrap: wrap;
position: relative;
}
.criteria_list {
thead {
border-left: 6px solid rgb(105, 150, 171);
background: rgb(74, 42, 36);
color: rgb(255, 255, 255);
font-size: 14px;
font-family: ;
}
tbody {
background-color: transparent;
tr {
border-bottom: 1px dotted #4a2a24;
padding: 5px 0;
}
td {
border-top: transparent;
}
}
}
// slider-fullscreen
.latest-fullslider {
margin-bottom: 2em;
.right-fullslider {
white-space: normal;
padding: 0 2em 2em;
h3 {
font-size: 2em;
text-align: center;
font-weight: 600;
}
}
.left-fullslider { padding-right: 0; text-align: center;}
.epaper-description { white-space: normal; }
.epaper-container {
min-height: 400px;
}
.banner-Container { background: #fff;}
}
@media(max-width: 768px){
.latest-fullslider{
.epaper-container{
background: #fff;
}
.right-fullslider{
position: absolute;
bottom: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.5);
a { color: $theme-white; }
}
.left-fullslider{
img{
width: 100%;
max-height: 417px;
overflow: hidden;
}
}
}
}
//slider
.latest_slider {
display: flex;
flex-direction: column;
h3 { margin-bottom: 0; }
.banner-Container { background: #fff; min-height: 300px; padding: 0 1rem 2rem; }
.epaper-container {
white-space: normal;
flex-direction: column;
h4 { white-space: normal; }
img { width: 20em; }
.epaper-description { white-space: normal; padding-top: 1em;}
}
.e-paper.btn { font-size: 0.65rem; }
}
// epaper-show page
.epaper-show{
@media(min-width: 768px){
h3{
font-size: 2.5rem;
text-align: center;
margin-bottom: 25px;
}
span{
line-height: 27px;
}
}
@media(max-width: 768px){
.epaper-content{
padding: 15px;
}
span{
line-height: 20px;
}
}
img{
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
}
}
// epaper-index1
.epaper-index1-container{
margin-top: 15px;
.epaper-leftimg,.epaper-rightContent{
display: inline-block;
text-align: center;
}
.epaper-leftimg{
img{
width: 100%;
//max-height: 225px;
}
}
.epaper-rightContent{
width: 50%;
}
@media(min-width: 768px){
position: relative;
text-overflow: ellipsis;
background:#fff;
.epaper-rightContent{
position: relative;//absolute;
top: 10px;
padding-bottom: 10px;
.epaper-description{
text-overflow: ellipsis;
}
}
}
}
// epaper-index2
.epaper-index2-container{
border-style: solid;
border-color: #ccc;
border-width: 0 1px 1px;
h1,h2,h3,h4{
border-bottom: 1px solid #ccc;//#e1e1e1;
margin: 0;
padding: 10px 0 10px 10px;
span{
float:right;
margin-right:10px;
color: #0e5c92;
border: 1px solid #d1d1d1;
background: #f0f0f0;
padding: 4px 6px;
font-size: 14px;
margin-top:-3px;
}
}
margin-top: 15px;
.epaper-leftimg,.epaper-rightContent{
display: inline-block;
text-align: left;
}
@media(min-width: 768px){
.epaper-leftimg{
width: 30%;
padding: 10px 0 10px 10px;
img{
width:100%;
//max-height: 225px;
}
}
.epaper-rightContent{
padding: 10px 0 10px 10px;
width: 70%;
}
}
@media(max-width: 767px){
.epaper-leftimg{
width: 100%;
padding: 10px;
img{
width:100%;
//max-height: 225px;
}
}
.epaper-rightContent{
padding: 10px;
}
}
background:#fff;
@media(min-width: 768px){
position: relative;
text-overflow: ellipsis;
.epaper-rightContent{
position: relative;//absolute;
top: 10px;
padding-bottom: 20px;
padding-right: 10px;
.epaper-description{
text-overflow: ellipsis;
}
}
}
.epaper-description a:visited{
color: #777575;
}
.epaper-description a:hover{
text-decoration-color: #333;
text-decoration-line: underline;
}
}