body {counter-reset: sayi;} .haberSlider {margin: 30px 0;} .haberSlider > .container {padding: 0;} .haberSlider > .container .news-holder {max-width: 100%;background: #b2b2b2;margin: 0 auto;box-shadow: 0 0 5px #aeaeae;} .haberSlider > .container .news-holder * {margin: 0;padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .haberSlider > .container .news-headlines {list-style: none;position: relative;} .haberSlider > .container .news-headlines li {position: relative;background: #7b7b7b; padding: 8px 10px;margin-bottom: 1px; white-space: nowrap;overflow: hidden; position: relative;z-index: 20;color: #336699;text-align: right;} .haberSlider > .container .news-headlines li a{color: #fff;font-size: 20px;} .haberSlider > .container .news-headlines li.selected { background: #6b000e;} .haberSlider > .container .news-headlines li.selected a{ color: #fff;} .haberSlider > .container .nh-anim {-webkit-transition: all 0.1s ease-out;-moz-transition: all 0.1s ease-out;-o-transition: all 0.1s ease-out;transition: all 0.1s ease-out;-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);} .haberSlider > .container .news-headlines li:hover, a:hover { cursor: pointer; text-decoration: none;} .haberSlider > .container .news-headlines .highlight { width: 100%; color: #fff; position: absolute; top: 0; left: 0; z-index: 10;} .haberSlider > .container .news-headlines .highlight:before {display: none;} .haberSlider > .container .news-headlines {float: left;width: 45%;} .haberSlider > .container .news-preview {float: left;width: 55%;position: relative;z-index: 5;position: relative;} .haberSlider > .container .news-preview img {display: block;width: 100%;height: 336px;object-fit: cover;} .haberSlider > .container .news-content {position: absolute;background: #ededed;z-index: 10;padding: 0;top: 0;left: 0;display: none;} .haberSlider > .container .top-content {display: block;width: 100%;} .haberSlider > .container .haberslayt .ozet {background: #0c1b55; /* height: 97px;*/ color: #fff;text-align: right;} .haberSlider > .container .haberslayt .ozet span.baslik{display: block;white-space: nowrap;overflow: hidden;font-size: 1.1rem;margin-bottom: 10px;padding: 5px 10px;} .haberSlider > .container .haberslayt .ozet .metin {position: relative;font-weight: 300;line-height: 1.4rem;height: 50px;overflow: hidden;padding: 5px 10px 5px 80px;} .haberSlider > .container .haberslayt .ozet .metin span.devami {position: absolute;left: 5px;top: calc(50% - 8px);border-right: 1px solid;padding-right: 5px;color: #a2a2a2;} .haberSlider > .container .haberslayt .ozet .metin span.devami:hover {color: #ffffff;} .haberSlider > .container .yazarlar{padding-right: 0;} .haberSlider > .container .yazarlar .kutu {box-shadow: 0 0 3px #959595;} .haberSlider > .container .yazarlar .kutu .k{max-height: 339px;overflow-y: scroll;scrollbar-width: none;} .haberSlider > .container .yazarlar .kutu .k::-webkit-scrollbar {width: 0;} .haberSlider > .container .yazarlar h4.baslik {text-align: center;background: #0c1b55;padding: 5px; color: #fff;margin: 0;text-shadow: 0 0 2px black;font-weight: 400;} .haberSlider > .container .yazar {padding: 5px;background: #e8e8e8;border-bottom: 1px solid #dbdbdb;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;} .haberSlider > .container .yazar:hover {background: #a2a2a2; } .haberSlider > .container .yazarlar .resim {width: 60px;height: 57px;} .haberSlider > .container .yazarlar .resim img {width: 60px;height: 57px;object-fit: cover;} .haberSlider > .container .yazarlar .metin {width: calc(100% - 60px);text-align: right;padding: 5px 10px 5px 5px;height: 57px;} .haberSlider > .container .yazarlar .metin span.baslik {display: block;font-weight: 600;color: #0c1b55;line-height: 1rem;font-size: 0.95rem;margin-bottom: 3px;} .haberSlider > .container .yazarlar .metin span.o {display: block;font-size: 0.9rem;line-height: 1.1rem;} @media (max-width: 576px) { .haberSlider {width: 100%;} .haberSlider > .container {margin: 0;} .haberSlider > .container .yazarlar {padding: 0 15px;margin-bottom: 20px;} .haberSlider > .container .news-headlines {width: 100%;bottom: -45px;position: absolute;z-index: 9;right: 15px;text-align: right;} .haberSlider > .container .news-headlines::after {display: block;clear: both;content: "";} .haberSlider > .container .news-preview {width: 100%;} .haberSlider > .container .news-preview img {height: 220px;} .haberSlider > .container .news-headlines li {width: 10%;padding: 0;text-align: center; display: inline-block;} .haberSlider > .container .news-headlines li::before {counter-increment: sayi; content: counter(sayi);display: block;font-weight: 600;} .haberSlider > .container .news-headlines .highlight {display: none;} .haberSlider > .container .news-headlines li a{color: #262626;display: none;} .haberSlider > .container .haberslayt .ozet .metin span.devami{font-size:15px;} } body{ font-family: Tahoma,Geneva,sans-serif !important; }