@charset "utf-8"; @import "../initial"; //lastes-criteria .epaper-index2 { h3 { margin: 50px -15px 0; background: #96210f; padding: 20px 10px; text-align: center; font-weight: 700; border-radius: 10px 10px 0 0; a { color: #fff; } } div[data-list='topics'][data-level='1'] { .epaper-index2-container { margin-top: 0; } } } // slider-fullscreen .latest-fullslider { margin-bottom: 2em; .epaper-container { display: flex; margin: 0; align-items: center; justify-content: center; } .right-fullslider { white-space: normal; padding: 0 2em 2em; h3 { font-size: 1.8em; text-align: center; font-weight: 600; } } .left-fullslider { padding-right: 0; text-align: center; display: flex; margin: 0; align-items: center; justify-content: center; @media(max-width: 800px) { height: unset; max-height: unset; } } .epaper-description { white-space: normal; } .banner-Container { background: #fff;} } @media(min-width: 768px){ .latest-fullslider{ .right-fullslider{ .right-box{ h3,h4,div{ text-align: center; color: #333; margin-top: 20px; } h3{ font-size: 1.8rem; } h4{ font-size: 1.2rem; } } } .left-fullslider { img { width: 100%; overflow: hidden; } } } } @media(max-width: 768px){ .latest-fullslider{ .epaper-container{ background: #fff; } .right-fullslider{ position: absolute; bottom: 0; right: 0; background-color: rgba(60, 16, 15, 0.8784313725490196); .epaper-description { color: #fff; } h3, h4 { font-size: 1em; color: #ffaa26; &:hover { color: lighten($color: #ffaa26, $amount: 10) } } } .left-fullslider{ padding: 20px 0; img{ width: 100%; overflow: hidden; min-height: 250px; } } } } // 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; span { 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; } }