/* Minification failed. Returning unminified contents. (2016,73): run-time error CSS1046: Expect comma, found '0' (2016,77): run-time error CSS1046: Expect comma, found '/' (2017,81): run-time error CSS1046: Expect comma, found '0' (2017,85): run-time error CSS1046: Expect comma, found '/' (2018,78): run-time error CSS1046: Expect comma, found '0' (2018,82): run-time error CSS1046: Expect comma, found '/' (2019,76): run-time error CSS1046: Expect comma, found '0' (2019,80): run-time error CSS1046: Expect comma, found '/' (2040,72): run-time error CSS1046: Expect comma, found '91' (2040,79): run-time error CSS1046: Expect comma, found '/' (2041,80): run-time error CSS1046: Expect comma, found '91' (2041,87): run-time error CSS1046: Expect comma, found '/' (2042,77): run-time error CSS1046: Expect comma, found '91' (2042,84): run-time error CSS1046: Expect comma, found '/' (2043,75): run-time error CSS1046: Expect comma, found '91' (2043,82): run-time error CSS1046: Expect comma, found '/' (2074,72): run-time error CSS1046: Expect comma, found '161' (2074,80): run-time error CSS1046: Expect comma, found '/' (2075,80): run-time error CSS1046: Expect comma, found '161' (2075,88): run-time error CSS1046: Expect comma, found '/' (2076,77): run-time error CSS1046: Expect comma, found '161' (2076,85): run-time error CSS1046: Expect comma, found '/' (2077,75): run-time error CSS1046: Expect comma, found '161' (2077,83): run-time error CSS1046: Expect comma, found '/' (2098,72): run-time error CSS1046: Expect comma, found '7' (2098,78): run-time error CSS1046: Expect comma, found '/' (2099,80): run-time error CSS1046: Expect comma, found '7' (2099,86): run-time error CSS1046: Expect comma, found '/' (2100,77): run-time error CSS1046: Expect comma, found '7' (2100,83): run-time error CSS1046: Expect comma, found '/' (2101,75): run-time error CSS1046: Expect comma, found '7' (2101,81): run-time error CSS1046: Expect comma, found '/' (2122,73): run-time error CSS1046: Expect comma, found '95' (2122,79): run-time error CSS1046: Expect comma, found '/' (2123,81): run-time error CSS1046: Expect comma, found '95' (2123,87): run-time error CSS1046: Expect comma, found '/' (2124,78): run-time error CSS1046: Expect comma, found '95' (2124,84): run-time error CSS1046: Expect comma, found '/' (2125,76): run-time error CSS1046: Expect comma, found '95' (2125,82): run-time error CSS1046: Expect comma, found '/' (2146,73): run-time error CSS1046: Expect comma, found '61' (2146,80): run-time error CSS1046: Expect comma, found '/' (2147,81): run-time error CSS1046: Expect comma, found '61' (2147,88): run-time error CSS1046: Expect comma, found '/' (2148,78): run-time error CSS1046: Expect comma, found '61' (2148,85): run-time error CSS1046: Expect comma, found '/' (2149,76): run-time error CSS1046: Expect comma, found '61' (2149,83): run-time error CSS1046: Expect comma, found '/' (2171,73): run-time error CSS1046: Expect comma, found '148' (2171,79): run-time error CSS1046: Expect comma, found '/' (2172,81): run-time error CSS1046: Expect comma, found '148' (2172,87): run-time error CSS1046: Expect comma, found '/' (2173,78): run-time error CSS1046: Expect comma, found '148' (2173,84): run-time error CSS1046: Expect comma, found '/' (2174,76): run-time error CSS1046: Expect comma, found '148' (2174,82): run-time error CSS1046: Expect comma, found '/' (2195,71): run-time error CSS1046: Expect comma, found '201' (2195,79): run-time error CSS1046: Expect comma, found '/' (2196,79): run-time error CSS1046: Expect comma, found '201' (2196,87): run-time error CSS1046: Expect comma, found '/' (2197,76): run-time error CSS1046: Expect comma, found '201' (2197,84): run-time error CSS1046: Expect comma, found '/' (2198,74): run-time error CSS1046: Expect comma, found '201' (2198,82): run-time error CSS1046: Expect comma, found '/' (2219,73): run-time error CSS1046: Expect comma, found '112' (2219,80): run-time error CSS1046: Expect comma, found '/' (2220,81): run-time error CSS1046: Expect comma, found '112' (2220,88): run-time error CSS1046: Expect comma, found '/' (2221,78): run-time error CSS1046: Expect comma, found '112' (2221,85): run-time error CSS1046: Expect comma, found '/' (2222,76): run-time error CSS1046: Expect comma, found '112' (2222,83): run-time error CSS1046: Expect comma, found '/' (2243,73): run-time error CSS1046: Expect comma, found '88' (2243,79): run-time error CSS1046: Expect comma, found '/' (2244,81): run-time error CSS1046: Expect comma, found '88' (2244,87): run-time error CSS1046: Expect comma, found '/' (2245,78): run-time error CSS1046: Expect comma, found '88' (2245,84): run-time error CSS1046: Expect comma, found '/' (2246,76): run-time error CSS1046: Expect comma, found '88' (2246,82): run-time error CSS1046: Expect comma, found '/' (2267,73): run-time error CSS1046: Expect comma, found '0' (2267,79): run-time error CSS1046: Expect comma, found '/' (2268,81): run-time error CSS1046: Expect comma, found '0' (2268,87): run-time error CSS1046: Expect comma, found '/' (2269,78): run-time error CSS1046: Expect comma, found '0' (2269,84): run-time error CSS1046: Expect comma, found '/' (2270,76): run-time error CSS1046: Expect comma, found '0' (2270,82): run-time error CSS1046: Expect comma, found '/' (2291,73): run-time error CSS1046: Expect comma, found '0' (2291,78): run-time error CSS1046: Expect comma, found '/' (2292,81): run-time error CSS1046: Expect comma, found '0' (2292,86): run-time error CSS1046: Expect comma, found '/' (2293,78): run-time error CSS1046: Expect comma, found '0' (2293,83): run-time error CSS1046: Expect comma, found '/' (2294,76): run-time error CSS1046: Expect comma, found '0' (2294,81): run-time error CSS1046: Expect comma, found '/' (2315,72): run-time error CSS1046: Expect comma, found '36' (2315,78): run-time error CSS1046: Expect comma, found '/' (2316,80): run-time error CSS1046: Expect comma, found '36' (2316,86): run-time error CSS1046: Expect comma, found '/' (2317,77): run-time error CSS1046: Expect comma, found '36' (2317,83): run-time error CSS1046: Expect comma, found '/' (2318,75): run-time error CSS1046: Expect comma, found '36' (2318,81): run-time error CSS1046: Expect comma, found '/' (2339,73): run-time error CSS1046: Expect comma, found '166' (2339,81): run-time error CSS1046: Expect comma, found '/' (2340,81): run-time error CSS1046: Expect comma, found '166' (2340,89): run-time error CSS1046: Expect comma, found '/' (2341,78): run-time error CSS1046: Expect comma, found '166' (2341,86): run-time error CSS1046: Expect comma, found '/' (2342,76): run-time error CSS1046: Expect comma, found '166' (2342,84): run-time error CSS1046: Expect comma, found '/' (2363,73): run-time error CSS1046: Expect comma, found '78' (2363,79): run-time error CSS1046: Expect comma, found '/' (2364,81): run-time error CSS1046: Expect comma, found '78' (2364,87): run-time error CSS1046: Expect comma, found '/' (2365,78): run-time error CSS1046: Expect comma, found '78' (2365,84): run-time error CSS1046: Expect comma, found '/' (2366,76): run-time error CSS1046: Expect comma, found '78' (2366,82): run-time error CSS1046: Expect comma, found '/' (2486,52): run-time error CSS1034: (2486,52): run-time error CSS1042: Expected function, found ',' (2486,58): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (2487,49): run-time error CSS1034: (2487,49): run-time error CSS1042: Expected function, found ',' (2487,55): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (2488,44): run-time error CSS1034: (2488,44): run-time error CSS1042: Expected function, found ',' (2488,50): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (5280,32): run-time error CSS1034: (5280,32): run-time error CSS1042: Expected function, found ',' (5280,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (5765,48): run-time error CSS1034: (5765,48): run-time error CSS1042: Expected function, found ',' (5765,53): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (6339,44): run-time error CSS1034: (6339,44): run-time error CSS1042: Expected function, found ',' (6339,49): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (6973,53): run-time error CSS1034: (6973,53): run-time error CSS1042: Expected function, found ',' (6973,59): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (6974,50): run-time error CSS1034: (6974,50): run-time error CSS1042: Expected function, found ',' (6974,56): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (6975,45): run-time error CSS1034: (6975,45): run-time error CSS1042: Expected function, found ',' (6975,51): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (8659,29): run-time error CSS1039: Token not allowed after unary operator: '-button-corner-radius' (8660,26): run-time error CSS1039: Token not allowed after unary operator: '-news-card' (8661,45): run-time error CSS1034: (8661,45): run-time error CSS1042: Expected function, found ',' (8661,51): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (8953,41): run-time error CSS1034: (8953,41): run-time error CSS1042: Expected function, found ',' (8953,47): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (9633,34): run-time error CSS1034: (9633,34): run-time error CSS1042: Expected function, found ',' (9633,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (10305,23): run-time error CSS1038: Expected hex color, found '#ff00' (10305,28): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (10432,23): run-time error CSS1038: Expected hex color, found '#000000c' (10664,43): run-time error CSS1034: (10664,43): run-time error CSS1042: Expected function, found ',' (10664,47): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (11135,48): run-time error CSS1034: (11135,48): run-time error CSS1042: Expected function, found ',' (11135,54): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (11136,40): run-time error CSS1034: (11136,40): run-time error CSS1042: Expected function, found ',' (11136,46): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (11517,21): run-time error CSS1039: Token not allowed after unary operator: '-fs03' (11524,25): run-time error CSS1039: Token not allowed after unary operator: '-fsh3' (11648,55): run-time error CSS1046: Expect comma, found '92' (11648,61): run-time error CSS1046: Expect comma, found '/' (11648,93): run-time error CSS1046: Expect comma, found '105' (11648,101): run-time error CSS1046: Expect comma, found '/' (11951,17): run-time error CSS1039: Token not allowed after unary operator: '-White-100' (11956,52): run-time error CSS1038: Expected hex color, found '#000000000c9' (11956,64): run-time error CSS1019: Unexpected token, found ' ' (11956,64): run-time error CSS1042: Expected function, found ' ' (11956,64): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (12049,17): run-time error CSS1038: Expected hex color, found '#FFFFFF8d7' (12319,52): run-time error CSS1034: (12319,52): run-time error CSS1042: Expected function, found ',' (12319,67): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (14443,33): run-time error CSS1046: Expect comma, found '0' (14443,37): run-time error CSS1046: Expect comma, found '/' (14749,27): run-time error CSS1046: Expect comma, found '204' (14749,35): run-time error CSS1046: Expect comma, found '/' (14812,33): run-time error CSS1046: Expect comma, found '0' (14812,37): run-time error CSS1046: Expect comma, found '/' (15135,27): run-time error CSS1038: Expected hex color, found '#fff0' (15301,34): run-time error CSS1046: Expect comma, found '74' (15301,40): run-time error CSS1046: Expect comma, found '/' (15506,35): run-time error CSS1038: Expected hex color, found '#fff0' (15650,34): run-time error CSS1046: Expect comma, found '74' (15650,40): run-time error CSS1046: Expect comma, found '/' (18014,31): run-time error CSS1038: Expected hex color, found '#0000' (18525,27): run-time error CSS1038: Expected hex color, found '#fff0' */ .notification-popup { display: flex; max-width: 480px; width: 100%; height: 178px; padding: 16px; border-radius: 0px 0px 20px 20px; border: 3px solid #fb0d1b; background: #fff; margin: auto; box-shadow: 0 0 10px 0px #959595; position: fixed; transition: top 0.5s ease, opacity 0.5s ease, visibility 0.5s ease; top: -150px; left: 50%; transform: translateX(-50%); z-index: 9999; opacity: 0; visibility: hidden; } .notification-popup.show { top: 0px; opacity: 1; visibility: visible; } .notification-popup .popup-logo { width: 60px; margin-right: 24px; } .notification-popup .popup-icerik { display: flex; flex-direction: column; } .notification-popup .popup-icerik span { font-size: 18px; font-weight: 600; padding-bottom: 8px; margin-bottom: 8px; border-bottom: 1px solid #fb0d1b; line-height: 150%; } .notification-popup .popup-icerik p { font-size: 14px; margin-bottom: 16px; line-height: 150%; } .notification-popup .popup-icerik .button-group { display: flex; justify-content: flex-end; } .notification-popup #popup-close { font-size: 14px; color: #888; padding: 10px 24px; border: none; background-color: #fff; cursor: pointer; } .notification-popup #popup-allow { background-color: #fb0d1b; font-size: 16px; font-weight: 600; border: none; color: #fff; padding: 10px 24px; border-radius: 5px; margin-left: 8px; cursor: pointer; } #prYorumBn.active img { content: url("https://local.haberler.com/mstatic/assets/img/icon-dislike.svg?v=1"); /* Be�enildi�inde de�i�ecek ikon */ } #prYorumBm.active img { content: url("https://local.haberler.com/mstatic/assets/img/icon-like.svg?v=1"); /* Be�enilmedi�inde de�i�ecek ikon */ } .dropDownFinance, .dropDownGenerals, .hbpsbCity-alt .hbpsbSelect { -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; outline: 0; } .ysGeneralMap .ysStatusMap .ysMapContent .ysMapRow .ysMapName, .ysGeneralMap .ysStatusMap .ysMapContent .ysMapRow .ysMapPercent { font-family: -apple-system, BlinkMacSystemFont, Helvetica, Roboto, "Segoe UI", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 11px; } #prYorumMUyari, #prhUyariList, .hbBoxCountry, .hbBoxCountry *, .new3overlay-text, .top-menu, .top-menu ul li a, body { box-sizing: border-box; } body, html { overflow-x: hidden; } .ysDataGeneral, table { border-collapse: collapse; } .hbHeader { position: fixed; width: 100%; top: 0; left: 0; height: 48px; background-color: #fe0000; z-index: 9999999; } .hbHeader .hbhdNavIcon { position: absolute; left: 20px; top: 15px; width: 23px; height: 17px; cursor: pointer; z-index: 2; } .hbHeader .hbhdNavIcon:before { content: ""; position: absolute; width: 40px; height: 40px; left: -10px; top: -10px; } .hbHeader .hbhdNavIcon .hbhdnLine { height: 3px; position: absolute; background-color: #ffffff; transition: 0.34s; } .hbHeader .hbhdNavIcon .hbhdnLine.lnOne, .hbHeader .hbhdNavIcon .hbhdnLine.lnOne { width: 23px; top: 0; } .hbHeader .hbhdNavIcon .hbhdnLine.lnTwo, .hbHeader .hbhdNavIcon .hbhdnLine.lnTwo { width: 20px; top: 7px; } .hbHeader .hbhdNavIcon .hbhdnLine.lnThree, .hbHeader .hbhdNavIcon .hbhdnLine.lnThree { width: 16px; top: 14px; } .hbHeader .hbhdNavIcon.active .hbhdnLine.lnOne { width: 23px; top: 7px; transform: rotate(45deg); } .hbHeader .hbhdNavIcon.active .hbhdnLine.lnTwo, .hbHeader .hbhdNavIcon.active .hbhdnLine.lnTwo { width: 0; top: 7px; } .hbHeader .hbhdNavIcon.active .hbhdnLine.lnThree { width: 23px; top: 7px; transform: rotate(-45deg); } .hbBoxBiography .hbbbImageName .hbbbName span, .hbBoxScope .blackStyle .hbBoxHeadTitle span, .hbBoxScope .greenStyle .hbBoxHeadTitle span, .hbBoxScope .hbBoxVsBulletSlider .hbvsImageTitle span, .hbCatBoxFullSlider .blackStyle .hbBoxHeadTitle span, .hbCatBoxFullSlider .greenStyle .hbBoxHeadTitle span, .hbCatBoxFullSlider .hbBoxVsBulletSlider .hbvsImageTitle span, .hbHeader .hbhdLogo .hbhdlMiddle, .hbSingleBoxFullSlider .blackStyle .hbBoxHeadTitle span, .hbSingleBoxFullSlider .greenStyle .hbBoxHeadTitle span, .hbSingleBoxFullSlider .hbBoxVsBulletSlider .hbvsImageTitle span, .hbWhoIsWho .hbwiwBoxScope .hbwiwBox .hbwiwContent .hbwiwMiddle, .hbHeader .hbhdLogo .hbhdlMiddle { display: table-cell; vertical-align: middle; } .hbHeader .hbhdSearch { position: absolute; right: 21px; top: 11px; cursor: pointer; z-index: 2; } .hbHeader .hbhdSearch:before, .hbHeader .hbhdSearch:before { content: ""; position: absolute; width: 40px; height: 40px; left: -8px; top: -8px; } .hbHeader .hbhdLogo, .hbHeader .hbhdLogo { width: 100%; display: table; text-align: center; height: 47px; padding-right: 40px; padding-left: 40px; } .logo-area, .logo-area { height: 17px; } .haber_metni figure, .hbBoxScope .hbBoxVsBulletSlider .swiper-slide, .hbCatBoxFullSlider .hbBoxVsBulletSlider .swiper-slide, .hbBoxImage.swcss { width: 100% !important; } .mr-0, .mr-0 { margin-right: 0 !important; } .mrjsets, .mrjsets { margin-left: 17px; margin-top: 10px; } .hbftLinkScope .hbftlHead .logoLink a, .hbftLinkScope .hbftlHead .logoLink a { margin: 7px; float: left; } #cconsent-bar .ccb__left, .hbMainSlider .hbSlider .swiper-pagination-bullet, .hbbbCityDate.writercontent.yazaradi h2, .hbptHead_h2, .m-0, .sldprkm .swiper-pagination-bullet { margin: 0 !important; } .hbFooter .hbftLinkScope.desktop .hbftlContent .hbftCol { width: 16.6666666667%; margin: 20px 0; } .hbCommentAdd .hbComments, .hbFooter .hbftLinkScope.desktop, .ysGeneralMap .mapScope .mapDetails, .hbFooter .hbftLinkScope.desktop, .hbInRow.hbSportStandings .hbWeekMatchs .hbwmMatchsLineScope { padding: 0; } .hbSportStandings .hbWeekMatchs .hbwmMatchsLineScope .hbwmMatchsLine .hbwmMatchs .hbwmClock, .hbSportStandings .hbWeekMatchs .hbwmMatchsLineScope .hbwmMatchsLine .hbwmMatchs .hbwmScore { position: relative; left: 0; top: 0; transform: translateY(0); margin: 0 10px; } .hbSportStandings .hbWeekMatchs .hbwmMatchsLineScope .hbwmMatchsLine .hbwmMatchs { display: flex; align-items: center; justify-content: center; } .hbSportStandings .hbWeekMatchs .hbwmMatchsLineScope .hbwmMatchsLine .hbwmMatchs .away, .hbSportStandings .hbWeekMatchs .hbwmMatchsLineScope .hbwmMatchsLine .hbwmMatchs .home { width: calc(50% - 50px); padding-left: 0; padding-right: 0; } .hbSportStandings .hbWeekMatchs .hbwmMatchsLineScope .hbwmMatchsLine .hbwmMatchs span { width: calc(50% - 50px); } .datearrow { position: relative; cursor: pointer; max-width: 180px; } .datearrow input { position: absolute; top: 0; left: 0; z-index: 9; background: 0 0; cursor: pointer; width: 140px; } .datearrow.grarw input { color: #4f4f4f; } .datearrow::after { background-image: url(/mstatic/assets/img/arrow-down.png); background-repeat: no-repeat; background-size: 21px; content: ""; position: absolute; right: 8px; top: 4px; transform: rotate(0); width: 21px; height: 21px; } .datearrow.grarw::after { filter: invert(52%) sepia(71%) saturate(369%) hue-rotate(116deg) brightness(87%) contrast(95%); } .slider .bullets .bullet a { position: absolute; top: 0; width: 100%; height: 100%; display: flex; } /*.yorumlar-container.is-loading { position: relative; min-height: 250px;*/ /* Tahmini minimum yükseklik: içeriğine göre ayarla */ /*background-color: #f0f0f0;*/ /* Gri arka plan */ /*overflow: hidden; }*/ /* Eğer ışıklı shimmer efekti istersen: */ /*.yorumlar-container.is-loading::after { content: ""; position: absolute; top: 0; left: -150px; width: 100px; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent); animation: loading-shimmer 1.5s infinite; } @keyframes loading-shimmer { 0% { left: -150px; } 100% { left: 100%; } }*/ .hbBreadCrumb .hbbcScope .hbbcLeft, .kaynakbilgisi .hbBreadCrumb .hbbcScope .hbbcLeft, .hbSportStandings .hbssScope { display: flex; align-items: center; } .hbSportStandings .hbTableSports table tbody td, .hbSportStandings .hbTableSports table thead th { white-space: nowrap; } .hbSportStandings .hbTableSports table tbody td:nth-child(2) { white-space: pre-line; } .hbRow.hoverLeftRight, .hbWriterNews .hbContainer .hbRow.hbExchange, .hbrowYayin, .newBik, .slider a, .airdrop-desc-header { display: flex; } .airdrop-detail-area-header-desc-area { margin: 53px 10px 5px -83px; } .airdrop-detail-area-header .ico-img { max-width: 200px; width: 100%; } .airdrops-table-cell { display: table-cell; padding: 12.54px 24px 21px 25px; border-bottom: 1px solid #ddd; color: #333333; font-size: 14px; vertical-align: middle; } .ico-desc { width: 100%; max-width: 640px; margin-right: 24px; } .ico-details { border: 1px solid #cfdee5; background: #f5f8fa; max-width: 332px; width: 100%; padding: 24px; height: 100%; max-height: 430px; } .airdrop-detail-area-content { margin-top: 32px; display: flex; } .crypto-note { padding: 16px; margin-bottom: 30px; } .kripto-info { position: relative; display: inline-block; cursor: pointer; } .kripto-tooltip { visibility: hidden; width: 120px; background-color: #333; color: #fff; text-align: center; padding: 6px 10px; border-radius: 6px; position: absolute; left: 110%; top: 50%; transform: translateY(-50%); opacity: 0; transition: opacity 0.3s ease-in-out; font-size: 12px; white-space: nowrap; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); } .kripto-tooltip::after { content: ""; position: absolute; top: 50%; right: 100%; transform: translateY(-50%); border-width: 6px; border-style: solid; border-color: transparent #333 transparent transparent; } .kripto-info:hover .kripto-tooltip { visibility: visible; opacity: 1; } .info-text { font-weight: 700; margin-bottom: 24px; color: #00f; } .kripto-coin-table-container { position: relative !important; width: calc(100% + 24px) !important; padding: 0 !important; max-width: calc(100% + 24px) !important; display: flex !important; align-items: flex-start !important; flex-wrap: wrap !important; } @media only screen and (max-width: 1100px) and (min-width: 768px) { .hbIndex.hbBoxScope .hbBoxMainText .hbBoxImage { height: 140px !important; } } @media only screen and (max-width: 1100px) { .airdrop-detail-area-content { flex-wrap: wrap; gap: 30px; flex-direction: column-reverse; } .ico-details { max-width: 100%; } .airdrop-detail-area-header-desc-area { margin: 40px 10px 5px 0; } .hbTableContent { overflow: auto; } } @media only screen and (min-width: 1101px) { .sport .slide img { width: calc(100vw - (100vw - 1056px) - 324px); height: calc(0.5614754098 * (100vw - (100vw - 1056px) - 324px)); } } @media only screen and (max-width: 1024px) { .ico-desc { width: 100%; max-width: -moz-max-content; max-width: max-content; margin-right: 24px; } } @media only screen and (max-width: 990px) and (min-width: 768px) { .airdrop-detail-area-header-desc-area { margin: 40px 10px 5px 20px; } .hbMainSlider .slide img { width: 100%; height: calc(0.5614754098 * (100vw - 354px)) !important; } .hbMainSlider .slider .bullets .bullet { font-size: 12px !important; } .hbHeader.otherHeader .hbHeaderInBottom .hbhdNavSubMenu { overflow: auto !important; justify-content: flex-start !important; } .hbHeader.otherHeader .hbHeaderInBottom .hbhdNavSubMenu a { white-space: nowrap; } .hbSportStandings .hbTableSports table tbody td, .hbSportStandings .hbTableSports table thead th { padding: 11px 0 9px; } .hbSportStandings .hbTableSports table tbody td:first-child, .hbSportStandings .hbTableSports table tbody td:nth-child(2), .hbSportStandings .hbTableSports table thead th:first-child, .hbSportStandings .hbTableSports table thead th:nth-child(2) { padding: 11px 4px 9px; } } @media only screen and (max-width: 767px) { header { margin-top: 0; } .airdrop-title { margin-left: 15px; } .airdrop-detail-area-header { flex-wrap: wrap; } .airdrop-detail-area-header .ico-img { max-width: 64px; } .airdrop-detail-area-header-desc-area { margin-top: 10px; } .ico-details { max-width: 100%; } .airdrops-table-cell:nth-child(3), .hbHeader.otherHeader { display: none; } h3.hbaltTitle { margin: 14px 0 24px; } .col100-xs { width: calc(100% - 24px); position: relative; float: left; min-height: 0; } } .menu ul, .sub-menu ul { list-style: none; padding: 0; margin: 0; } .hbCustomerEmoji .hbceScope, .hbCustomerEmoji .hbceScope .hbceEmojiContainer .hbceEmojiItem .hbceEmojiImg, .hbEmojiScope .hbeCol, .hbEmojiScope .hbeCol .hbeColBar, .hbPageDetails .hbptContent figure, .hbPageDetails .hbptNewVideo h4, .hbPagination a, .hbSubMenu, .hbSubMenu .swiper-slide a, .hbWeatherBox .colBlock .hbbwDetailsItem .hbbwDetailsItemText, .hbWeatherBox .hbwbScope .hbwbWeatherRow .hbwbRightColumn .hbwbClock, .hbcContinue, .hbhNavMenuScope ul li, .kaynak, .ozeltext, .menu ul li, .sub-menu ul li { display: inline-block; } .menu ul li a, .sub-menu ul li a { display: block; padding: 10px 0; text-decoration: none; } .menu ul li a.active { border-bottom: 2px solid red; } .hbBoxScope .blackStyle .hbBoxVslider .hbvsImageDate, .hbCatBoxFullSlider .blackStyle .hbBoxVslider .hbvsImageDate, .hbFooter .footerAccordion .hbftlContent, .hbImsakDate .hbTimeScope .jst-hours span, .hbImsakDate .hbTimeScope .jst-minutes span, .hbImsakDate .hbTimeScope .jst-seconds span, .sub-menu { display: none; } .hbFooter .footerAccordion.active .hbftlContent, .hbLeftMenu .hblmItem .hblmSubBlock, .hbLeftMenu .hblmItem .hblmSubBlock.active, .hbNavMenuScope .hbNavMenu .hbNavUl .hbMainLi.active .hbmLiSubScope, .hbNewspaper .hbnFullImage .hbnArrowLeft img, .hbPrayerDistrict .hbpdScope .hbpdDistrictList .hbpdItem a, .hbPrayerTime .hbptScope .hbptBlocks .hbptTitle, .hbWeatherBox .colBlock .hbbwDetailsDay .hbbwDetailsItemTitle, .hbWeatherBox .colBlock .hbbwDetailsItem .hbbwDetailsItemTitle, .hbptContent .accordion-p img, .sondakika_blok section#sagsondakika_blok, .tab-checkbox:checked ~ .accordion-p ~ .tab-checkbox:not(:checked) ~ .accordion-p ~ .tab-checkbox:checked ~ .accordion-p, .tab-checkbox:checked ~ .accordion-p ~ .tab-checkbox:not(:checked) ~ .accordion-p ~ .tab-checkbox:checked ~ .accordion-p ~ .tab-checkbox:not(:checked) ~ .accordion-p ~ .tab-checkbox:checked ~ .accordion-p, .tab-checkbox:checked ~ .accordion-p ~ .tab-checkbox:not(:checked) ~ .accordion-p ~ .tab-checkbox:checked ~ .accordion-p ~ .tab-checkbox:not(:checked) ~ .accordion-p ~ .tab-checkbox:checked ~ .accordion-p ~ .tab-checkbox:not(:checked) ~ .accordion-p ~ .tab-checkbox:checked ~ .accordion-p, .sub-menu.active { display: block; } .sub-menu-area { background: #333333; display: table; width: 100%; } .sub-menu ul li a { color: #ffffff; font-size: 13px; font-weight: 700; } .crypto-submenu-alignment li:first-child { margin-left: 24px; } .sub-menu ul li a.active { color: #ffd600; } .crypto-submenu-alignment { display: flex; gap: 32px; } .airdrops-table { display: table; width: 100%; border: 1px solid #e2e2e2; margin-bottom: 36px; } .airdrops-table-row, .airdrops-table-row-header { display: table-row; } .bg-wht, .airdrops-table-row:nth-child(2n) { background-color: #ffffff; } .airdrops-table-row:nth-child(odd) { background: #f5f8fa; } .airdrops-header { background: #f5f8fa; height: 43.45px; font-size: 15px; font-style: normal; font-weight: 700; color: #333333; } .airdrop-detail-area { padding: 24px; background: #ffffff; border: 1px solid #e2e2e2; width: 100%; } .airdrop-detail-area-header { display: flex; padding-bottom: 32px; border-bottom: 1px solid #e2e2e2; } .airdrop-title { color: #196991; font-size: 22.5px; font-weight: 700; line-height: 28.13px; letter-spacing: -0.15px; margin-left: 25px; } .airdrop-desc, .airdrop-detail-area-content p { margin-bottom: 16px; font-size: 18px; font-weight: 400; margin-top: 0; width: auto; display: block; line-height: 145%; } .airdrop-detail-area-header-desc-area .ico-btn { background-color: #196991; font-size: 1em; padding: 10px 20px; color: #ffffff; font-weight: 700; letter-spacing: -0.02em; transition: 0.25s; border-radius: 4px; cursor: pointer; } .airdrop-detail-area-content h4 { margin-bottom: 32px; } .ico-details h3 { color: #196991; } .ico-details .items { margin-top: 24px; } .ico-details .item { display: flex; justify-content: space-between; font-size: 15px; padding-bottom: 12px; border-bottom: 1px solid #e2e2e2; margin-bottom: 12px; } .hbYzrHead .hbYzrleft .hbGeneralTitles, .hc-elections-table-heading, .hc-elections-table-list { justify-content: space-between; display: flex; } .hbBoxScope .yazarStyle .hbBoxVslider .swiper-slide:last-child, .hbBoxScope .yazarStyle .hbBoxVslider .swiper-slide:nth-child(2n), .new3list-container li:last-child, .ico-details .item:last-child { border-bottom: none; } .core-team { margin-top: 32px; } .hbYzrHead .hbYzrleft .hbYzrlfdiv, .hbptContent h3:not(.accordion-title), .imgTitleCoverSlider, .ico-desc .img-wrap, p.klink { position: relative; } .ico-desc .img-wrap .social-icon { position: absolute; bottom: 2%; right: 1%; } .ico-desc .img-wrap .main-img { border-radius: 50%; } .hbPageDetails .hbptContent blockquote { font-family: sans-serif; color: #333333; font-size: 20px; font-weight: 700; font-style: italic; line-height: 160%; text-align: center; } .hbPaperNameMenu span { font-size: 15px; font-weight: 400; color: #484848 !important; font-family: sans-serif; } .hbPageDetails .hbptContent .hbptContentHalfBlock { color: #333333; font-size: 16px; font-weight: 400; font-style: italic; line-height: 160%; text-align: center; } .hbPageDetails .hbptContentFullBlock { color: #333333; font-size: 12px; font-weight: 400; font-style: italic; line-height: 185%; } .hbPageDetails .hbptItem .hbptDetail .hbptAuthorName { font-family: sans-serif; font-size: 18px; font-weight: 700; color: #333333; } .hbPageDetails .hbptItem .hbptDetail .hbptAuthorJob { font-family: sans-serif; font-size: 14px; font-weight: 400; color: #b3b3b3; } .hbdtEidtorlink { color: #333333 !important; } .dpkirmizi { background-color: #d63031; } .dpkirmizi td { color: #ffffff !important; font-weight: 600; } .hbrYoutubeLink { color: #e81c00 !important; padding-left: 32px; background-image: url("data:image/svg+xml,%3Csvg width='23' height='17' viewBox='0 0 23 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.9995 6.38079C22.9995 6.45545 22.9995 6.53056 22.9995 6.60522C22.964 6.64211 22.9816 6.68843 22.9771 6.73071C22.9793 6.76489 22.9699 6.80177 22.9995 6.82966C22.9995 6.93445 22.9995 7.03925 22.9995 7.14359C22.9519 7.24929 22.9883 7.36083 22.9771 7.46967C22.9892 7.63024 22.9514 7.7926 22.9995 7.95137C22.9995 8.05617 22.9995 8.16096 22.9995 8.26531C22.9523 8.35301 22.9883 8.44791 22.9771 8.53876C22.9883 8.64176 22.9519 8.74835 22.9995 8.84865C22.9995 8.9386 22.9995 9.02811 22.9995 9.11806C22.9604 9.16079 22.9834 9.21296 22.9771 9.26064C22.9771 9.31056 22.9771 9.36003 22.9771 9.40996C22.9807 9.44819 22.9663 9.48957 22.9995 9.52195C22.9995 9.6119 22.9995 9.70141 22.9995 9.79136C22.9586 10.0792 22.9627 10.3702 22.9582 10.6594C22.9415 11.6466 22.8664 12.6249 22.6478 13.5914C22.3915 14.7248 21.4703 15.6329 20.3225 15.8488C19.625 15.9801 18.9188 16.0359 18.2109 16.0822C17.1234 16.1533 16.034 16.1758 14.9461 16.2216C13.5707 16.2797 12.1962 16.2342 10.8213 16.2554C10.3279 16.263 9.83403 16.2522 9.34064 16.2576C8.57109 16.2657 7.80244 16.2203 7.03379 16.1996C6.04296 16.1726 5.05078 16.1222 4.064 16.022C3.43522 15.9581 2.79566 15.9203 2.19837 15.6792C1.25296 15.2978 0.643983 14.6088 0.391665 13.6243C0.193319 12.8493 0.104715 12.055 0.068734 11.2558C0.00981482 9.94203 -0.0108744 8.62782 0.00531717 7.31315C0.0156618 6.46985 0.0188101 5.62519 0.0772795 4.78413C0.128103 4.05551 0.221654 3.32869 0.397512 2.61671C0.66962 1.51434 1.66495 0.595018 2.78711 0.416911C3.5688 0.292776 4.35499 0.220813 5.14613 0.180334C5.85406 0.143903 6.56289 0.123664 7.27037 0.0845344C7.86856 0.0512518 8.46629 0.0863335 9.06178 0.0476537C10.3616 -0.0364523 11.6619 0.0175195 12.9617 0.0121223C13.7605 0.00897392 14.5597 0.0422565 15.3585 0.0624959C16.0516 0.0800368 16.746 0.101625 17.4378 0.149301C18.3377 0.211368 19.2382 0.268938 20.1314 0.411064C21.4357 0.618855 22.4153 1.55032 22.6861 2.84744C22.8732 3.74292 22.9424 4.6474 22.9586 5.55997C22.9636 5.83208 22.9573 6.10823 22.9995 6.38079Z' fill='%23ED2224'/%3E%3Cpath d='M22.9996 7.95139C22.9128 7.79172 22.9708 7.61991 22.9577 7.4544C22.9735 7.43326 22.9874 7.43326 22.9996 7.45799C22.9996 7.62216 22.9996 7.78677 22.9996 7.95139Z' fill='%23EF412F'/%3E%3Cpath d='M22.9996 7.45794C22.9857 7.45749 22.9717 7.45614 22.9578 7.45434C22.9717 7.3509 22.9119 7.23711 22.9996 7.14355C22.9996 7.24835 22.9996 7.35315 22.9996 7.45794Z' fill='%23F26346'/%3E%3Cpath d='M22.9996 8.84862C22.9173 8.75372 22.9694 8.64038 22.9564 8.53648C22.9694 8.50635 22.9838 8.50545 22.9996 8.53468C22.9996 8.63948 22.9996 8.74427 22.9996 8.84862Z' fill='%23F05138'/%3E%3Cpath d='M22.9995 8.53467C22.9851 8.53512 22.9707 8.53557 22.9563 8.53647C22.9621 8.44471 22.9279 8.34667 22.9995 8.26526C22.9995 8.35521 22.9995 8.44472 22.9995 8.53467Z' fill='%23EF3C2C'/%3E%3Cpath d='M22.9619 9.43329C22.9624 9.37347 22.9628 9.31365 22.9633 9.25429C22.9741 9.2237 22.9867 9.2228 23.0001 9.25249C23.0001 9.3123 23.0001 9.37212 23.0001 9.43194C22.988 9.45668 22.9754 9.45713 22.9619 9.43329Z' fill='%23F79A7D'/%3E%3Cpath d='M22.9627 6.73829C22.9627 6.69062 22.9276 6.63305 22.9995 6.60516C22.9995 6.65014 22.9995 6.69512 22.9995 6.73964C22.986 6.76933 22.9739 6.76888 22.9627 6.73829Z' fill='%23F9B298'/%3E%3Cpath d='M22.9997 9.25252C22.9876 9.25387 22.9755 9.25432 22.9629 9.25432C22.9566 9.20395 22.9422 9.15132 22.9997 9.11804C22.9997 9.16302 22.9997 9.20754 22.9997 9.25252Z' fill='%23F58B6D'/%3E%3Cpath d='M22.9626 6.73833C22.9747 6.73788 22.9873 6.73833 22.9995 6.73968C22.9995 6.76981 22.9995 6.7995 22.9995 6.82963C22.9509 6.81389 22.9545 6.77701 22.9626 6.73833Z' fill='%23F79F82'/%3E%3Cpath d='M22.9619 9.4333C22.9745 9.43285 22.9871 9.4324 23.0002 9.43195C23.0002 9.46208 23.0002 9.49176 23.0002 9.5219C22.9466 9.50976 22.9565 9.47063 22.9619 9.4333Z' fill='%23F9AC91'/%3E%3Cpath d='M15.2033 8.14158C13.1978 9.29657 11.2256 10.4322 9.23267 11.5796C9.23267 9.27813 9.23267 7.00907 9.23267 4.70312C11.2224 5.84913 13.1982 6.98703 15.2033 8.14158Z' fill='white'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat no-repeat; } .hbPageDetails .hbptContent p#inpage_reklam { margin-top: 30px; display: block; height: 100%; max-height: 550px; min-height: 320px; } .hbptHead_h2 { font-size: 15px !important; text-align: right; float: right; font-weight: 400 !important; } #nwsKeywords { padding: 0; } #nwsKeywords a::after { content: ","; } #nwsKeywords a:last-child::after { content: ""; } .hbFooter .hbftLinkScope .hbftlContent .hbftCol .hbftUrl:first-child, .hbNewspaper .hbnScope.padTopZero, .hbOtherPaperTitlesScope:first-child, .hbnwboxigv span { padding-top: 0; } .hbYzrHead .hbYzrleft { width: calc(100% - 360px); margin: 0 24px 0 0; padding: 0; display: inline-block; position: relative; } .hbYzrHead .hbYzrright { width: 336px; float: right; text-align: right; } .hbYzrHead { margin-top: 17px; } .container, .scontainer { margin: 0 auto; position: relative; } .top-menu { height: 100%; width: 100%; position: relative; float: left; background: #b70101; border-radius: 5px; overflow: hidden; } .top-menu span.text { font-size: 18px; font-weight: 700; color: #ffffff; float: left; padding: 8px 0 6px; display: block; width: 60%; margin-bottom: 4px; line-height: 20px; } .top-menu span.year a { font-size: 50px; font-weight: 400; color: #ffffff; float: left; display: block; height: 54px; padding: 23px 12px 0; width: 135px; } .top-menu ul { float: left; display: flex; flex-wrap: wrap; margin: 0; padding: 0; width: calc(100% - 135px); gap: 1px; } .top-menu ul li { display: inline-block; float: left; background: #630000; padding: 0 5px; width: calc((100% / 6) - 1px); text-align: center; } .top-menu ul li a { font-weight: 700; display: block; height: 26px; padding-top: 4px; font-size: 14px; color: #ffffff; } .BurcRight2, .bioContainer .colPageLeft, .colPageRight.yzryzs, .container, .drimg figure img, .hbFilmSwiper .swiper-container, .hbPrayerCustomTable thead tr, .hbPrayerTimeTable thead tr, .hbProvinceSwipeBox .hbpsbScope .hbpsbBottomSection .swiper-container, .hbStandingsSlider tbody tr, .hbStandingsSlider thead tr, .hbtbrkbn img, .newsErrorScope .newsErrorScopeImg img, .slider a.rekkklam, .vl-notif-logo img, .writers-area, .yzrYzlrBottom { width: 100%; } .scontainer { width: 90%; } .hc-elections-widget { display: flex; flex-wrap: wrap; padding-top: 20px; } .hc-elections-map { flex: 1; width: calc(70% - 20px); margin-right: 20px; display: flex; flex-direction: column; justify-content: space-evenly; padding: 20px; } .hc-elections-table { float: right; position: relative; width: 30%; display: flex; flex-direction: column; justify-content: space-between; padding: 20px; } .select-box { margin-top: 12px; } .ysHomeMapData .mapScope { min-height: 301.5px; } .elections-widget { position: relative; width: 100%; overflow: hidden; height: 440px; } .ysGeneralMap .ysMapLegend { display: table; text-align: center; width: 100%; margin-top: 15px; } .ysGeneralMap .ysMapLegend .ysmL { display: inline-block; position: relative; margin: 0 5px; } .ysGeneralMap .ysMapLegend .ysmL .ysmColorRound { display: inline-block; position: relative; width: 16px; height: 16px; background: #969696; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; } .ysGeneralMap .ysMapLegend .ysmL .ysmParty { display: inline-block; position: relative; font-size: 11px; font-weight: 600; line-height: 100%; -webkit-transform: translateY(-3px); -moz-transform: translateY(-3px); -ms-transform: translateY(-3px); -o-transform: translateY(-3px); transform: translateY(-3px); } .ysGeneralMap .ysStatusMap .ysMapContent .ysMapRow .ysMapBar .ysBarScope { width: 100%; position: relative; float: left; background: #e3e3e3; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; height: 8px; overflow: hidden; } .ysGeneralMap .ysStatusMap .ysMapContent .ysMapRow .ysMapBar .ysBarScope .ysBarPercent { position: absolute; width: 0%; height: 100%; left: 0; top: 0; } .ysGeneralMap .ysStatusMap .ysMapContent .ysMapRow .ysMapBar { width: 40%; position: relative; float: left; padding-left: 5px; padding-top: 5px; } .ysGeneralMap .ysStatusMap .ysMapContent .ysMapRow { width: 100%; position: relative; float: left; margin-bottom: 5px; } .ysGeneralMap .ysStatusMap .ysMapContent .ysMapRow .ysMapName { width: 40%; position: relative; float: left; font-weight: 600; } .ysGeneralMap .ysStatusMap .ysMapContent .ysMapRow .ysMapPercent { width: 20%; position: relative; float: left; font-weight: 600; color: #20537b; text-align: right; } .ysHomeMapData .ysDataGeneral tbody td { padding: 25px 0 0; } .textColor { color: #20537b !important; } .generalPartyBallotBoxPartyPercent, .ysDataGeneral .ysgPercentText { font-size: 24px; font-weight: 600; text-align: right; } .hbTableContent.piyasa tbody td, .intermediaryCorporateTable thead tr th, .yazarStylemp .yazar-content .hbYdyzr, .ysDataGeneral thead tr th { text-align: left; } .ysDataGeneral { vertical-align: middle; border-spacing: 0; height: 100%; width: 100%; } .ysDataGeneral tbody td { height: 40px; padding: 15px 0 7.5px; } .hc-elections-table-list { align-items: center; } .hc-elections-table-list-left { display: flex; justify-content: space-between; align-items: center; gap: 8px; } .hc-elections-table-listWrapper { height: 100%; display: flex; flex-direction: column; justify-content: space-between; padding: 16px 0; } .hc-elections-widget h2 { margin-top: 0; margin-bottom: 20px; } .hc-elections-table-list-left img { width: 32px; height: auto; } .akp .textColor, .akp.textColor { color: #ff8700 !important; } .chp .textColor, .chp.textColor { color: #e72009 !important; } .ip .textColor, .ip.textColor { color: #44acd6 !important; } .ysGeneralOpenBallotBoxPercent .gobbpBox { width: 16.6%; position: relative; float: left; border-right: 1px solid #e8eaed; text-align: center; } .acilan-sandik-orani { display: flex; width: 100%; } .ysGeneralOpenBallotBoxPercent .gobbpBox:last-child { border: none; } .inRow100 { width: 100%; position: relative; float: left; } .generalBallotBoxInfoRatios, .ysGeneralOpenBallotBoxPercent .gobbpPercent, .ysGeneralPartyCityWinn .gpcwPercent { font-size: 24px; font-weight: 600; color: #20537b; } .acilan-sandik, .hbAstrology .hbaScope .hbaItemList:hover .hbaName { color: red !important; } .inRow100.gobbpTitle { margin-bottom: 12px; } .widget-iframe { margin-top: 100px; background-color: transparent !important; } @media only screen and (max-width: 1025px) { .hc-elections-map { margin-right: 0; } .elections-widget { height: 550px; } .ysSwitchMenu { margin-top: 10px; padding-top: 1px; } .widget-iframe { margin-top: 0; } } @media only screen and (max-width: 948px) { .elections-widget { height: 500px; } .ysHomeMapData .mapScope { min-height: auto; } } @media only screen and (max-width: 900px) { .top-menu ul li { background: #630000; padding: 5px; width: calc(100% / 6 - 1px); } .top-menu .year { display: none; } .top-menu span.text { padding-left: 16px; } .top-menu ul { width: 100% !important; } .ysGeneralOpenBallotBoxPercent .gobbpBox:nth-child(3n + 1) { clear: both; margin-bottom: 0; } .ysGeneralOpenBallotBoxPercent .gobbpBox { width: 50%; position: relative; float: left; margin-bottom: 20px; } .ysGeneralOpenBallotBoxPercent .gobbpBox:nth-child(2n) { border-right: none; } .hc-elections-map { width: 100%; margin-right: 0; margin-bottom: 20px; } .hc-elections-table { width: 100%; } .percent-col100 { display: flex; flex-wrap: wrap; row-gap: 16px; padding-bottom: 0 !important; } .acilan-sandik-orani { display: flex; width: 100%; } .hc-elections-table-listWrapper { height: 100%; display: flex; flex-direction: column; justify-content: space-between; padding: 16px 0; } } @media only screen and (max-width: 769px) { .hc-elections-map { margin-bottom: 0; } .elections-widget { height: 437px; } } .dropDownGenerals { font-size: 13px; font-weight: 700; color: #fe0000; } .arsivkatsel { font-size: 14px !important; width: 113px !important; } .arsifkatpda { padding-top: 2px !important; } @media only screen and (max-width: 768px) { .top-menu span.text { width: 100%; } .top-menu ul li { width: calc(33.33% - 1px); } .generalSmallTitle, .hbFilmSwiper .hbfsScope .hbfsDetail .hbfsTitle, .hbProvinceSwipeBox.hbpsbScope.hbpsbTopSection.hbpsbOneColumn.generalSmallTitle, .hbWeatherBox .hbwbScope .hbwbWeatherRow .hbwbFullColumn .hbwbProvinceName, .hbWeatherBox .hbwbScope .hbwbWeatherRow .hbwbLeftColumn .hbwbProvinceName, .hbWeatherBox .hbwbScope .hbwbWeatherRow .hbwbLeftColumn .hbwbWeatherMaxTemp, .hbWeatherBox .hbwbScope .hbwbWeatherRow .hbwbLeftColumn .hbwbWeatherText, .hbWeatherBox.hbwbScope.hbwbWeatherRow.hbwbRightColumn.hbwbWeatherMaxTemp { font-size: 20px; } .hbWeatherBox .hbwbScope .hbwbWeatherRow .hbwbRightColumn .hbwbTemp span { font-size: 84px; } .hbFilmSwiper .hbfsScope .hbfsDetail .hbfsJobName .hbfsJob, .hbFilmSwiper .hbfsScope .hbfsDetail .hbfsJobName .hbfsName, .hbPrayerCustomTable tbody tr td, .hbPrayerTime .hbptScope .hbptBlocks .hbptText, .hbPrayerTimeTable tbody tr td { font-size: 14px; } .dropDownFinance, .dropDownGenerals { font-size: 13px; } .arsivkatsel { font-size: 14px !important; } .hbSportStandings tbody tr td { font-size: 16px; } } .dropDownSearchBoxInput, .inputSearchBox, .inputSearchTopBox { font-size: 12px; font-weight: 400; } .generalSmallTitle, .hbFilmSwiper .hbfsScope .hbfsDetail .hbfsTitle, .hbProvinceSwipeBox.hbpsbScope.hbpsbTopSection.hbpsbOneColumn.generalSmallTitle, .hbTopNews .hbtnHead h1, .hbTopNews .hbtnHead h2, .hbTopNews .hbtnHead h3, .hbTopNews .hbtnHead span, .hbWeatherBox .hbwbScope .hbwbWeatherRow .hbwbFullColumn .hbwbProvinceName, .hbWeatherBox .hbwbScope .hbwbWeatherRow .hbwbLeftColumn .hbwbProvinceName, .hbWeatherBox .hbwbScope .hbwbWeatherRow .hbwbLeftColumn .hbwbWeatherMaxTemp, .hbWeatherBox .hbwbScope .hbwbWeatherRow .hbwbLeftColumn .hbwbWeatherText, .hbWeatherBox .hbwbScope .hbwbWeatherRow .hbwbRightColumn .hbwbWeatherMaxTemp, .hbWhoIsWho .hbwiwHead h1, .hbWhoIsWho .hbwiwHead h2, .hbWhoIsWho .hbwiwHead h3, .hbWhoIsWho .hbwiwHead span { font-size: 20px; font-weight: 700; line-height: 140%; color: #333333; font-family: sans-serif; } .hbWeatherBox .hbwbScope .hbwbWeatherRow .hbwbLeftColumn .hbwbWeatherMaxText, .hbWeatherBox .hbwbScope .hbwbWeatherRow .hbwbRightColumn .hbwbClock, .hbWeatherBox .hbwbScope .hbwbWeatherRow .hbwbRightColumn .hbwbWeatherMaxText { font-family: sans-serif; color: #cbcbcb; font-size: 14px; font-weight: 400; } .hbWeatherBox .hbwbScope .hbwbWeatherRow .hbwbRightColumn .hbwbTemp span { font-family: sans-serif; font-size: 84px; font-weight: 800; color: #fe0000; line-height: 100%; } .hbWeatherBox .hbwbScope .hbwbWeatherRow .hbwbGuessNote, .hbWeatherBox .hbwbScope .hbwbfLongText { font-size: 14px; font-weight: 400; color: #333333; line-height: 160%; text-align: center; } .hbPrayerTime .hbptScope .hbptBlocks .hbptTime { font-family: sans-serif; font-size: 24px; font-weight: 800; color: #000000; line-height: 100%; } .hbPrayerCustomTable thead tr th, .hbPrayerTime .hbptScope .hbptBlocks .hbptTitle, .hbPrayerTimeTable thead tr th { font-family: sans-serif; font-size: 18px; line-height: 130%; font-weight: 700; color: #333333; } .hbFilmSwiper .hbfsScope .hbfsDetail .hbfsJobName .hbfsJob, .hbFilmSwiper .hbfsScope .hbfsDetail .hbfsJobName .hbfsName, .hbPrayerCustomTable tbody tr td, .hbPrayerTime .hbptScope .hbptBlocks .hbptText, .hbPrayerTimeTable tbody tr td { font-family: sans-serif; font-size: 14px; font-weight: 400; color: #000000; } .hbNewspaper .hbnGeneralSubText, .hbNewspaper .hbnScope .hbNewspaperWebsites, .hbNewspaper .hbnScope .hbNewspaperWebsites .hbnwwBlock span, .hbPlate .hbpScope .hbpPlateList .hbpProvinceName, .hbPrayerDistrict .hbpdScope .hbpdDistrictList .hbpdItem { font-size: 14px; font-weight: 400; line-height: 160%; color: #333333; } .hbPlate .hbpScope .hbpPlateList .hbpPlateItem span { font-family: sans-serif; font-size: 24px; font-weight: 800; color: #fe0000; } .hbWeatherBox .colBlock .hbbwDetailsDay .hbbwDetailsItemTitle, .hbWeatherBox .colBlock .hbbwDetailsItem .hbbwDetailsItemTitle { font-family: sans-serif; font-size: 14px; font-weight: 500; line-height: 140%; color: #fe0000; } .hbWeatherBox .colBlock .hbbwDetailsDay .hbbwDetailsItemText, .hbWeatherBox .colBlock .hbbwDetailsItem .hbbwDetailsItemText { font-family: sans-serif; font-size: 20px; font-weight: 700; line-height: 140%; color: #333333; } .hbNewspaper .hbnScope .hbNewspaperListTallText { font-size: 16px; font-weight: 400; line-height: 160%; color: #000000; } .hbNewspaper .hbnScope .hbNewspaperList .hbNewspaperImg .hbNewspaperName { font-family: sans-serif; font-size: 14px; font-weight: 600; line-height: 130%; color: #333333; } .hbNewspaper .hbnGeneralTitle { font-size: 34px; font-weight: 800; line-height: 140%; color: #000000; } .hbDatePicker .hbdpScope, .hbNewspaper .hbnFullImage .hbnNextText, .hbNewspaper .hbnFullImage .hbnPrevText { font-family: sans-serif; font-size: 12px; font-weight: 700; color: #fe0000; } .hbCustomerEmoji .hbceScope .hbceSocialContainer .hbceSocialShare { font-family: sans-serif; font-weight: 700; color: #333333; line-height: 160%; } .hbLeftMenu .hblmItem { font-family: sans-serif; font-size: 16px; line-height: 150%; font-weight: 700; color: #333333; } .hbRightMenu .hbrmItem .hbrmTitle { font-family: sans-serif; font-size: 20px; line-height: 160%; font-weight: 700; color: #333333; } .hbLeftMenu .hblmItem .hblmSubBlock .hblmSubItem, .hbRightMenu .hbrmItem .hbrmText { font-size: 16px; line-height: 160%; font-weight: 400; color: #333333; } .hbContactForm form label { font-size: 12px; line-height: 155%; font-weight: 700; color: #333333; } .hbContactForm .hbcfInput, .hbContactForm .hbcfSelect, .hbProvinceSwipeBox.hbpsbScope.hbpsbTopSection.hbpsbOneColumn.hbpsbRightSide.hbpsbSelect { font-family: sans-serif; font-size: 13px; font-weight: 700; color: #333333; } .hbContactForm .hbContactFormBlocks .hbcfSubmit, .hbContactForm .hbcfSubmit { font-family: sans-serif; font-size: 16px; font-weight: 600; color: #ffffff; } .hbContactForm .compulsory { font-size: 12px; font-weight: 700; line-height: 100%; color: #fe0000; } .hbProvinceSwipeBox .hbpsbScope .hbpsbCenterSection span { font-size: 16px; font-weight: 400; line-height: 160%; color: #333333; } .hbWarning .hbwText { font-size: 16px; font-weight: 600; font-family: sans-serif; color: #ffffff; line-height: 140%; } .hbBreadCrumb .hbbcScope .hbbcRight .hbbcFollowMe .hbbcFollowMeText { font-family: sans-serif; font-size: 16px; font-weight: 600; color: #333333; line-height: 100%; } .hbBreadCrumb .hbbcScope .hbbcRight .hbbcAddWebsiteBg .hbbcAddWebsiteText, .hbBreadCrumb .hbbcScope .hbbcRight .hbbcRssAndAddWebsiteScope .hbbcRss { font-family: sans-serif; font-size: 12px; font-weight: 400; color: #f2f2f2; } .hbTableContent .hbSmallTitle, .hbTableContent thead tr th { font-family: sans-serif; font-size: 13px; font-weight: 700; color: #4a72d7; text-align: left; } .dropDownFinance { font-size: 13px; font-weight: 700; color: #fefefe; } .hbSportStandings tbody tr td { font-size: 14px; font-weight: 400; line-height: 120%; } .hbSportStandings thead tr th { font-family: sans-serif; font-size: 16px; font-weight: 600; } .hbStandingsSlider thead tr th { font-family: sans-serif; font-size: 14px; font-weight: 500; color: #333333; } .hbFooter .hbftContent, .hbFooter .hbftTerms, .hbForm .hbInput, .hbForm .hbTextarea, .hbGundem .hbTitle, .hbImsakDate .hbTextRight, .hbStandingsSlider tbody tr td, body { font-weight: 400; font-family: sans-serif; } .hbStandingsSlider tbody tr td:last-child, .hbStandingsSlider tbody tr td:nth-child(2) { font-family: sans-serif; font-size: 14px; font-weight: 500; color: #595959; } .hbStandingsSlider tbody tr td { font-size: 14px; color: #7f7f7f; } .hbAstrology .hbaScope .hbaItemList .hbaName { font-family: sans-serif; font-size: 18px; font-weight: 400; color: #000000; } a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { margin: 0; padding: 0; border: 0; list-style: none; } header { margin-top: 30px; } .hbBoxScope .hbBoxImage img, .hbCatBoxFullSlider .hbBoxImage img, .hbEmojiScope .hbeCol .hbColImage img, .swiper-slide img, html { width: 100%; height: auto; } body { color: #333333; line-height: 100%; width: 100%; max-width: 100%; margin: 0; padding: 100px 0 0; background-color: #f4f4f4; } a { text-decoration: none; color: inherit; } .resmi-ilan table { overflow-x: auto !important; overflow-y: auto !important; width: 100%; } resmi-ilan table::-webkit-scrollbar { height: 12px; } resmi-ilan table::-webkit-scrollbar-track { height: 12px; background: #f1f1f1; } @media only screen and (max-width: 550px) { .resmi-ilan table { overflow-x: auto !important; overflow-y: auto !important; max-width: 800px; } } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .generalSmallTitle .h1, .hbGeneralTitles span { font-family: sans-serif; font-size: 22px; font-weight: 800; color: #000000; line-height: 120%; } .hbGeneralTitles .h1, .hbGeneralTitles h1.title { font-family: sans-serif; font-size: 36px; font-weight: 700; color: #000000; line-height: 120%; margin-bottom: 24px; } .hbGeneralTitles .hblnhTitle, .hbLeftMenu .hblmItem.active, .hbMainSlider .hbSlider .swiper-pagination-bullet-active, .hbMsg.hbmsgError, .hbPrayerTime .hbptScope .hbptBlocks .hbptTime.active, .hbRightMenu .hblmItem.active, .yzrhead { color: #fe0000; } .hbGeneralSubText { font-size: 14px; line-height: 140%; } .color-general .bgFill, .color-general.bgFill, .color-prayerdate .bgFill, .color-prayerdate.bgFill { background-color: #fe0000 !important; } .color-general .txtFill, .color-general.txtFill, .color-prayerdate .txtFill, .color-prayerdate.txtFill, .generalColorNews, .generalColorSpor, .slider .bullets .bullet.active { color: #fe0000 !important; } .color-general .brdFill, .color-general.brdFill, .color-prayerdate .brdFill, .color-prayerdate.brdFill { border-color: #fe0000 !important; } .color-general .hbhlDegrade, .color-general.hbhlDegrade, .color-prayerdate .hbhlDegrade, .color-prayerdate.hbhlDegrade { background: #fe0000; background: linear-gradient( to top, #fe0000 0, #fe0000 70%, rgb(254 0 0 / 0.7) 80%, #ffffff 100% ); background: -webkit-linear-gradient( to top, #fe0000 0, #fe0000 70%, rgb(254 0 0 / 0.7) 80%, #ffffff 100% ); background: -moz-linear-gradient( to top, #fe0000 0, #fe0000 70%, rgb(254 0 0 / 0.7) 80%, #ffffff 100% ); background: -o-linear-gradient( to top, #fe0000 0, #fe0000 70%, rgb(254 0 0 / 0.7) 80%, #ffffff 100% ); } .color-finance .bgFill, .color-finance.bgFill { background-color: #0b5bb3 !important; } .color-finance .txtFill, .color-finance.txtFill { color: #0b5bb3 !important; } .color-finance .brdFill, .color-finance.brdFill { border-color: #0b5bb3 !important; } .color-finance .hbhlDegrade, .color-finance.hbhlDegrade { background: #0b5bb3; background: linear-gradient( to top, #0b5bb3 0, #0b5bb3 70%, rgb(11 91 179 / 0.7) 80%, #ffffff 100% ); background: -webkit-linear-gradient( to top, #0b5bb3 0, #0b5bb3 70%, rgb(11 91 179 / 0.7) 80%, #ffffff 100% ); background: -moz-linear-gradient( to top, #0b5bb3 0, #0b5bb3 70%, rgb(11 91 179 / 0.7) 80%, #ffffff 100% ); background: -o-linear-gradient( to top, #0b5bb3 0, #0b5bb3 70%, rgb(11 91 179 / 0.7) 80%, #ffffff 100% ); } .color-football .bgFill, .color-football.bgFill, .color-sport .bgFill, .color-sport.bgFill { background-color: #2da187 !important; } .color-football .txtFill, .color-football.txtFill, .color-sport .txtFill, .color-sport.txtFill, .hbSlider.sport .swiper-pagination-bullet.swiper-pagination-bullet-active, .hbStandingsSlider tbody tr:nth-child(-n3) td:nth-child(2) { color: #2da187 !important; } .color-football .brdFill, .color-football.brdFill, .color-sport .brdFill, .color-sport.brdFill { border-color: #2da187 !important; } .color-football .hbhlDegrade, .color-football.hbhlDegrade, .color-sport .hbhlDegrade, .color-sport.hbhlDegrade { background: #2da187; background: linear-gradient( to top, #2da187 0, #2da187 70%, rgb(45 161 135 / 0.7) 80%, #ffffff 100% ); background: -webkit-linear-gradient( to top, #2da187 0, #2da187 70%, rgb(45 161 135 / 0.7) 80%, #ffffff 100% ); background: -moz-linear-gradient( to top, #2da187 0, #2da187 70%, rgb(45 161 135 / 0.7) 80%, #ffffff 100% ); background: -o-linear-gradient( to top, #2da187 0, #2da187 70%, rgb(45 161 135 / 0.7) 80%, #ffffff 100% ); } .color-technology .bgFill, .color-technology.bgFill { background-color: #4407a7 !important; } .color-technology .txtFill, .color-technology.txtFill { color: #4407a7 !important; } .color-technology .brdFill, .color-technology.brdFill { border-color: #4407a7 !important; } .color-technology .hbhlDegrade, .color-technology.hbhlDegrade { background: #4407a7; background: linear-gradient( to top, #4407a7 0, #4407a7 70%, rgb(68 7 167 / 0.7) 80%, #ffffff 100% ); background: -webkit-linear-gradient( to top, #4407a7 0, #4407a7 70%, rgb(68 7 167 / 0.7) 80%, #ffffff 100% ); background: -moz-linear-gradient( to top, #4407a7 0, #4407a7 70%, rgb(68 7 167 / 0.7) 80%, #ffffff 100% ); background: -o-linear-gradient( to top, #4407a7 0, #4407a7 70%, rgb(68 7 167 / 0.7) 80%, #ffffff 100% ); } .color-culture .bgFill, .color-culture.bgFill { background-color: #e65f0c !important; } .color-culture .txtFill, .color-culture.txtFill { color: #e65f0c !important; } .color-culture .brdFill, .color-culture.brdFill { border-color: #e65f0c !important; } .color-culture .hbhlDegrade, .color-culture.hbhlDegrade { background: #e65f0c; background: linear-gradient( to top, #e65f0c 0, #e65f0c 70%, rgb(230 95 12 / 0.7) 80%, #ffffff 100% ); background: -webkit-linear-gradient( to top, #e65f0c 0, #e65f0c 70%, rgb(230 95 12 / 0.7) 80%, #ffffff 100% ); background: -moz-linear-gradient( to top, #e65f0c 0, #e65f0c 70%, rgb(230 95 12 / 0.7) 80%, #ffffff 100% ); background: -o-linear-gradient( to top, #e65f0c 0, #e65f0c 70%, rgb(230 95 12 / 0.7) 80%, #ffffff 100% ); } .color-magazine .bgFill, .color-magazine.bgFill { background-color: #ad3d85 !important; } .color-magazine .txtFill, .color-magazine.txtFill { color: #ad3d85 !important; } .color-magazine .brdFill, .color-magazine.brdFill { border-color: #ad3d85 !important; } .color-magazine .hbhlDegrade, .color-magazine.hbhlDegrade { background: #ad3d85; background: linear-gradient( to top, #ad3d85 0, #ad3d85 70%, rgb(173 61 133 / 0.7) 80%, #ffffff 100% ); background: -webkit-linear-gradient( to top, #ad3d85 0, #ad3d85 70%, rgb(173 61 133 / 0.7) 80%, #ffffff 100% ); background: -moz-linear-gradient( to top, #ad3d85 0, #ad3d85 70%, rgb(173 61 133 / 0.7) 80%, #ffffff 100% ); background: -o-linear-gradient( to top, #ad3d85 0, #ad3d85 70%, rgb(173 61 133 / 0.7) 80%, #ffffff 100% ); } .color-gallery .bgFill, .color-gallery.bgFill { background-color: #e89400 !important; } .color-gallery .txtFill, .color-gallery.txtFill, .hbSlider.gallery .swiper-pagination-bullet.swiper-pagination-bullet-active { color: #e89400 !important; } .color-gallery .brdFill, .color-gallery.brdFill { border-color: #e89400 !important; } .color-gallery .hbhlDegrade, .color-gallery.hbhlDegrade { background: #e89400; background: linear-gradient( to top, #e89400 0, #e89400 70%, rgb(232 148 0 / 0.7) 80%, #ffffff 100% ); background: -webkit-linear-gradient( to top, #e89400 0, #e89400 70%, rgb(232 148 0 / 0.7) 80%, #ffffff 100% ); background: -moz-linear-gradient( to top, #e89400 0, #e89400 70%, rgb(232 148 0 / 0.7) 80%, #ffffff 100% ); background: -o-linear-gradient( to top, #e89400 0, #e89400 70%, rgb(232 148 0 / 0.7) 80%, #ffffff 100% ); } .color-dailymotion .bgFill, .color-dailymotion.bgFill { background-color: #00c9e8 !important; } .color-dailymotion .txtFill, .color-dailymotion.txtFill { color: #00c9e8 !important; } .color-dailymotion .brdFill, .color-dailymotion.brdFill { border-color: #00c9e8 !important; } .color-dailymotion .hbhlDegrade, .color-dailymotion.hbhlDegrade { background: #00c9e8; background: linear-gradient( to top, #00c9e8 0, #00c9e8 70%, rgb(0 201 232 / 0.7) 80%, #ffffff 100% ); background: -webkit-linear-gradient( to top, #00c9e8 0, #00c9e8 70%, rgb(0 201 232 / 0.7) 80%, #ffffff 100% ); background: -moz-linear-gradient( to top, #00c9e8 0, #00c9e8 70%, rgb(0 201 232 / 0.7) 80%, #ffffff 100% ); background: -o-linear-gradient( to top, #00c9e8 0, #00c9e8 70%, rgb(0 201 232 / 0.7) 80%, #ffffff 100% ); } .color-basketball .bgFill, .color-basketball.bgFill { background-color: #e67039 !important; } .color-basketball .txtFill, .color-basketball.txtFill { color: #e67039 !important; } .color-basketball .brdFill, .color-basketball.brdFill { border-color: #e67039 !important; } .color-basketball .hbhlDegrade, .color-basketball.hbhlDegrade { background: #e67039; background: linear-gradient( to top, #e67039 0, #e67039 70%, rgb(230 112 57 / 0.7) 80%, #ffffff 100% ); background: -webkit-linear-gradient( to top, #e67039 0, #e67039 70%, rgb(230 112 57 / 0.7) 80%, #ffffff 100% ); background: -moz-linear-gradient( to top, #e67039 0, #e67039 70%, rgb(230 112 57 / 0.7) 80%, #ffffff 100% ); background: -o-linear-gradient( to top, #e67039 0, #e67039 70%, rgb(230 112 57 / 0.7) 80%, #ffffff 100% ); } .color-tennis .bgFill, .color-tennis.bgFill { background-color: #e35856 !important; } .color-tennis .txtFill, .color-tennis.txtFill { color: #e35856 !important; } .color-tennis .brdFill, .color-tennis.brdFill { border-color: #e35856 !important; } .color-tennis .hbhlDegrade, .color-tennis.hbhlDegrade { background: #e35856; background: linear-gradient( to top, #e35856 0, #e35856 70%, rgb(227 88 86 / 0.7) 80%, #ffffff 100% ); background: -webkit-linear-gradient( to top, #e35856 0, #e35856 70%, rgb(227 88 86 / 0.7) 80%, #ffffff 100% ); background: -moz-linear-gradient( to top, #e35856 0, #e35856 70%, rgb(227 88 86 / 0.7) 80%, #ffffff 100% ); background: -o-linear-gradient( to top, #e35856 0, #e35856 70%, rgb(227 88 86 / 0.7) 80%, #ffffff 100% ); } .color-esports .bgFill, .color-esports.bgFill { background-color: #7200e0 !important; } .color-esports .txtFill, .color-esports.txtFill { color: #7200e0 !important; } .color-esports .brdFill, .color-esports.brdFill { border-color: #7200e0 !important; } .color-esports .hbhlDegrade, .color-esports.hbhlDegrade { background: #7200e0; background: linear-gradient( to top, #7200e0 0, #7200e0 70%, rgb(114 0 224 / 0.7) 80%, #ffffff 100% ); background: -webkit-linear-gradient( to top, #7200e0 0, #7200e0 70%, rgb(114 0 224 / 0.7) 80%, #ffffff 100% ); background: -moz-linear-gradient( to top, #7200e0 0, #7200e0 70%, rgb(114 0 224 / 0.7) 80%, #ffffff 100% ); background: -o-linear-gradient( to top, #7200e0 0, #7200e0 70%, rgb(114 0 224 / 0.7) 80%, #ffffff 100% ); } .color-actual .bgFill, .color-actual.bgFill { background-color: #850030 !important; } .color-actual .txtFill, .color-actual.txtFill { color: #850030 !important; } .color-actual .brdFill, .color-actual.brdFill { border-color: #850030 !important; } .color-actual .hbhlDegrade, .color-actual.hbhlDegrade { background: #850030; background: linear-gradient( to top, #850030 0, #850030 70%, rgb(133 0 48 / 0.7) 80%, #ffffff 100% ); background: -webkit-linear-gradient( to top, #850030 0, #850030 70%, rgb(133 0 48 / 0.7) 80%, #ffffff 100% ); background: -moz-linear-gradient( to top, #850030 0, #850030 70%, rgb(133 0 48 / 0.7) 80%, #ffffff 100% ); background: -o-linear-gradient( to top, #850030 0, #850030 70%, rgb(133 0 48 / 0.7) 80%, #ffffff 100% ); } .color-thirdpage .bgFill, .color-thirdpage.bgFill { background-color: #242424 !important; } .color-thirdpage .txtFill, .color-thirdpage.txtFill { color: #242424 !important; } .color-thirdpage .brdFill, .color-thirdpage.brdFill { border-color: #242424 !important; } .color-thirdpage .hbhlDegrade, .color-thirdpage.hbhlDegrade { background: #242424; background: linear-gradient( to top, #242424 0, #242424 70%, rgb(36 36 36 / 0.7) 80%, #ffffff 100% ); background: -webkit-linear-gradient( to top, #242424 0, #242424 70%, rgb(36 36 36 / 0.7) 80%, #ffffff 100% ); background: -moz-linear-gradient( to top, #242424 0, #242424 70%, rgb(36 36 36 / 0.7) 80%, #ffffff 100% ); background: -o-linear-gradient( to top, #242424 0, #242424 70%, rgb(36 36 36 / 0.7) 80%, #ffffff 100% ); } .color-other .bgFill, .color-other.bgFill { background-color: #a6a6a6 !important; } .color-other .txtFill, .color-other.txtFill { color: #a6a6a6 !important; } .color-other .brdFill, .color-other.brdFill { border-color: #a6a6a6 !important; } .color-other .hbhlDegrade, .color-other.hbhlDegrade { background: #a6a6a6; background: linear-gradient( to top, #a6a6a6 0, #a6a6a6 70%, rgb(166 166 166 / 0.7) 80%, #ffffff 100% ); background: -webkit-linear-gradient( to top, #a6a6a6 0, #a6a6a6 70%, rgb(166 166 166 / 0.7) 80%, #ffffff 100% ); background: -moz-linear-gradient( to top, #a6a6a6 0, #a6a6a6 70%, rgb(166 166 166 / 0.7) 80%, #ffffff 100% ); background: -o-linear-gradient( to top, #a6a6a6 0, #a6a6a6 70%, rgb(166 166 166 / 0.7) 80%, #ffffff 100% ); } .color-life .bgFill, .color-life.bgFill { background-color: #ce4e3b !important; } .color-life .txtFill, .color-life.txtFill { color: #ce4e3b !important; } .color-life .brdFill, .color-life.brdFill { border-color: #ce4e3b !important; } .color-life .hbhlDegrade, .color-life.hbhlDegrade { background: #ce4e3b; background: linear-gradient( to top, #ce4e3b 0, #ce4e3b 70%, rgb(206 78 59 / 0.7) 80%, #ffffff 100% ); background: -webkit-linear-gradient( to top, #ce4e3b 0, #ce4e3b 70%, rgb(206 78 59 / 0.7) 80%, #ffffff 100% ); background: -moz-linear-gradient( to top, #ce4e3b 0, #ce4e3b 70%, rgb(206 78 59 / 0.7) 80%, #ffffff 100% ); background: -o-linear-gradient( to top, #ce4e3b 0, #ce4e3b 70%, rgb(206 78 59 / 0.7) 80%, #ffffff 100% ); } .hbGeneralScope { position: relative; margin: 0 auto; width: 100%; padding-top: 52px !important; } .hbRow { width: 100%; position: relative; display: inline-block; margin: 0 0 36px; } .hbRow.hbBreadCrumb { margin-bottom: 24px; display: flex; justify-content: center; } .hbRow.hbNewsBox { margin-bottom: 0; line-height: 140%; } .col100, .colPage, .hbForm, .hbInRow { width: 100%; position: relative; display: inline-block; } .hbContainer { position: relative; width: 100%; margin: 0 auto; padding: 0 16px; height: auto; } .col216, .col516, .colFtNewsRight, .colSld300, .colSld732, .dropDownFinancePage, .hbBoxBiography .hbbbContent, .hbBoxScope .hbBoxVsBulletSlider, .hbCatBoxFullSlider, .hbCatBoxFullSlider .hbBoxVsBulletSlider, .hbCommentAdd .hbComments .hbcLikeScope, .hbContactForm .hbContactFormBlocks, .hbContactForm .hbContactFormBlocksFull, .hbDailyHeadline .hbdhImage, .hbHeadLineSlider .hbhlImage, .hbLastNews .hblnBox, .hbLastNews .hblnBox .hblnContent, .hbLastNews .hblnBox .hblnImage, .hbMain, .hbNewsPaper .hbnpContent, .hbNewspaper .hbnFullImage, .hbNewspaper .hbnScope .hbNewspaperWebsites, .hbPageDetails .hbptGalleryMainImage, .hbPrayerCustomTable, .hbPrayerDistrict .hbpdScope .hbpdDistrictList, .hbPrayerTimeTable, .hbQuizBox .hbBoxMainQuizBottom, .hbQuizBox .hbQuizAllCategory, .hbRightMenu .hbrmAboutProgress .hbrmAboutProgressItem.hbrmBars, .hbSportStandings, .hbStandingsSlider, .hbSubMenuSwiper, .hbTableContent, .hbTopNews .hbtnBoxScope, .hbWeatherBox .hbwbScope .hbwbWeatherRow .hbwbFullColumn, .hbWhoIsWho .hbwiwBoxScope, .hbWhoIsWho .hbwiwBoxScope .hbwiwBox, .imsakDayContentScope, .imsakDayContentScope .imsakDayRow .imsakDayCol .imsakDayText, .newsErrorScope, .newsErrorScope .newsErrorScopeOtherNewsCategories, .newsErrorScopeHeader { width: 100%; display: inline-block; } .boxStyle { background: #ffffff; -webkit-box-shadow: 0 4px 6px 0 rgba(185, 185, 185, 0.5); -moz-box-shadow: 0 4px 6px 0 rgba(185, 185, 185, 0.5); box-shadow: 0 4px 6px 0 rgba(185, 185, 185, 0.5); } .percent-col100 { width: 100%; position: relative; float: left; margin-top: 20px; display: flex; justify-content: center; } .boxRadius { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } .hbGeneralSearch { position: fixed; width: 100%; top: 47px; left: 0; z-index: 999999; -webkit-box-shadow: 0 5px 21px -7px rgb(0, 0, 0, 0.68); -moz-box-shadow: 0 5px 21px -7px rgb(0, 0, 0, 0.68); box-shadow: 0 5px 21px -7px rgb(0, 0, 0, 0.68); background-color: #e89400; height: 0; padding-top: 0; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; overflow: hidden; } .hbGeneralSearch.active { height: 54px; display: flex; justify-content: center; align-content: center; align-items: center; overflow: visible; } .hbGeneralSearch .hbSearch { width: 100%; display: inline-block; padding-right: 50px; } .hbGeneralSearch .hbSearch input { width: 100%; display: inline-block; height: 24px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; padding-left: 27px; border: 0; background: url(https://www.haberler.com/mstatic/assets/img/search-icon.svg) left 6px center/16px no-repeat #fefefe; font-size: 14px; font-weight: 400; color: grey; outline: 0; padding-right: 10px; } .hbGeneralSearch .hbSubmit { position: absolute; right: 15px; top: 0; width: 43px; height: 24px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; background-color: #fe0000; font-family: sans-serif; font-size: 12px; font-weight: 600; color: #fefefe; border: 0; } .hbBoxScope .box, .hbBoxScope .hbBoxVsBulletSlider .swiper-slide, .hbBoxScope.fullWidth .hbBoxImage, .hbBoxVsBulletSlider .hbvsImage, .hbCatBoxFullSlider .box, .hbCatBoxFullSlider .hbBoxVsBulletSlider .swiper-slide, .hbCatBoxFullSlider.fullWidth .hbBoxImage, .hbSingleBoxFullSlider.fullWidth .hbBoxImage { height: auto !important; } .hbGeneralSearch ::-webkit-input-placeholder { color: grey; } .hbGeneralSearch ::-moz-placeholder { color: grey; } .hbGeneralSearch :-ms-input-placeholder { color: grey; } .hbGeneralSearch :-moz-placeholder { color: grey; } .hbGeneralSearch.color-finance { background-color: #0b5cb6; } .hbGeneralSearch.color-tv { background-color: #d74a4a; } .hbGeneralSearch.color-general { background-color: #850000; } .gallery, .hbGeneralSearch.color-gallery { background-color: #e89400; } .hbGeneralSearch.color-dailymotion { background-color: #00c9e8; } .hbGeneralSearch.color-sondakika { background: linear-gradient(180deg, #000000 0, #1c1c1c 100%); } .hbGeneralSearch.color-sport { background-color: #2da187; } .hbBoxScope { width: 100%; display: flex; /*gap: 24px;*/ flex-wrap: wrap; margin-top: 0 !important; } .nogap { gap: 0; } .hbBoxScope .box { width: auto; display: inline-block; overflow: hidden; } .hbBoxScope .box.new { width: 48%; } .bioContainer .hbBoxScope .box.new { width: 31%; } .hbBoxScope .newYazarbox { width: 31.7%; } .yazarYazıları { width: 48% !important; } .yzrYzlrBottom .yazarYazıları { width: 32% !important; } .hbBoxScope.hbYazar12 { width: 47%; } .hbCatBoxFullSlider .box { width: 100%; display: inline-block; margin-bottom: 10px; overflow: hidden; } .hbBoxScope.fullWidth, .hbCatBoxFullSlider.fullWidth, .hbSingleBoxFullSlider.fullWidth { width: 100% !important; display: inline-block; } .hbBoxScope.fullWidth .box, .hbCatBoxFullSlider.fullWidth .box, .hbSingleBoxFullSlider.fullWidth .box { width: 100% !important; display: inline-block; margin-bottom: 0; } .hbBoxScope.fullWidth .hbBoxMainText, .hbCatBoxFullSlider.fullWidth .hbBoxMainText, .hbSingleBoxFullSlider.fullWidth .hbBoxMainText { border-bottom: 1px solid #f4f4f4 !important; } .hbBoxScope.fullWidth .hbBoxHeadTitle, .hbCatBoxFullSlider.fullWidth .hbBoxHeadTitle, .hbSingleBoxFullSlider.fullWidth .hbBoxHeadTitle { border-left: 4px solid !important; height: auto !important; padding: 20px; } .hbBoxScope .boxV, .hbCatBoxFullSlider .boxV, .hbSingleBoxFullSlider .boxV { height: 584px; } .hbBoxScope .hbBoxImage, .hbCatBoxFullSlider .hbBoxImage { display: inline-block; border-bottom: 4px solid #666; } .hbBoxScope .hbBoxImage .hbbiText, .hbCatBoxFullSlider .hbBoxImage .hbbiText { position: absolute; top: 0; left: 0; padding: 2px 10px; background-color: #e3e3e3; font-family: sans-serif; font-size: 14px; font-weight: 500; line-height: 150%; color: #666; } .hbBoxScope .hbBoxMainText, .hbCatBoxFullSlider .hbBoxMainText { width: 100%; display: inline-block; border-bottom: 1px solid #e3e3e3; font-family: sans-serif; font-size: 18px; font-weight: 600; color: #333333; line-height: 140%; padding: 10px; overflow: hidden; } .hbBoxScope .hbBoxMainText { border-bottom: 0; position: relative; } .hbBoxScope .hbBoxMainText .osd { color: #cecece; font-weight: 500; font-size: 12px; display: block; padding: 0 0 0 187px; text-align: left; position: absolute; bottom: 5px; margin-bottom: 0; } .hbMtext-alt { line-height: 130%; } .hbBoxScope .hbvsImageDate, .hbCatBoxFullSlider .hbvsImageDate, .hbSingleBoxFullSlider .hbvsImageDate { width: 100%; display: inline-block; margin-top: 5px; font-family: sans-serif; font-size: 12px; font-weight: 400; color: #333333; } .hbBoxScope .hbBoxVslider, .hbCatBoxFullSlider .hbBoxVslider { width: 100%; display: inline-block; padding: 24px 15px; } .hbBoxScope .hbBoxVslider .swiper-slide, .hbCatBoxFullSlider .hbBoxVslider .swiper-slide { padding-left: 92px; margin-bottom: 24px; } .hbBoxScope .hbBoxVslider .swiper-slide .hbvsImage, .hbCatBoxFullSlider .hbBoxVslider .swiper-slide .hbvsImage, .hbSingleBoxFullSlider .hbBoxVslider .swiper-slide .hbvsImage { position: absolute; left: 5px; top: 0; } .hbBoxScope .hbBoxVslider .swiper-slide .hbvsImageTitle, .hbCatBoxFullSlider .hbBoxVslider .swiper-slide .hbvsImageTitle { width: 100%; display: inline-block; min-height: 61px; font-family: sans-serif; font-size: 16px; font-weight: 600; color: #333333; } .hbBoxScope .hbBoxVslider .hbgsPgArw, .hbBoxScope .hbgsGreenPgArw, .hbCatBoxFullSlider .hbBoxVslider .hbgsPgArw, .hbCatBoxFullSlider .hbgsGreenPgArw, .hbSingleBoxFullSlider .hbBoxVslider .hbgsPgArw { position: absolute; bottom: 10px; right: 0; width: 100%; height: 24px; } .hbBoxScope .hbBoxVslider .hbgsPgArw .swiper-button-next, .hbCatBoxFullSlider .hbBoxVslider .hbgsPgArw .swiper-button-next { background-image: url(https://www.haberler.com/mstatic/assets/img/icon-red-rightarrow.png); width: 22px; height: 22px; background-size: 22px 22px; margin-top: 0; z-index: 11; outline: 0; right: 15px; top: 0; -webkit-transition: 0.34s; -moz-transition: 0.34s; -ms-transition: 0.34s; -o-transition: 0.34s; transition: 0.34s; } .hbBoxScope .hbBoxVslider .hbgsPgArw .swiper-button-prev, .hbCatBoxFullSlider .hbBoxVslider .hbgsPgArw .swiper-button-prev { background-image: url(https://www.haberler.com/mstatic/assets/img/icon-red-leftarrow.png); width: 22px; height: 22px; background-size: 22px 22px; margin-top: 0; z-index: 11; outline: 0; left: 15px; top: 0; -webkit-transition: 0.34s; -moz-transition: 0.34s; -ms-transition: 0.34s; -o-transition: 0.34s; transition: 0.34s; } .hbBoxScope .hbBoxVslider .hbgsPgArw .swiper-pagination, .hbBoxScope .hbgsGreenPgArw .swiper-pagination, .hbCatBoxFullSlider .hbBoxVslider .hbgsPgArw .swiper-pagination, .hbCatBoxFullSlider .hbgsGreenPgArw .swiper-pagination, .hbFilmSwiper .hbfsPgArw .swiper-pagination, .hbGalleryQuiz .hbgsPgArw .swiper-pagination, .hbSingleBoxFullSlider .hbBoxVslider .hbgsPgArw .swiper-pagination { width: 100%; display: inline-block; padding-left: 22px; padding-right: 22px; } .hbBoxScope .hbgsGreenPgArw .swiper-pagination .swiper-pagination-bullet, .hbBoxScope.hbBoxVslider.hbgsPgArw.swiper-pagination.swiper-pagination-bullet, .hbCatBoxFullSlider.hbBoxVslider.hbgsPgArw.swiper-pagination.swiper-pagination-bullet, .hbCatBoxFullSlider.hbgsGreenPgArw.swiper-pagination.swiper-pagination-bullet, .hbSingleBoxFullSlider.hbBoxVslider.hbgsPgArw.swiper-pagination.swiper-pagination-bullet { width: 6px; height: 6px; margin: 0 2px; background: #d8d8d8; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; } .hbBoxScope.hbBoxVslider.hbgsPgArw.swiper-pagination.swiper-pagination-bullet.swiper-pagination-bullet-active, .hbBoxScope.hbgsGreenPgArw.swiper-pagination.swiper-pagination-bullet.swiper-pagination-bullet-active, .hbCatBoxFullSlider.hbBoxVslider.hbgsPgArw.swiper-pagination.swiper-pagination-bullet.swiper-pagination-bullet-active, .hbCatBoxFullSlider.hbgsGreenPgArw.swiper-pagination.swiper-pagination-bullet.swiper-pagination-bullet-active, .hbFilmSwiper.hbfsPgArw.swiper-pagination.swiper-pagination-bullet.swiper-pagination-bullet-active, .hbGalleryQuiz.hbgsPgArw.swiper-pagination.swiper-pagination-bullet.swiper-pagination-bullet-active, .hbProvinceSwipeBox.hbpsbScope.hbpsbBottomSection.hbfsPgArw.swiper-pagination.swiper-pagination-bullet.swiper-pagination-bullet-active, .hbSingleBoxFullSlider.hbBoxVslider.hbgsPgArw.swiper-pagination.swiper-pagination-bullet.swiper-pagination-bullet-active { background: #fe0000; } .hbBoxScope .hbgsGreenPgArw .swiper-button-next, .hbCatBoxFullSlider .hbgsGreenPgArw .swiper-button-next, .hbSingleBoxFullSlider .hbBoxVslider .hbgsPgArw .swiper-button-next { background-image: url(https://www.haberler.com/mstatic/assets/img/icon-white-rightarrow.png); width: 22px; height: 22px; background-size: 22px 22px; margin-top: 0; z-index: 11; outline: 0; right: 15px; top: 0; -webkit-transition: 0.34s; -moz-transition: 0.34s; -ms-transition: 0.34s; -o-transition: 0.34s; transition: 0.34s; } .hbBoxScope .hbgsGreenPgArw .swiper-button-prev, .hbCatBoxFullSlider .hbgsGreenPgArw .swiper-button-prev, .hbSingleBoxFullSlider .hbBoxVslider .hbgsPgArw .swiper-button-prev { background-image: url(https://www.haberler.com/mstatic/assets/img/icon-white-leftarrow.png); width: 22px; height: 22px; background-size: 22px 22px; margin-top: 0; z-index: 11; outline: 0; left: 15px; top: 0; -webkit-transition: 0.34s; -moz-transition: 0.34s; -ms-transition: 0.34s; -o-transition: 0.34s; transition: 0.34s; } .hbForm .hbSubmit, .hbNavMenuScope .hbNavMenu, .hbNavMenuScope .hbnmBg, .hbNewspaper .hbgsPgArw .swiper-button-next { -webkit-transition: 0.34s; -moz-transition: 0.34s; -ms-transition: 0.34s; -o-transition: 0.34s; } .hbBoxScope .hbBoxVsBulletSlider .hbvsImage, .hbCatBoxFullSlider .hbBoxVsBulletSlider .hbvsImage, .hbSingleBoxFullSlider .hbBoxVsBulletSlider .hbvsImage { width: 100%; display: inline-block; height: 189px; overflow: hidden; } .hbBoxScope .hbBoxVsBulletSlider .hbvsImageTitle, .hbCatBoxFullSlider .hbBoxVsBulletSlider .hbvsImageTitle { width: 100%; padding: 5px 10px; height: 75px; overflow: hidden; background: #ffffff; border-left: 4px solid #fe0000; display: table; font-size: 15px; font-weight: 700; font-family: sans-serif; color: #393939; line-height: 130%; } .hbBoxScope .hbBoxVsBulletSlider .swiper-pagination, .hbCatBoxFullSlider .hbBoxVsBulletSlider .swiper-pagination, .hbSingleBoxFullSlider .hbBoxVsBulletSlider .swiper-pagination { width: 100%; display: inline-block; bottom: 0; background: #333333; height: 27px; border-bottom: 3px solid #dbdbdb; } .hbBoxScope .hbBoxVsBulletSlider .swiper-pagination-bullet, .hbCatBoxFullSlider .hbBoxVsBulletSlider .swiper-pagination-bullet, .hbSingleBoxFullSlider .hbBoxVsBulletSlider .swiper-pagination-bullet { width: 7.692%; display: inline-block; margin: 0; height: 24px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; background: 0; text-align: center; color: #ffffff; font-size: 14px; font-family: sans-serif; padding-top: 4px; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; } .hbBoxScope.hbBoxVsBulletSlider.swiper-pagination-bullet.swiper-pagination-bullet-active, .hbCatBoxFullSlider.hbBoxVsBulletSlider.swiper-pagination-bullet.swiper-pagination-bullet-active, .hbSingleBoxFullSlider.hbBoxVsBulletSlider.swiper-pagination-bullet.swiper-pagination-bullet-active { color: #fe0000; border-bottom: 1.8px solid #fe0000; font-weight: 600; } .hbBoxScope .blackStyle, .hbCatBoxFullSlider .blackStyle, .hbSingleBoxFullSlider .blackStyle { background: #202020; } .hbBoxScope .blackStyle .hbBoxHeadTitle, .hbCatBoxFullSlider .blackStyle .hbBoxHeadTitle, .hbSingleBoxFullSlider .blackStyle .hbBoxHeadTitle { width: 100%; height: 54px; display: table; border-left: 4px solid #fe0000; font-size: 21.2px; font-weight: 700; font-family: sans-serif; color: #ffffff; padding-left: 20px; } .hbBoxScope .blackStyle .hbBoxMainText, .hbCatBoxFullSlider .blackStyle .hbBoxMainText { border-color: #fe0000; min-height: 30px; } .hbBoxScope .blackStyle .hbBoxMainText, .hbBoxScope .blackStyle .hbvsImageDate, .hbBoxScope .blackStyle .hbvsImageTitle, .hbBoxScope .greenStyle .hbBoxMainText, .hbBoxScope .greenStyle .hbvsImageDate, .hbBoxScope .greenStyle .hbvsImageTitle, .hbCatBoxFullSlider .blackStyle .hbBoxMainText, .hbCatBoxFullSlider .blackStyle .hbvsImageDate, .hbCatBoxFullSlider .blackStyle .hbvsImageTitle, .hbCatBoxFullSlider .greenStyle .hbBoxMainText, .hbCatBoxFullSlider .greenStyle .hbvsImageDate, .hbCatBoxFullSlider .greenStyle .hbvsImageTitle, .hbSingleBoxFullSlider .greenStyle .hbBoxMainText, .hbSingleBoxFullSlider .greenStyle .hbvsImageDate, .hbSingleBoxFullSlider .greenStyle .hbvsImageTitle { color: #ffffff !important; } .hbBoxScope .blackStyle .hbBoxImage, .hbBoxScope .greenStyle .hbBoxImage, .hbCatBoxFullSlider .blackStyle .hbBoxImage, .hbCatBoxFullSlider .greenStyle .hbBoxImage, .hbSingleBoxFullSlider .blackStyle .hbBoxImage, .hbSingleBoxFullSlider .greenStyle .hbBoxImage { height: 138px; border: 0; } .hbBoxScope .greenStyle, .hbCatBoxFullSlider .greenStyle, .hbSingleBoxFullSlider .greenStyle { background: #2da187; } .hbBoxScope .greenStyle .hbBoxHeadTitle, .hbCatBoxFullSlider .greenStyle .hbBoxHeadTitle, .hbSingleBoxFullSlider .greenStyle .hbBoxHeadTitle { width: 100%; height: 54px; display: table; border-left: 4px solid #066b49; font-size: 21.2px; font-weight: 700; font-family: sans-serif; color: #ffffff; padding-left: 20px; } .hbBoxScope .greenStyle .hbBoxMainText, .hbCatBoxFullSlider .greenStyle .hbBoxMainText, .hbSingleBoxFullSlider .greenStyle .hbBoxMainText { border-color: #cacaca; height: 128px; } .hbBoxScope .greenStyle .swiper-button-next, .hbCatBoxFullSlider .greenStyle .swiper-button-next, .hbSingleBoxFullSlider .greenStyle .swiper-button-next, .hbgsPgArw.white-icon .swiper-button-next { background-image: url(https://www.haberler.com/mstatic/assets/img/icon-white-rightarrow.png) !important; } .hbBoxScope .greenStyle .swiper-button-prev, .hbCatBoxFullSlider .greenStyle .swiper-button-prev, .hbSingleBoxFullSlider .greenStyle .swiper-button-prev, .hbgsPgArw.white-icon .swiper-button-prev { background-image: url(https://www.haberler.com/mstatic/assets/img/icon-white-leftarrow.png) !important; } .hbBoxScope .hbBoxContinue, .hbCatBoxFullSlider .hbBoxContinue, .hbSingleBoxFullSlider .hbBoxContinue { display: inline-block; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; border-radius: 12px; font-size: 16px; font-weight: 400; color: #333333; padding: 15px 52px 15px 20px; margin-bottom: 20px; background: url(https://www.haberler.com/mstatic/assets/img/right-arrow-red.png) center right 20px/22px 22px no-repeat #ffffff; } .hbBoxScope .hbBoxImage, .hbCatBoxFullSlider .hbBoxImage { width: 100%; height: auto; line-height: 0; } .hbSingleBoxFullSlider { width: 336px; display: inline-block; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .hbSingleBoxFullSlider .box { width: 336px; display: inline-block; height: 280px; margin-bottom: 24px; overflow: hidden; } .hbSingleBoxFullSlider .hbBoxImage { width: 100%; display: inline-block; height: 168px; border-bottom: 4px solid #666; } .hbDailyHeadline .hbdhImage .hbbiText, .hbSingleBoxFullSlider .hbBoxImage .hbbiText { position: absolute; bottom: 0; left: 0; padding: 2px 10px; background-color: #fefefe; font-family: sans-serif; font-size: 14px; font-weight: 500; line-height: 150%; color: #cbcbcb; } .hbSingleBoxFullSlider .hbBoxMainText { width: 100%; display: inline-block; height: 112px; border-bottom: 1px solid #e3e3e3; font-family: sans-serif; font-size: 18px; font-weight: 500; color: #333333; line-height: 130%; padding: 15px; overflow: hidden; } .hbSingleBoxFullSlider .hbBoxVslider { width: 100%; display: inline-block; padding: 24px 17px; } .hbSingleBoxFullSlider .hbBoxVslider .swiper-slide { padding-left: 0; margin-bottom: 24px; } .hbSingleBoxFullSlider .hbBoxVslider .swiper-slide .hbvsImageTitle { width: 100%; display: inline-block; min-height: 61px; font-family: sans-serif; font-size: 16px; font-weight: 600; color: #333333; line-height: 140%; } .hbSingleBoxFullSlider .hbBoxVsBulletSlider { width: 100%; display: inline-block; height: 280px; margin-bottom: 15px; } .hbSingleBoxFullSlider .hbBoxVsBulletSlider .hbvsImageTitle { width: 100%; padding: 10px; height: 64px; overflow: hidden; background: #ffffff; border-left: 4px solid #fe0000; display: table; font-size: 15px; font-weight: 700; font-family: sans-serif; color: #393939; line-height: 150%; } .hbSingleBoxFullSlider .hbBoxVsBulletSlider .swiper-slide { width: 100% !important; height: 253px !important; } .hbSingleBoxFullSlider .blackStyle .hbBoxMainText { border-color: #fe0000; height: 128px; } .hbSingleBoxFullSlider .blackStyle .hbBoxMainText, .hbSingleBoxFullSlider .blackStyle .hbvsImageDate, .hbSingleBoxFullSlider .blackStyle .hbvsImageTitle { color: #333333 !important; background-color: #ffffff; } .hbBreadCrumb .hbbcScope { width: 100%; display: inline-block; } .hbBreadCrumb .hbbcScope .hbbcLeft .hbbcText { font-family: sans-serif; font-size: 12px; font-weight: 700; color: #595859; text-decoration: underline; line-height: normal; white-space: nowrap; } .hbBreadCrumb .hbbcScope .hbbcLeft .hbbcText.textoverflow { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .hbBreadCrumb .hbbcScope .hbbcLeft .hbbcText:first-child { padding-left: 0; } .hbBreadCrumb .hbbcScope .hbbcLeft .hbbcText:last-child { white-space: normal; font-family: sans-serif; font-size: 12px; font-weight: 400; color: #595859; text-decoration: none; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; } @media only screen and (max-width: 475px) { .select-box { display: flex; align-items: center; } .custom-select-label { margin-right: 5px; font-weight: 600; } .custom-select { display: block; color: #000000; cursor: pointer; user-select: none; border-color: #a9a9a9; width: 36%; border-radius: 5px; height: 36px; } } .hbBreadCrumb .hbbcScope .hbbcLeft .hbbcText.active { font-weight: 700; color: #fe0000; } .hbBreadCrumb .hbbcScope .hbbcLeft .hbbcArrow { position: relative; margin: 0 8px 2px; font-size: 12px; padding-top: 0; } .hbBreadCrumb .hbbcScope .hbbcRight, .hbPageDetails.hbPageGallery .hbptHead .hbptTagDate .hbptDate { position: relative; float: right; } .hbBreadCrumb .hbbcScope .hbbcRight .hbbcFollowMe { display: inline-block; margin-right: 18px; margin-top: 6px; } .hbBreadCrumb .hbbcScope .hbbcRight .hbbcSocialIcon { display: inline-block; margin-right: 10px; margin-top: 2px; } .hbBreadCrumb .hbbcScope .hbbcRight .hbbcRssAndAddWebsiteScope { display: inline-block; background: #ff7103; -webkit-border-radius: 7.9px; -moz-border-radius: 7.9px; -ms-border-radius: 7.9px; border-radius: 7.9px; padding: 4px 8.1px; margin-left: 20px; } .hbBreadCrumb .hbbcScope .hbbcRight .hbbcRssAndAddWebsiteScope img, .hbFilmSwiper .hbfsScope .hbfsImage { position: absolute; } .hbBreadCrumb .hbbcScope .hbbcRight .hbbcRssAndAddWebsiteScope .hbbcRss { padding-left: 25px; } .hbBreadCrumb .hbbcScope .hbbcRight .hbbcAddWebsiteBg { background: #333333 !important; margin-left: 8px; } .hbPageDetails .hbptHead { width: 100%; display: inline-block; } .prYorumBlur { padding: 0 16px; display: inline-block; width: 100%; height: 200px; max-height: 220px; min-height: 200px; } .hbPageDetails .hbptHead h1 { width: 100%; display: inline-block; font-family: sans-serif; font-weight: 700; font-size: 26px; color: #000000; margin: 0 0 16px; padding-top: 0; line-height: 120%; word-break: break-word; } .hbPageDetails .hbptHead .hbptTagDate { display: inline-block; font-size: 15px; color: #000000; } .hbPageDetails .hbptHead .hbptTagDate .hbptTopic { display: inline-block; border: 1px solid #ddd; border-left: 3px solid #fe0000; padding: 6px 20px; margin: 0 5px 5px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; font-weight: 400; } .hbPageDetails .hbptHead .hbptTagDate .hbptDate { display: inline-block; font-family: sans-serif; font-size: 15px; font-weight: 500; color: #000000; background-size: 17px 16px; } .hbPageDetails .hbptMainImage { display: inline-block; height: auto; max-width: 100%; min-height: 210px; /*max-height: 360px;*/ } /*.hbptMainImage { max-width:100% !important; height: auto !important; } */ .hbPageDetails .hbptContent { width: 100%; display: inline-block; padding-top: 0; font-weight: 400; color: #333333; word-break: break-word; } .hbPageDetails .hbptContent h1, .hbPageDetails .hbptContent h2, .hbPageDetails .hbptContent h3, .hbPageDetails .hbptContent p { width: 100%; display: inline-block; margin: 0; } .hbPageDetails .hbptContent p { width: 100%; display: inline-block; margin: 0 0 24px; line-height: 150%; } .hbPageDetails .hbptContent h3 { font-family: sans-serif; font-size: 20px; font-weight: 700; padding-top: 0; margin: 0 0 5px; } .hbPageDetails .hbptContent h3 i { font-style: normal; } .hbPageDetails .hbptContent blockquote { background: url(https://www.haberler.com/mstatic/assets/img/nail-end.png) bottom center/37px 28px no-repeat; padding-bottom: 70px; margin-bottom: 25px; width: 100%; display: inline-block; } .hbPageDetails .hbptContent blockquote:before { content: ""; position: relative; display: block; left: 50%; transform: translateX(-50%); margin-top: 20px; margin-bottom: 20px; width: 37px; height: 28px; background: url(https://www.haberler.com/mstatic/assets/img/nail-start.png) 0 0/100% 100% no-repeat; } .hbPageDetails .hbptContent blockquote:after { position: absolute; bottom: 50px; background: #fe0000; width: 120px; height: 4px; left: 50%; margin-left: -60px; } .hbPageDetails .hbptContent .hbptContentHalfBlock { width: 100%; display: inline-block; left: 50%; transform: translateX(-50%); max-width: 435px; margin: 30px 0; padding: 40px 25px; border: 1px solid #ddd; border-left: 4px solid red; } .flash .hbptLinkScope .hbptLink:before, .hbPageDetails .hbptLinkScope .hbptLink:after, .hbPageDetails .hbptLinkScope .hbptLink:before { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); content: ""; } .hbPageDetails .hbptContentFullBlock { width: 100%; display: inline-block; margin: 30px 0; padding: 40px 15px; border: 1px solid #ddd; border-top-right-radius: 12px; border-bottom-right-radius: 12px; border-left: 4px solid red; } .dropScope .searchFilterBox, .hbBoxBiography .hbbbImageName, .hbBoxBiographyDetails .hbbbImageName, .hbPageDetails .hbptContentFullBlock .hbcfbRow { width: 100%; display: inline-block; margin-bottom: 10px; } .hbPageDetails .hbptContentFullBlock .hbcfbRow .hbcfbLeft { width: 80%; display: inline-block; } .hbPageDetails .hbptContentFullBlock .hbcfbRow .hbcfbLeft .hbcfbBg { position: relative; max-width: 500px; height: 42px; display: table-row; cursor: pointer; } .hbPageDetails.hbptContentFullBlock.hbcfbRow.hbcfbLeft.hbcfbBg.hbcfbBgActive { position: absolute; height: 42px; width: 30%; background: #efefef; border-radius: 12px; } .hbPageDetails .hbptContentFullBlock .hbcfbRow .hbcfbLeft span { position: relative; display: table-cell; vertical-align: middle; padding: 0 20px; font-size: 14px; line-height: 185%; color: #333333; font-weight: 400; font-style: normal; z-index: 9; } .hbPageDetails .hbptContentFullBlock .hbcfbRow .hbcfbLeft span.active:after { content: ""; position: absolute; margin-top: 4px; width: 18px; height: 18px; background: url(https://www.haberler.com/mstatic/assets/img/tick.png) 0 0/18px 18px no-repeat; margin-left: 23px; } .hbPageDetails .hbptContentFullBlock .hbcfbRow .hbcfbRight { width: 20%; display: inline-block; text-align: right; } .hbPageDetails .hbptContentFullBlock .hbcfbRow .hbcfbRight span { font-family: sans-serif; font-size: 20px; line-height: 160%; color: #333333; font-weight: 700; font-style: normal; } .hbPageDetails .hbptItem { padding: 0 15px; display: table; position: relative; margin-left: -15px; } .hbPageDetails .hbptItem.imgtxtarea { background-color: #f9f9f9; } .hbPageDetails .hbptItem .hbptAuthorImg { text-align: center; display: block; width: 60px; height: 60px; } .hbPageDetails .hbptItem .hbptAuthorImg img { width: 60px; height: 60px; left: 19px; top: 365px; border-radius: 105.84px; } .hbPageDetails .hbptItem .hbptDetail { padding-left: 15px; display: table-cell; vertical-align: middle; } .hbAstrology .hbaScope .hbaItemList:nth-child(3n0), .hbCustomerEmoji.hbceScope.hbceSocialContainer.hbceSocialIcon.hbceSocialIconItem:last-child, .hbEmojiScope .hbeCol:last-child, .hbMainSlider .hbmSocial .hbmsIcon a:last-child, .hbNewsPaper .hbnpContent a:nth-child(9n0), .hbNewspaper .hbnScope .hbNewspaperList .hbNewspaperImg:nth-child(2n0), .hbOtherNews .hbBoxScope .box:nth-child(2n0), .hbPageDetails .hbptItem:nth-child(2n), .hbPrayerDistrict .hbpdScope .hbpdDistrictList .hbpdItem:nth-child(2n0), .hbProvinceSwipeBox.hbpsbScope.hbpsbTopSection.hbpsbOneColumn.hbpsbRightSide.hbpsbCity:last-child, .hbSocialGeneral .hbceSocialIcon .hbceSocialIconItem:last-child, .imsakDayContentScope .imsakDayRow .imsakDayCol:nth-child(5n), .newsErrorScope .newsErrorScopeColumnOne:nth-child(2) { margin-right: 0; } .hbPageDetails .hbptNewVideo { width: 100%; display: inline-block; padding: 15px; } .hbPageDetails .hbptTagScope { width: 100%; display: inline-block; padding: 7.5px 15px; } .hbPageDetails .hbptTagScope .hbptTag { font-weight: 400; } .hbPageDetails .hbptLinkScope { width: 100%; display: inline-block; position: relative; padding: 0 15px; font-size: 14px; font-weight: 700; color: #333333; margin: 7.5px 0 7.5px 15px; } .hbPageDetails .hbptLinkScope .hbptLink { display: inline-block; font-size: 16px; font-weight: 700; text-decoration: none; color: #ff0101; line-height: 130%; padding-left: 0; padding-right: 20px; } .hbOtherNews .hbonTitle, .hbPageDetails.hbPageGallery .hbptHeadGallery, .hbPageDetails.hbPageGallery .hbptHeadGallery h1, .hbPageDetails.hbPageGallery .hbptHeadGallery h2, .hbPageDetails.hbPageGallery .hbptHeadGallery h3, .hbPageDetails.hbPageGallery .hbptHeadGallery span { color: #333333; line-height: 150%; font-family: sans-serif; font-weight: 700; font-size: 20px; } .flash .hbptLinkScope .hbptLink:before, .hbPageDetails .hbptLinkScope .hbptLink:before { width: 4px; height: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: #ff0101; } .hbPageDetails .hbptLinkScope .hbptLink:after { background-image: url(https://www.haberler.com/mstatic/assets/img/newsDetailArrowRight.png); background-size: 32px 32px; width: 32px; height: 32px; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); } .hbPageDetails.hbPageGallery .hbptHead .hbptTagDate { padding-right: 0; } .hbPageDetails.hbPageGallery .hbptMainImage { border-top: 0; } .hbPageDetails.hbPageGallery .hbptHeadGallery { width: 100%; display: inline-block; padding: 20px 100px 20px 80px; min-height: 80px; } .hbPageDetails.hbPageGallery .hbptHeadGallery .hbpgCount { position: absolute; left: 40px; width: 30px; height: 30px; background: #ff0101; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; font-size: 20px; font-weight: 600; color: #fefefe; text-align: center; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .hbPageDetails.hbPageGallery .hbptHeadGallery .hbpgCount:before, .hbptHeadGallery .hbpgCount:before { content: ""; width: 29px; height: 2px; background: #fe0000; position: absolute; left: -40px; top: 15px; } .hbPageDetails.hbPageGallery .hbpgSocial { position: absolute; right: 20px; top: 20px; font-family: sans-serif; font-size: 14px; font-weight: 500; color: #cbcbcb; background: url(https://www.haberler.com/mstatic/assets/img/icon-share.png) right center/30px 30px no-repeat; padding-right: 35px; } .hbOtherNews .hbonTitle { margin-bottom: 20px; } .hbOtherNews .hbBoxScope .box:nth-child(3n0) { margin-right: 24px; } .hbCommentAdd .hbcaTitle { font-family: sans-serif; width: 100%; display: inline-block; font-size: 20px !important; font-weight: 700 !important; padding: 16px 0 8px; } .hbCommentAdd .hbComments .hbcTitle, .hbComments .hbcTitle { font-weight: 600; color: #333333; display: inline-block; font-size: 16px; font-family: sans-serif; } .hbcYorumBaslik { margin: 24px 0 8px; } .hbCommentAdd .hbComments .hbcRow { width: 100%; display: inline-block; padding-bottom: 15px; margin-bottom: 16px; } .hbCommentAdd .hbComments .hbcRow:last-child { border: 0; margin-bottom: 0; padding-bottom: 0; } .hbCommentAdd .hbComments .hbcInRow { width: 100%; display: inline-block; padding-top: 30px; padding-left: 35px; } .hbCommentAdd .hbComments .hbcInRow .hbcContent, .swiper-slide:first-child { padding-left: 10px; } .hbCommentAdd .hbComments .hbcInRow .hbcContent:after, .hbComments .hbcInRow .hbcContent:after { content: ""; position: absolute; width: 3px; height: 100%; background-color: #d8d8d8; left: 0; top: 0; } .hbCommentAdd .hbComments .hbcContent { width: 100%; display: inline-block; position: relative; margin-bottom: 10px; } .hbCommentAdd .hbComments .hbcTitle { width: 100%; position: relative; margin-bottom: 10px; } .hbCommentAdd .hbComments .hbcMsg { width: 100%; display: inline-block; position: relative; font-family: sans-serif; font-size: 14px; color: #000000; } .hbCommentAdd .hbComments .hbcLikeScope .hbcFltR { float: right; position: relative; margin-left: 22px; font-family: sans-serif; font-size: 14px; font-weight: 500; color: #000000; cursor: pointer; } .hbCommentAdd .hbComments .hbcLikeScope .hbcAnswer { background: url(https://www.haberler.com/mstatic/assets/img/icon-answer.png) left top/15px 15px no-repeat; padding-left: 20px; } .hbCommentAdd .hbComments .hbcLikeScope .hbcDislike { background: url(https://www.haberler.com/mstatic/assets/img/icon-dislike.png) left center/15px 15px no-repeat; padding-left: 20px; } .hbCommentAdd .hbComments .hbcLikeScope .hbcLike { background: url(https://www.haberler.com/mstatic/assets/img/icon-like.png) left top/15px 15px no-repeat; padding-left: 20px; } .prYorumListe .hbcRow:nth-child(2) { border-top: none; padding-top: 0; } .hbComments .hbcRow { width: 100%; display: inline-block; border-bottom: 1px solid #e3e3e3; padding-top: 16px; } .hbComments .hbcRow:last-of-type, .hbPrayerTime .hbptScope .hbptBlocks:nth-child(n4), .hbWeatherBox, .hbWeatherBox .colBlock .hbbwDetailsItem:last-child, .hbWeatherBox .hbwbScope .hbwbWeatherSpace, .hbiiPKategoriRow .hbiiPKategoriListe li:last-child, .ytube-container .ytube-content .ytube-video-row:last-child { margin-bottom: 0; } .hbComments .hbcInRow { width: 100%; display: inline-block; padding-left: 35px; } .hbComments .hbcInRow .hbcContent { padding-left: 15px; } .hbComments .hbcContent { width: 100%; display: inline-block; position: relative; margin-bottom: 15px; padding: 0 16px; } .hbComments .hbcTitle { width: 100%; margin-bottom: 2px; } .hbComments .hbcMsg { width: 100%; display: inline-block; font-family: sans-serif; font-size: 16px; color: #000000; word-break: break-word; padding-right: 10px; } .hbComments .hbcLikeScope { width: 100%; display: flex; justify-content: end; gap: 15px; padding-right: 24px; } .hbComments .hbcLikeScope .hbcFltR { display: inline-block; margin-left: 5px; font-family: sans-serif; font-size: 13px; font-weight: 400; color: #595959; cursor: pointer; } .hbComments .hbcLikeScope .hbcAnswer { padding-left: 2px; line-height: 145%; margin-left: 0; } .hbComments .hbcLikeScope .hbcDislike, .hbComments .hbcLikeScope .hbcLike { line-height: 140%; text-align: left; } .YorumCover { display: flex; flex-direction: row; justify-content: center; align-items: center; cursor: pointer; } .YorumCover img { width: 15px; height: 15px; } .hbForm .hbLabel { width: 100%; display: inline-block; text-align: left; font-family: sans-serif; font-size: 14px; font-weight: 400; color: #333333; margin-bottom: 8px; } .hbForm .hbInput { width: 100%; display: inline-block; height: 40px; padding: 0 10px; border: 1px solid #e0e0e0; border-left: 3px solid #fe0000; outline: 0; margin-bottom: 15px; } .hbForm .hbTextarea { width: 100%; display: inline-block; height: 70px; padding: 10px 10px 0; border: 1px solid #e0e0e0; border-left: 3px solid #fe0000; outline: 0; resize: none; margin-bottom: 16px; } .hbForm .hbSubmit { display: inline-block; padding: 0 24px; height: 45px; border: 0; background-color: #b30000; outline: 0; transition: 0.34s; font-family: sans-serif; font-size: 16px; font-weight: 600; color: #ffffff; cursor: pointer; } .hbForm .hbSubmit:hover { background-color: #de0000; } .hbForm ::-webkit-input-placeholder { color: #c7c7c7; } .hbForm ::-moz-placeholder { color: #c7c7c7; } .hbForm :-ms-input-placeholder { color: #c7c7c7; } .hbForm :-moz-placeholder { color: #c7c7c7; } .hbCustomerEmoji .colBox696 { width: 696px; display: inline-block; } .hbPagination .hbpLeft, .hbPagination .hbpRight { display: inline-block; position: relative; width: 32px; height: 32px; } .hbCustomerEmoji .hbceScope .hbceEmojiContainer { display: inline-block; margin-bottom: 25px; padding: 0 15px; } .hbCustomerEmoji .hbceScope .hbceEmojiContainer .hbceEmojiItem { display: inline-block; width: 29px; height: auto; margin: 0 5px; } .hbCustomerEmoji .hbceScope .hbceEmojiContainer .hbceEmojiItem .hbceActiveDiv { display: inline-block; width: 100%; height: 50px; margin-bottom: 10px; } .hbCustomerEmoji.hbceScope.hbceEmojiContainer.hbceEmojiItem.hbceActiveDiv.hbceActiveHeight { position: absolute; left: 0; bottom: 0; width: 100%; height: 20%; background-color: #efefef; transition: 0.34s; } .hbCustomerEmoji.hbceScope.hbceEmojiContainer.hbceEmojiItem.hbceActiveDiv.hbceActiveHeight.active, .hbEmojiScope .hbeCol .hbeColBar .barcalc.active, .hbGeneralSearch.color-general .hbSubmit, .hbGundem.hbgNav.swiper-pagination.swiper-pagination-bullet.swiper-pagination-bullet-active, .hbNavMenuScope.active .hbNavMenu .hbNavUl .hbMainLi .hbnmLink.prDKulLogout { background-color: #fe0000; } .hbCustomerEmoji.hbceScope.hbceEmojiContainer.hbceEmojiItem.hbceEmojiImgimg { width: 28px; height: auto; cursor: pointer; } .hbCustomerEmoji .hbceScope .hbceSocialContainer { display: inline-block; clear: both; text-align: center; padding: 0 15px; margin-top: 15px; } .hbCustomerEmoji .hbceScope .hbceSocialContainer .hbceSocialShare { display: inline-block; font-size: 16px; position: relative; margin-right: 8px; -webkit-transform: translateY(6px); -moz-transform: translateY(6px); -ms-transform: translateY(6px); -o-transform: translateY(6px); transform: translateY(6px); } .hbDatePicker .hbdpScope .hbdpColumnBlockCenterTwo, .hbPagination { -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); } .hbCustomerEmoji .hbceScope .hbceSocialContainer .hbceSocialIcon { display: inline-block; margin-bottom: 10px; } .hbCustomerEmoji.hbceScope.hbceSocialContainer.hbceSocialIcon.hbceSocialIconItem { display: inline-block; margin-right: 6px; } .hbPagination { position: relative; display: inline-block; margin-top: 36px; left: 50%; transform: translateX(-50%); } .hbPagination .hbpLeft { background: url(https://www.haberler.com/mstatic/assets/img/icon-pg-left.png) center center/100% 100% no-repeat; margin-right: 10px; } .hbPagination .hbpRight { background: url(https://www.haberler.com/mstatic/assets/img/icon-pg-right.png) center center/100% 100% no-repeat; margin-left: 10px; } .hbPagination .hbpNumber { font-family: sans-serif; font-size: 15px; font-weight: 400; color: #393838; height: 32px; padding: 0 5px; line-height: 200%; } .hbPagination .hbpNumber span { vertical-align: middle; display: table-cell; } .hbPagination .hbpNumber.active, .hbPagination .hbpNumber:hover { box-sizing: border-box; font-weight: 700; } .hbBoxBiography, .hbFilmSwiper .hbwbScope, .hbPlate .hbpScope, .hbPrayerDistrict .hbpdScope, .hbTopNews, .hbWeatherBox .hbwbScope { padding: 20px; } .hbBoxBiography .hbbbImageName .hbbbImagRadius { position: absolute; top: 20px; width: 110px; height: 110px; overflow: hidden; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; } .hbBoxBiography .hbbbImageName .hbbbImagRadius img { display: block; position: relative; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; object-position: top; } .hbBoxBiography .hbbbImageName .hbbbName { width: 100%; min-height: 110px; display: table; padding-left: 130px; font-family: sans-serif; font-size: 22px; font-weight: 700; color: #333333; line-height: 150%; } .hbBoxBiography .hbbbImageName .hbbbName h1, .hbBoxBiography .hbbbImageName .hbbbName h2, .hbBoxBiography .hbbbImageName .hbbbName h3 { font-size: 22px; } .detay-verisi, .detay-verisi-d, .hbBoxBiography .hbbbImageName .hbbbName h3, .ika-ilan h3, .ika-ilanlari, .ika-ilanlari h1 { line-height: normal; } .hbBoxBiography .hbbbCityDate { width: 100%; display: inline-block; padding-bottom: 10px; margin-bottom: 15px; border-bottom: 1px solid #e3e3e3; } .hbBoxBiography .hbbbCityDate .hbbcdRow { width: 100%; display: inline-block; margin-bottom: 8px; } .hbBoxBiography .hbbbCityDate .hbbFirst { width: 45%; display: inline-block; font-size: 16px; font-weight: 400; color: #000000; padding-right: 5px; vertical-align: top; font-style: italic; } .hbBoxBiography .hbbbCityDate .hbbTwo { width: 55%; display: inline-block; font-size: 16px; font-weight: 400; color: #333333; } .hbBoxBiography .hbbbContent .hbbbTitle { font-family: sans-serif; font-size: 19px; font-weight: 700; color: #333333; margin-bottom: 8px; line-height: 180%; } .hbBoxBiography .hbbbContent .hbbbText { width: 100%; display: inline-block; height: 280px; overflow: hidden; font-size: 16px; font-weight: 400; color: #333333; line-height: 150%; } .hbBoxBiography .hbbbContent .hbbbLink { float: right; position: relative; margin-top: 24px; font-size: 14px; font-weight: 700; color: #ff0101; background: url(https://www.haberler.com/mstatic/assets/img/icon-continue-red.png) right center/8px 16px no-repeat; padding-right: 12px; } .hbBoxBiographyDetails { padding: 0 0 20px; } .hbBoxBiographyDetails .hbbbImageName .hbbbImagRadius { position: absolute; width: 110px; height: 110px; } .hbBoxBiographyDetails .hbbbImageName .hbbbImagRadius img { display: block; width: inherit; height: inherit; object-fit: cover; border-radius: 50%; } .hbBoxBiographyDetails .hbbbImageName .hbbbCityDate { width: calc(100% - 125px); display: table; } .hbBoxBiographyDetails .hbbbImageName .hbbbCityDate .hbbbcdMiddle { vertical-align: middle; display: table-cell; float: left; width: 100%; } .hbBoxBiographyDetails .hbbbImageName .hbbbCityDate .hbbcdRow { width: 100%; display: inline-block; margin-bottom: 8px; line-height: 130%; } .hbBoxBiographyDetails .hbbbImageName .hbbbCityDate .hbbFirst { width: 130px; display: inline-block; font-size: 16px; font-weight: 700; padding-bottom: 5px; color: #fe0000; margin-right: 5px; } .hbBoxBiographyDetails .hbbbImageName .hbbbCityDate .hbbTwo { display: inline-block; width: 100%; font-size: 16px; font-weight: 400; color: #333333; } .qDatePicker input { border: 0; outline: 0; font-family: sans-serif; font-size: 18px; font-weight: 600; color: #fe0000; width: 80px; min-height: 20px; height: auto; } .SliderRow ~ #bnrflateb .hbtbrkbn, .qDatePicker .hbdpArrow { margin-top: 0; } .hbPaperNameMenu { padding: 20px 20px 10px !important; text-align: left; } .hbPaperNameMenu span { display: inline-block; padding: 0 10px; margin-bottom: 20px; border-right: 1px solid #e3e3e3; } .hbPaperNameMenu span.active { color: red !important; font-weight: 500; } .hbptHeadGallery { width: 100%; padding: 20px 20px 20px 80px; font-family: sans-serif; font-size: 20px; font-weight: 700; color: #333333; line-height: 150%; min-height: 80px; display: table; } .hbptHeadGallery h1, .hbptHeadGallery h2, .hbptHeadGallery h3, .hbptHeadGallery span { font-family: sans-serif; font-size: 14px; font-weight: 700; color: #333333; line-height: 150%; display: table-cell; vertical-align: middle; } .hbptHeadGallery .hbpgCount { position: absolute; left: 40px; width: 30px; height: 30px; background: #ff0101; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; font-size: 15px; font-weight: 600; color: #fefefe; text-align: center; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .hbQuizBox .hbQuizAllCategory { padding: 0 0 24px; } .hbQuizBox .hbQuizAllCategory ul { width: inherit; margin: 0; overflow-x: scroll; display: Block; white-space: nowrap; } .hbQuizBox .hbQuizAllCategory ul li { margin: 10px 10px 0 0; border: 0; padding: 0; display: inline-block; } .hbQuizBox .hbQuizAllCategory ul li a { display: block; padding: 10px; border-radius: 10px; color: #ffffff; text-decoration: none; font-size: 14px; } .hbQuizBox .box { height: 310px; } .hbQuizBox .hbBoxMainText { height: 142px; } .hbDailyHeadline .hbdhBox:last-child, .hbLeftMenu .hblmItem .hblmSubBlock .hblmSubItem:last-child, .hbLeftMenu .hblmItem:last-child, .hbOtherPaperTitlesScope:last-child, .hbPrayerCustomTable tbody tr:last-child, .hbPrayerTimeTable tbody tr:last-child, .hbQuizBox .hbBoxImage, .hbRightMenu .hbrmAboutProgress:last-child, .hbSportStandings tbody tr:last-child, .hbStandingsSlider tbody tr:last-child, .hbTableContent tbody tr:last-child, .hbWeatherBox .hbwbScope .hbwbBorderRightGrey:last-child { border-bottom: 0; } .hbQuizBox .hbBoxMainQuizBottom { padding-top: 11px; box-sizing: border-box; } .hbQuizBox .hbBoxMainQuizBottom .hbBoxMainQuizCategory { display: inline-block; padding: 0 5px; font-weight: 700; color: #ffffff; text-transform: uppercase; font-size: 11px; } .hbQuizBox .hbBoxMainQuizBottom .hbBoxMainQuizStar { float: right; font-size: 16px; color: #0079ff; font-weight: 400; } .hbDatePicker .hbdpScope .hbdpColumnBlockCenterTwo .categoryColor, .hbQuizBox .hbBoxMainQuizBottom .hbBoxMainQuizStar .hbBoxMainQuizStarIcon { font-size: 16px; } .generalColorCaterories { color: #a1a1a1 !important; } .generalColorEconomi { color: #fe920d !important; } .generalColorActual { color: #62c1c5 !important; } .generalColorWorld { color: #12888b !important; } .generalColorTech { color: #b92cb9 !important; } .generalColorLocal { color: #6d5b7b !important; } .generalColorQuiz { color: #57e147 !important; } .generalColorGallery { color: #0086ca !important; } .generalColorMagazin { color: #f79583 !important; } .newsErrorScope { margin-top: 60px; } .newsErrorScope .newsErrorScopeColumnOne { display: inline-block; width: 48%; margin-right: 4%; } @media only screen and (max-width: 821px) { .top-menu { margin-top: 20px; } } .newsErrorScope .newsErrorScopeOtherNewsCategoriesList img { width: 20px; } .newsErrorScope .newsErrorScopeImg { width: 90%; display: inline-block; left: 0; transform: none; } .newsErrorScope .newsErrorScopeOtherCategorie, .newsErrorScope .newsErrorScopeSearch { width: 100%; left: 50%; transform: translateX(-50%); position: relative; display: inline-block; } .hbNewspaper .hbnScope .hbNewspaperList, .newsErrorScope .newsErrorScopeTitle { width: 100%; display: inline-block; text-align: center; } .newsErrorScope .newsErrorScopeTitle .titleOne { line-height: 160%; font-size: 30px; color: #bababa; } .newsErrorScope .newsErrorScopeTitle .titleTwo { line-height: 160%; font-size: 30px; color: #bababa; font-weight: 700; } .newsErrorScope .newsErrorScopeContent { width: 100%; display: inline-block; text-align: center; margin-top: 10px; } .newsErrorScope .newsErrorScopeContent .newsErrorScopeContentDetail { line-height: 150%; font-size: 14px; color: #545454; } .newsErrorScope .newsErrorScopeSearch { max-width: 500px; margin-top: 30px; } .newsErrorScope .newsErrorScopeOtherNewsTitle { width: 100%; display: inline-block; text-align: center; font-size: 22px; margin-top: 30px; line-height: 150%; color: #545454; font-weight: 700; margin-bottom: 20px; } .newsErrorScope .newsErrorScopeOtherCategorie { max-width: 450px; } .newsErrorScope.newsErrorScopeOtherCategorie.newsErrorScopeOtherCategorieIcon { width: 20%; display: inline-block; text-align: center; margin-bottom: 30px; } .newsErrorScope.newsErrorScopeOtherCategorie.newsErrorScopeOtherCategorieIcon.newsErrorScopeOtherCategorieIconImg { min-height: 33px; } .newsErrorScope.newsErrorScopeOtherCategorie.newsErrorScopeOtherCategorieIcon.newsErrorScopeOtherCategorieIconTitle { font-family: sans-serif; font-size: 11.8px; color: #a1a1a1; } .newsErrorScope.newsErrorScopeOtherNewsCategories.newsErrorScopeOtherNewsCategoriesLeft { width: 100%; display: inline-block; margin-right: 2%; font-size: 16px; color: #545454; } .newsErrorScope.newsErrorScopeOtherNewsCategories.newsErrorScopeOtherNewsCategoriesLeft.newsErrorScopeOtherNewsCategoriesList { border-bottom: 1px solid #dadada; padding: 10px 0; width: 49%; display: inline-block; } .newsErrorScope.newsErrorScopeOtherNewsCategories.newsErrorScopeOtherNewsCategoriesLeft.newsErrorScopeOtherNewsCategoriesListimg { position: relative; float: right; width: 20px; } .newsErrorScope input[type="text"] { width: 100%; max-width: 451px; display: inline-block; padding: 10px 20px; outline: 0; border-radius: 17.5px; border: 1px solid #e0e0e0; background-color: #fafafa; } .newsErrorScope input[type="button"] { position: absolute; right: 18px; width: 93px; display: inline-block; padding: 9px 28px; border: 0; border-radius: 17.5px; background-color: #fe0000; font-size: 16px; color: #ffffff; } .hbFooter .hbftLinkScope.hbftBasicLink .hbftUrl:nth-child(3n1), .newsErrorScope .newsErrorScopeOtherNewsCategoriesList:nth-child(2n1) { clear: both; } .hbMainSlider .hbSlider .swiper-pagination-bullet { font-size: 30px !important; width: 4% !important; } .hbMainSlider.hbSlider.swiper-pagination-bullet.swiper-pagination-bullet-active { border-bottom: 0 !important; color: #fe0000 !important; } .hbSlider.finance .swiper-pagination-bullet.swiper-pagination-bullet-active { color: #0b5cb6 !important; } .hbSlider.tv .swiper-pagination-bullet.swiper-pagination-bullet-active { color: #d74a4a !important; } .hbSlider.sondakika .swiper-pagination-bullet.swiper-pagination-bullet-active { color: #850000 !important; } .hbBoxVsBulletSlider .hbvsImage img, .hbMainSlider .hbSlider .swiper-slide { width: 100% !important; height: auto !important; } .hbBoxScope .hbBoxVsBulletSlider, .hbCatBoxFullSlider .hbBoxVsBulletSlider { height: auto !important; margin-bottom: 0; } .hbBoxScope .hbBoxVslider .swiper-slide .hbvsImageTitle { min-height: 80px !important; } .hbNewsDt { width: 100%; display: inline-block; position: relative; padding-left: 110px; min-height: 115px; font-size: 16px; border-bottom: 1px solid; margin-bottom: 10px; padding-bottom: 10px; } .hbNewsDt .hbndImage { position: absolute; left: 0; top: 3px; } .hbHeadLineSlider .hbhlText { width: 100%; display: inline-block; min-height: 150px; padding: 15px 15px 50px; font-family: sans-serif; font-size: 16px; font-weight: 500; line-height: 150%; color: #ffffff; } .hbHeadLineSlider .hbhlText .hbhlDegrade { position: absolute; z-index: 0; width: 100%; bottom: 0; left: 0; height: 150%; } .hbHeadLineSlider .hbhlText .hbhltDesc { width: 100%; display: inline-block; z-index: 2; } .hbHeadLineSlider .swiper-pagination-bullet { width: 24px; height: 24px; text-align: center; font-size: 12px; font-weight: 700; color: #ffffff; background: 0; border: 1px solid #ffffff; padding-top: 3px; opacity: 1; outline: 0; } .hbHeadLineSlider .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #ffffff; color: #fe0000; } .colPage.pageDetailProp { padding: 24px; margin-bottom: 15px; } /*.colPage.pageDetailProp:last-child { padding: 0; margin-bottom: 0; }*/ .col336, .colFtNewsLeft, .colPageLeft { width: 100%; display: inline-block; margin-right: 24px; } .rightCol { width: 400px; float: right; } .burcRight { width: 50%; } .colPageRightEk { width: 336px; float: right; } .col696, .hbTopNews .hbtnHead, .hbWhoIsWho .hbwiwHead { width: 100%; display: inline-block; margin-bottom: 24px; } .hbFinanceDetails input[type="text"], .hbFncBoxScope input[type="text"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; display: inline-block; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; height: 40px; border: 1px solid #dfe9f2; outline: 0; text-align: right; padding: 0 10px; font-size: 12px; color: #757575; } .hbFinanceDetails input[type="submit"], .hbFncBoxScope input[type="submit"] { font-family: sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; display: inline-block; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; max-width: 316px; outline: 0; font-weight: 500; height: 40px; background-color: #4c73d7; color: #ffffff; font-size: 13px; cursor: pointer; border: 0; } .hbFinanceDetails .inputSendButton, .hbFncBoxScope .inputSendButton { background-color: #fe0000 !important; font-size: 16px !important; font-weight: 600 !important; } .dropDownSearchBoxInput, .inputSearchBox, .inputSearchTopBox { width: 100%; display: inline-block; height: 24px; padding-left: 22px; padding-right: 6px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; border: 1px solid #f2f2f2; outline: 0; color: grey; background: url(https://www.haberler.com/mstatic/assets/img/search-icon.svg) left 6px center/12px 12px no-repeat #fefefe; } .dropScope { width: 100%; display: inline-block; font-size: 14px; } .dropDownFinance, .dropDownGenerals { height: 40px; padding: 10px; display: table; text-overflow: ""; box-sizing: border-box; cursor: pointer; } .dropScope .dropMenu { width: 100%; display: inline-block; background: url(https://www.haberler.com/mstatic/assets/img/icon-blackarrow.svg) right 10px center/14px 8px no-repeat #e6e6e6; padding: 0 10px; height: 40px; cursor: pointer; overflow: hidden; } .dropScope .dropMenu span { display: inline-block; position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .dropScope .dropDownGhost { position: absolute; width: 0; height: 0; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; left: 0; top: 0; visibility: hidden; } .dropScope .dropDownOpenBox { position: absolute; width: 100%; height: auto; top: 40px; z-index: 9999999; background: #e6e6e6; padding: 5px; visibility: hidden; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; transition: opacity 0.14s, visibility; } .dropDownFinance, .dropDownFinance.dropDownWhiteFinance, .dropDownGenerals { background-size: 16px 10px; background-position: right 10px center; background-repeat: no-repeat; } .dropScope .dropDownOpenBox.active { transition: opacity 0.14s, visibility 0.14s; visibility: visible; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; } .dropScope .dropDownOpenBox .menuOpen { width: 100%; display: inline-block; padding: 10px 5px; cursor: pointer; } .dropScope .dropDownOpenBox .menuOpen.disabled { color: #666; } .dropDownFinance { width: 100%; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; background-color: #4c73d7; border: 1px solid #4c73d7; background-image: url(https://www.haberler.com/mstatic/assets/img/downArrow.png); } .dropDownGenerals, .hbContactForm .hbcfInput { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; } .dropDownFinance.dropDownWhiteFinance { color: #4c73d7; background-color: #ffffff; background-image: url(https://www.haberler.com/mstatic/assets/img/downArrowBlue.png); font-weight: 600; } .dropDownGenerals { width: 100%; border-radius: 4px; background-color: #ffffff; border: 0; background-image: url(https://www.haberler.com/mstatic/assets/img/arrow-down.png); } .hbwIconArrow { position: absolute; width: 26px; height: 26px; background: url(https://www.haberler.com/mstatic/assets/img/icon-warning-arrow.png) 0 0/100% 100% no-repeat; top: 50%; right: 20px; margin-top: -13px; } table { table-layout: fixed; width: 100%; } .hbPageDetails .table-wrapper { overflow-x: auto; margin-bottom: 20px; } .hbTableContent .hbSmallTitle { background: #f0f1f5; } .hbTableContent thead tr { width: 100%; background: #f0f1f5; } .hbTableContent thead tr th, .th-su { padding: 10px 5px; line-height: 140%; } .hbTableContent thead tr th:first-child { text-align: left; padding-left: 10px; } .hbTableContent thead tr th:last-child { padding-right: 10px; } .hbTableContent tbody tr { width: 100%; border-bottom: 1px solid #dfe9f2; } .hbTableContent tbody td { padding: 11px 4px 9px; font-size: 12px; color: #757575; line-height: 130%; } .hbTableContent tbody td:first-child { border-right: 1px solid #dfe9f2; font-weight: 700; color: #333333; padding-left: 10px; } .hbTableContent tbody td:last-child { padding-right: 10px; } .hbTableContent tbody td.financeUpColor { color: #2de57a; } .hbTableContent tbody td.financeDownColor { color: #e52d57; } .hbSportStandings.piyasa, .hbTableContent.artan, .hbTableContent.piyasa, .vl-notif-buttons { text-align: right; } .hbPrayerCustomTable tbody tr, .hbPrayerTimeTable tbody tr, .hbSportStandings tbody tr, .hbSportStandings thead tr { width: 100%; border-bottom: 1px solid #e3e3e3; } .hbSportStandings thead tr th { color: #2da187; padding: 10px 5px; word-break: break-all; } .hbPrayerTimeTable tbody tr td, .hbSportStandings tbody tr td { padding: 11px 4px 9px; word-break: break-all; } .hbSportStandings tbody tr td:nth-child(2) { font-size: 14px !important; } .hbSportStandings tbody tr td:last-child { color: #2da187; font-weight: 600; } .hbPrayerCustomTable tbody tr td:first-child, .hbPrayerTimeTable tbody tr td:first-child { color: #fe0000; font-weight: 500; } .namaz-container .hbPrayerTimeTable .hbpttScope tr th:first-child, .namaz-container .hbPrayerTimeTable tbody tr td:first-child { width: 200px; } .namaz-container .hbPrayerTimeTable thead tr:first-child th { padding: 10px 4px; } .hbPrayerCustomTable thead tr th, .hbPrayerTimeTable thead tr th { padding: 10px 5px; word-break: break-all; } .hbPrayerCustomTable tbody tr td { padding: 11px 4px 9px; line-height: 150%; word-break: break-all; } .hbStandingsSlider thead tr th { padding: 12px 5px 3px; word-break: break-all; } .hbStandingsSlider tbody tr td { padding: 9px 4px 8px; word-break: break-all; } .hbStandingsSlider tbody tr td:last-child { color: #7f7f7f; } .intermediaryCorporateTable tbody tr td:nth-child(2n) { color: #333333; font-weight: 700; } .hbHeader { position: fixed; width: 100%; top: 0; left: 0; height: 52px; background-color: #fe0000; z-index: 99; } .hbHeader .hbhdNavIcon { position: absolute; left: 15px; top: 15px; width: 23px; height: 17px; cursor: pointer; z-index: 2; } .hbNavMenuScope, .hbNavMenuScope .hbnmBg { position: fixed; top: 0; width: 100%; height: 100%; } .hbHeader .hbhdNavIcon .hbhdnLine { height: 3px; position: absolute; background-color: #ffffff; } .hbHeader .hbhdNavIcon.active .hbhdnLine.lnOne { width: 23px; top: 7px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .hbHeader .hbhdNavIcon.active .hbhdnLine.lnThree { width: 23px; top: 7px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .hbHeader .hbhdLogo .logo-area a img { width: auto; height: 19px; position: relative; } header.hbptHead figure { display: flex; margin-bottom: 24px; } .hbNavMenuScope { left: 0; z-index: 9; visibility: hidden; -webkit-transition: visibility 0.34s; -moz-transition: visibility 0.34s; -ms-transition: visibility 0.34s; -o-transition: visibility 0.34s; transition: visibility 0.34s; } .hbNavMenuScope .hbnmBg { background: rgb(0, 0, 0, 0.5); left: 0; z-index: 0; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; transition: 0.34s; } .hbNavMenuScope .hbNavMenu { z-index: 1; background-color: #202020; width: 270px; height: 100%; left: -300px; position: absolute; padding-top: 50px; overflow-y: scroll; transition: 0.34s; top: 2px; } .hbNavMenuScope .hbNavMenu:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 90px; background: url(https://www.haberler.com/mstatic/assets/img/deg.png) left bottom repeat-x #121212; z-index: 0; } .hbNavMenuScope .hbNavMenu .hbnmTitle { font-family: sans-serif; font-size: 22px; font-weight: 700; color: #ffffff; width: 100%; display: inline-block; padding: 25px 10px 15px 20px; } .hbNavMenuScope .hbNavMenu .hbNavUl { width: 100%; display: inline-block; position: relative; background: #1a1a1a; padding-bottom: 45px; } .hbNavMenuScope .hbNavMenu .hbNavUl .hbMainLi { width: 100%; position: relative; float: left; padding: 0; line-height: 120%; background-image: linear-gradient(to bottom, #202020, #1a1a1a); color: #ffffff; font-family: sans-serif; font-size: 14px; font-weight: 500; } .hbNavMenuScope .hbNavMenu .hbNavUl .hbMainLi.hbMainLiCrpto { background: #ffd600; color: #000000; } .hbNavMenuScope .hbNavMenu .hbNavUl .hbMainLi .hbnmLink { width: 100%; position: relative; float: left; cursor: pointer; padding: 15px 10px 15px 50px; } .hbNavMenuScope .hbNavMenu .hbNavUl .hbMainLi .hbnmLink .hbnmIcon { position: absolute; left: 15px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); margin-right: 10px; } .hbNavMenuScope.active .hbNavMenu .hbNavUl .hbMainLi .hbnmLink.anasayfa .hbnmIcon { width: 23px; height: 23px; background: url(https://www.haberler.com/mstatic/assets/img/nav-icon/anasayfa.svg) 0 0/100% 100% no-repeat; } .hbNavMenuScope.active .hbNavMenu .hbNavUl .hbMainLi .hbnmLink.sondakika .hbnmIcon { width: 22px; height: 22px; background: url(https://www.haberler.com/mstatic/assets/img/nav-icon/sondakika.svg) 0 0/100% 100% no-repeat; } .hbNavMenuScope.active .hbNavMenu .hbNavUl .hbMainLi .hbnmLink.guncel .hbnmIcon { width: 22px; height: 22px; background: url(https://www.haberler.com/mstatic/assets/img/nav-icon/guncel.svg) 0 0/100% 100% no-repeat; } .hbNavMenuScope.active .hbNavMenu .hbNavUl .hbMainLi .hbnmLink.mansetler .hbnmIcon { width: 22px; height: 22px; background: url(https://www.haberler.com/mstatic/assets/img/nav-icon/mansetler.svg) 0 0/100% 100% no-repeat; } .hbNavMenuScope.active .hbNavMenu .hbNavUl .hbMainLi .hbnmLink.quiz .hbnmIcon { width: 18.4px; height: 22px; background: url(https://www.haberler.com/mstatic/assets/img/nav-icon/quiz.svg) 0 0/100% 100% no-repeat; } .hbNavMenuScope.active .hbNavMenu .hbNavUl .hbMainLi .hbnmLink.sayfa .hbnmIcon { width: 22px; height: 22px; background: url(https://www.haberler.com/mstatic/assets/img/nav-icon/sayfa.svg) 0 0/100% 100% no-repeat; } .hbNavMenuScope.active .hbNavMenu .hbNavUl .hbMainLi .hbnmLink.ilan .hbnmIcon { width: 22px; height: 22px; background: url(/mstatic/images/ilan.svg?v=1) 0 0/100% 100% no-repeat; } .hbNavMenuScope.active .hbNavMenu .hbNavUl .hbMainLi .hbnmLink.yerelhab .hbnmIcon { width: 16px; height: 22px; background: url(https://www.haberler.com/mstatic/assets/img/nav-icon/yerelhab.svg) 0 0/100% 100% no-repeat; } .hbNavMenuScope.active .hbNavMenu .hbNavUl .hbMainLi .hbnmLink.secim .hbnmIcon { width: 22px; height: 21px; background: url(https://www.haberler.com/mstatic/assets/img/nav-icon/secim.svg) 0 0/100% 100% no-repeat; } .hbNavMenuScope.active .hbNavMenu .hbNavUl .hbMainLi .hbnmLink.magazin .hbnmIcon { width: 22px; height: 22px; background: url(https://www.haberler.com/mstatic/assets/img/nav-icon/magazin.svg) 0 0/100% 100% no-repeat; } .hbNavMenuScope.active .hbNavMenu .hbNavUl .hbMainLi .hbnmLink.crptMbl .hbnmIcon { width: 22px; height: 22px; background: url(/mstatic/assets/img/nav-icon/bitcoin.svg) 0 0/100% 100% no-repeat; } .hbNavMenuScope.active .hbNavMenu .hbNavUl .hbMainLi .hbnmLink.spor .hbnmIcon { width: 22px; height: 18px; background: url(https://www.haberler.com/mstatic/assets/img/nav-icon/spor.svg) 0 0/100% 100% no-repeat; } .hbNavMenuScope.active .hbNavMenu .hbNavUl .hbMainLi .hbnmLink.dunya .hbnmIcon { width: 22px; height: 22px; background: url(https://www.haberler.com/mstatic/assets/img/nav-icon/dunya.svg) 0 0/100% 100% no-repeat; } .hbNavMenuScope.active .hbNavMenu .hbNavUl .hbMainLi .hbnmLink.saglik .hbnmIcon { width: 22px; height: 22px; background: url(https://www.haberler.com/mstatic/assets/img/nav-icon/saglik.svg) 0 0/100% 100% no-repeat; } .hbNavMenuScope.active .hbNavMenu .hbNavUl .hbMainLi .hbnmLink.turizm .hbnmIcon { width: 22px; height: 22px; background: url(https://www.haberler.com/mstatic/assets/img/nav-icon/turizm.svg) 0 0/100% 100% no-repeat; } .hbNavMenuScope.active .hbNavMenu .hbNavUl .hbMainLi .hbnmLink.gazeteler .hbnmIcon { width: 22px; height: 22px; background: url(https://www.haberler.com/mstatic/assets/img/nav-icon/gazeteler.svg) 0 0/100% 100% no-repeat; } .hbNavMenuScope.active .hbNavMenu .hbNavUl .hbMainLi .hbnmLink.ekonomi .hbnmIcon { width: 19px; height: 22px; background: url(https://www.haberler.com/mstatic/assets/img/nav-icon/ekonomi.svg) 0 0/100% 100% no-repeat; } .hbNavMenuScope.active .hbNavMenu .hbNavUl .hbMainLi .hbnmLink.galeri .hbnmIcon { width: 23px; height: 23px; background: url(https://www.haberler.com/mstatic/assets/img/nav-icon/galeri.svg) 0 0/100% 100% no-repeat; } .hbNavMenuScope.active .hbNavMenu .hbNavUl .hbMainLi .hbnmLink.tv .hbnmIcon { width: 22px; height: 21px; background: url(https://www.haberler.com/mstatic/assets/img/nav-icon/tv.svg) 0 0/100% 100% no-repeat; } .hbNavMenuScope.active .hbNavMenu .hbNavUl .hbMainLi .hbnmLink.finans .hbnmIcon { width: 22px; height: 22px; background: url(https://www.haberler.com/mstatic/assets/img/nav-icon/finans.svg) 0 0/100% 100% no-repeat; } .hbNavMenuScope.active .hbNavMenu .hbNavUl .hbMainLi .hbnmLink.hava .hbnmIcon { width: 22px; height: 22px; background: url(https://www.haberler.com/mstatic/assets/img/nav-icon/hava.svg) 0 0/100% 100% no-repeat; } .hbNavMenuScope.active .hbNavMenu .hbNavUl .hbMainLi .hbnmLink.namaz .hbnmIcon { width: 22px; height: 21px; background: url(https://www.haberler.com/mstatic/assets/img/nav-icon/namaz.svg) 0 0/100% 100% no-repeat; } .hbNavMenuScope.active .hbNavMenu .hbNavUl .hbMainLi .hbnmLink.imsak .hbnmIcon { width: 22px; height: 22px; background: url(https://www.haberler.com/mstatic/assets/img/nav-icon/imsak.svg) 0 0/100% 100% no-repeat; } .hbNavMenuScope.active .hbNavMenu .hbNavUl .hbMainLi .hbnmLink.isimiz .hbnmIcon { width: 20px; height: 24px; background: url(https://www.haberler.com/mstatic/assets/img/nav-icon/isimiz.svg) 0 0/100% 100% no-repeat; } .hbNavMenuScope.active .hbNavMenu .hbNavUl .hbMainLi .hbnmLink.desktop .hbnmIcon { width: 22.3px; height: 17.7px; background: url(https://www.haberler.com/mstatic/assets/img/nav-icon/desktop.svg) 0 0/100% 100% no-repeat; } .hbNavMenuScope.active .hbNavMenu .hbNavUl .hbMainLi .hbnmLink.teknoloji .hbnmIcon { width: 22.3px; height: 22.3px; background: url(https://www.haberler.com/mstatic/assets/img/nav-icon/technology.png) 0 0/100% 100% no-repeat; } .hbNavMenuScope .hbNavMenu .hbNavUl .hbMainLi .hbnmLink .arrow { font-size: 27px; line-height: 0; position: relative; display: inline-block; margin-left: 2px; transform: translateY(3px); font-weight: 300; } .hbNavMenuScope .hbNavMenu .hbNavUl .hbMainLi .hbmLiSubScope { width: 100%; position: relative; display: none; } .hbNavMenuScope .hbNavMenu .hbNavUl .hbMainLi .hbmLiSubScope .hbnmSubLink { width: 100%; display: inline-block; position: relative; padding: 10px 0 10px 32px; } .hbNavMenuScope.hbNavMenu.hbNavUl.hbMainLi.hbmLiSubScope.hbnmSubLink:before { content: "\27A4"; position: absolute; left: 17px; top: 11px; font-size: 10px; } .hbNavMenuScope.active { -webkit-transition: visibility; -moz-transition: visibility; -ms-transition: visibility; -o-transition: visibility; transition: visibility; visibility: visible; } .hbNavMenuScope.active .hbnmBg { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; } .hbNavMenuScope.active .hbNavMenu { left: 0; } .hbWarning .hbwText { background: #fe0000; padding: 10px 58px 10px 10px; border-radius: 8px; } .hbMainSlider { margin-top: 0; margin-bottom: 24px !important; } .hbMainSlider .hbSlider .swiper-pagination, .slider .bullets { width: 100%; display: inline-block; position: relative; bottom: 0; background: #000000; height: 34px; border-bottom: 3px solid #dbdbdb; } .hbMainSlider .hbSlider .swiper-pagination-bullet { display: inline-block; height: 34px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; background: 0; text-align: center; color: #ffffff; font-family: sans-serif; padding-top: 5px; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; } .biolink, .hbMainSlider.hbSlider.swiper-pagination-bullet.swiper-pagination-bullet-active, .hbYdHeada, .yzrdevami { font-weight: 600; } .hbMainSlider .hbSlider .swiper-button-next { background-image: url(/mstatic/assets/img/icon-manset-right.png); width: 20px; height: -moz-calc(100% - 34px); height: -webkit-calc(100% - 34px); height: -o-calc(100% - 34px); height: calc(100% - 34px); top: 0; right: 0; background-size: 17px 28px; margin-top: 0; outline: 0; } .hbMainSlider .hbSlider .swiper-button-prev { background-image: url(/mstatic/assets/img/icon-manset-left.png); width: 20px; height: -moz-calc(100% - 34px); height: -webkit-calc(100% - 34px); height: -o-calc(100% - 34px); height: calc(100% - 34px); top: 0; left: 0; margin-top: 0; background-size: 17px 28px; outline: 0; } .hbMainSlider .hbmSocial { height: 43px; padding: 0 15px 0 19px; border-left: 4px solid #fe0000; margin-bottom: 20px; } .hbMainSlider .hbmSocial .hbmsText { display: inline-block; padding-top: 14px; font-family: sans-serif; font-size: 16px; font-weight: 700; color: #333333; } .hbMainSlider .hbmSocial .hbmsIcon { float: right; position: relative; padding-top: 10px; } .hbMainSlider .hbmSocial .hbmsIcon a { display: inline-block; position: relative; margin-right: 12px; } .hbExchange { padding: 10px 0; } .hbExchange .hbexCol { width: 19%; display: flex; border-right: 1px solid #dcdcdc; padding-left: 3px; } .hbExchange .hbexCol:last-child, .imsakCalendar .imsakCalendarBox .imsakCalHeader .imCalRow:last-child { border: 0; } .hbExchange .hbexCol .hbexTitle { width: 100%; display: inline-block; font-family: sans-serif; font-size: 13px; font-weight: 400; color: #4c4c4c; margin-bottom: 5px; text-align: center; } .hbExchange .hbexCol .hbexStatus { width: auto; display: inline-block; font-family: sans-serif; font-size: 12px; font-weight: 600; text-align: left; } .hbExchange .hbexCol .hbexIcon { width: auto; display: inline-block; text-align: left; line-height: 0; margin-bottom: 5px; } .hbExchange .hbexCol .hbexIcon.up:after { content: ""; display: inline-block; position: relative; width: 12px; height: 8px; background: url("/mstatic/assets/img/doviz-up.svg") left center/12px 8px no-repeat; color: #063; margin-left: 5px; } .hbExchange .hbexCol .hbexIcon.down:after { content: ""; display: inline-block; position: relative; width: 12px; height: 8px; background: url("/mstatic/assets/img/doviz-down.svg") left center/12px 8px no-repeat; color: #b30000; margin-left: 5px; } .hbAstrology .hbaScope { padding: 20px 20px 0; } .hbAstrology .hbaScope .hbaItemList { width: 32%; display: inline-block; margin-right: 2%; margin-bottom: 20px; transition: 0.34s; } .hbAstrology .hbaScope .hbaItemList .hbaItem { position: relative; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; border-radius: 40px; width: 60px; height: 60px; left: 50%; margin-left: -30px; box-shadow: 0 3px 8px 0 rgb(0, 0, 0, 0.1); background-color: #fefefe; margin-bottom: 21px; } .hbAstrology .hbaScope .hbaItemList .hbaItem svg { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%) scale(0.6); -moz-transform: translate(-50%, -50%) scale(0.6); -ms-transform: translate(-50%, -50%) scale(0.6); -o-transform: translate(-50%, -50%) scale(0.6); transform: translate(-50%, -50%) scale(0.6); } .hbAstrology .hbaScope .hbaItemList .hbaName, .hbPlate .hbpScope .hbpPlateList .hbpProvinceName { width: 100%; display: inline-block; text-align: center; cursor: pointer; } .hbAstrology .hbaScope .hbaItemList:hover .hbaItem { background-color: #fe0000; transition: 0.34s; } .hbAstrology .hbaScope .hbaItemList:hover svg path { fill: #ffffff; transition: 0.34s; } .hbDatePicker .hbdpScope { width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding: 30px 10px; } .hbDatePicker .hbdpScope .hbdpColumnBlockCenterTwo { display: flex; flex-wrap: wrap; align-items: center; height: 22px; left: 50%; transform: translateX(-50%); } .hbDatePicker .hbdpScope .hbdpColumnBlockCenterTwoLast { display: flex; flex-wrap: wrap; align-items: center; height: 28px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .hbDatePicker .hbdpScope .hbdpColumnBlockCenterTwo .categoryColor, .hbDatePicker .hbdpScope .hbdpColumnBlockCenterTwoLast .categoryColor { display: block; font-size: 14px; color: #000000; margin-right: 20px; } .hbDatePicker .hbdpScope .hbdpColumnLeft .hbdpText { padding-left: 32px; display: table-cell; vertical-align: middle; } .hbDatePicker .hbdpScope .hbdpColumnCenter .hbdpArrow { display: inline-block; padding-top: 3px; } .hbDatePicker .hbdpScope .hbdpColumnCenter .hbdpText { vertical-align: middle; text-align: center; } .hbDatePicker .hbdpScope .hbdpColumnRight .hbdpArrow img, .openarrow { transform: rotate(180deg); } .hbDatePicker .hbdpScope .hbdpColumnRight .hbdpText { display: table-cell; vertical-align: middle; text-align: right; padding-right: 32px; } .hbDatePicker.hbDateHeadlineScope .hbdpScope { display: flex; justify-content: space-between; padding: 20px; } .hbNewsPaper .hbnpTitle, .hbRow-editor { width: 100%; display: inline-block; margin-bottom: 20px; } .hbNewsPaper .hbnpTitle h1, .hbNewsPaper .hbnpTitle h2, .hbNewsPaper .hbnpTitle h3, .hbNewsPaper .hbnpTitle span { font-family: sans-serif; font-size: 32px; font-weight: 700; color: #333333; line-height: 140%; } .hbNewsPaper .hbnpContent a { display: inline-block; margin-right: 18px; margin-bottom: 18px; } #city:last-child, .ImgEmpty, .generalSmallTitle, .h1-pod, .h2-pod, .hbLastNews .hblnBox .hblnImage, .hbPageDetails .hbptContent .hbNewsDtScope h3, .hbiiPKategoriRow { margin-bottom: 15px; } .podcast_adresler, .h1-pod { margin-bottom: 24px; } .generalSmallTitle:after { content: ""; position: absolute; width: 4px; height: 52px; background: #fe0000; left: 0; top: 0; } .generalSmallTitle.noBorder:after, .hbProvinceSwipeBox.hbpsbScope.hbpsbTopSection.hbpsbOneColumn.generalSmallTitle.noBorder:after { content: ""; display: none; } .hbNewspaper .hbnScope { width: 100%; display: inline-block; padding: 15px 20px; } .hbNewspaper .hbnScope .hbNewspaperListTallText { margin-bottom: 30px; text-align: left; } .hbNewspaper .hbnScope .hbNewspaperList .hbNewspaperImg { width: 100%; display: inline-block; margin-right: 4%; margin-bottom: 40px; } .hbNewspaper .hbnScope .hbNewspaperList .hbNewspaperImg img { max-width: 100%; } .hbNewspaper .hbnScope .hbNewspaperList .hbNewspaperImg .hbNewspaperName { display: block; margin-top: 10px; } .hbNewspaper .hbnScope .hbNewspaperWebsites .hbnwwBlock { width: 50%; display: inline-block; margin-bottom: 5px; } .hbNewspaper .hbnScope .hbNewspaperWebsites.freemode .hbnwwBlock { width: auto; margin-right: 8px; } .hbNewspaper .hbnFullImage .hbnFullNewspaper img { position: relative; width: 836px; max-width: 100%; height: auto; left: 50%; transform: translateX(-50%); } .hbNewspaper .hbnFullImage .hbnArrowLeft, .podcast_adresler { display: inline-block; margin-top: 10px; } .hbNewspaper .hbnFullImage .hbnArrowRight { position: relative; float: right; margin-top: 10px; text-align: right; } .hbNewspaper .hbgsPgArw .swiper-button-next, .hbNewspaper .hbgsPgArw .swiper-button-prev { width: 30px; background-size: 30px 30px; margin-top: 0; z-index: 11; top: 0; outline: 0; height: 30px; } .hbNewspaper .hbnFullImage .hbnArrowRight img { display: inline-block; transform: rotate(180deg); } .hbNewspaper .hbnFullImage .hbnPrevText { position: relative; left: 0; display: block; padding-top: 10px; } .hbNewspaper .hbnFullImage .hbnNextText { position: relative; right: 0; display: block; padding-top: 10px; } .hbNewspaper .hbgsPgArw { position: absolute; top: -63px; right: 0; width: 30%; height: 30px; } .hbNewspaper .hbgsPgArw .swiper-button-next { background-image: url(https://www.haberler.com/mstatic/assets/img/icon-pg-right.png); right: 0; transition: 0.34s; } .hbNewspaper .hbgsPgArw .swiper-button-prev { background-image: url(https://www.haberler.com/mstatic/assets/img/icon-pg-left.png); left: 30px; -webkit-transition: 0.34s; -moz-transition: 0.34s; -ms-transition: 0.34s; -o-transition: 0.34s; transition: 0.34s; } .hbDailyHeadline .hbdhScope, .hbLastNews, .hbRightMenu, .hbWhoIsWho { padding: 15px; } .hbLastNews .hblnBox { margin-bottom: 24px; padding-bottom: 8px; border-bottom: 1px solid #e8e8e8; } .hbLastNews .hblnBox:last-child, section#sagsondakika_blok.hbFooterNewsText .hbftntContent .hbftntLink:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } .hbLastNews .hblnBox .hblnTime { font-size: 14px; font-weight: 700; color: #ff0101; border: 1px solid #fe0000; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; border-radius: 12px; padding: 5px 8px; top: 0; left: 0; position: absolute; z-index: 1; } .hbTopNews .hbtnBoxScope .hbtnUrl, .hbWhoIsWho .hbwiwBoxScope .hbwiwBox { border-bottom: 1px solid #e6e6e6; padding-bottom: 10px; margin-bottom: 10px; } .hbLastNews .hblnBox .hblnImage, .hbLastNews .hblnBox.imgNo .hblnContent { padding-left: 0; padding-top: 40px; } .hbLastNews .hblnBox .hblnContent { padding-left: 0; font-size: 14px; color: #333333; font-weight: 400; line-height: 170%; } .hbLastNews .hblnBox .hblnContent .hblnTitle, .hbOtherPaperTitlesScope .hbopTitlesScope .hbopTitle { width: 100%; display: inline-block; margin-bottom: 10px; font-family: sans-serif; font-size: 18px; font-weight: 700; color: #333333; line-height: 150%; } .hbLastNews .hblnBox .hblnInfo, .hbLastNews .hblnBox .hblniUrl { position: relative; font-weight: 600; font-size: 12px; font-family: sans-serif; } .hbLastNews .hblnBox .hblnInfo { float: right; color: #333333; } .hbLastNews .hblnBox .hblniUrl { display: inline-block; margin-right: 5px; color: #fe0000; } .hbFooter .hbftLinkScope .hbftlContent .hbftCol .hbftUrl:last-child, .hbTopNews .hbtnBoxScope .hbtnUrl:last-child, .hbWhoIsWho .hbwiwBoxScope .hbwiwBox:last-child { border-bottom: 0; padding-bottom: 0; } .hbWhoIsWho .hbwiwBoxScope .hbwiwBox .hbwiwImage { position: absolute; width: 70px; height: 70px; left: 0; top: 0; overflow: hidden; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; } .hbWhoIsWho .hbwiwBoxScope .hbwiwBox .hbwiwImage img { display: block; position: relative; width: 100%; height: auto; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .hbWhoIsWho .hbwiwBoxScope .hbwiwBox .hbwiwContent { width: 100%; padding-left: 82px; min-height: 70px; font-size: 12px; font-weight: 400; color: #757575; line-height: 140%; display: table; } .hbWhoIsWho .hbwiwBoxScope .hbwiwBox .hbwiwContent .hbwiwcTitle { width: 100%; display: inline-block; color: #333333; font-weight: 700; margin-bottom: 2px; } .hbWhoIsWho .hbwiwBoxScope .hbwiwBox .hbwiwContinue { float: right; position: relative; font-family: sans-serif; font-size: 12px; font-weight: 600; color: #fe0000; margin-top: 10px; padding-right: 15px; background: url(https://www.haberler.com/mstatic/assets/img/icon-whoiswho-red.png) center right/7px 9px no-repeat; } .hbTopNews .hbtnBoxScope .hbtnUrl { width: 100%; display: inline-block; font-family: sans-serif; font-size: 16px; font-weight: 700; color: #333333; line-height: 140%; } .hbOtherPaperTitlesScope, .hbWeatherBox .hbwbScope .hbwbBorderRightGrey { border-bottom: 1px solid #cbcbcb; } .hbpdDistrictList { display: flex !important; flex-wrap: wrap; gap: 16px; justify-content: flex-start; } .hbPrayerDistrict .hbpdScope .hbpdDistrictList .hbpdItem { -webkit-border-radius: 17px; -moz-border-radius: 17px; -ms-border-radius: 17px; border-radius: 17px; display: inline-block; padding: 3px 10px; text-align: center; border: 1px solid #fe0000; } .hbWeatherBox .colBlock { width: 100%; display: inline-block; padding-bottom: 20px; margin-bottom: 20px; } .hbWeatherBox .colBlock:last-child { padding-bottom: 0; margin-bottom: 0; } .hbWeatherBox .colBlock .hbwbRightColumn { text-align: center !important; } .hbWeatherBox .colBlock .hbbwDetailsDay, .hbWeatherBox .colBlock .hbbwDetailsItem { width: 50%; display: inline-block; text-align: center; margin-bottom: 15px; } .hbWeatherBox .colBlock .hbbwDetailsDay img, .hbWeatherBox .colBlock .hbbwDetailsItem img { vertical-align: middle; } .hbWeatherBox .colBlock .hbbwDetailsDay .hbbwDetailsItemText { display: inline-block; padding-top: 15px; padding-left: 10px; } .hbWeatherBox .hbwbScope .hbwbWeatherRow { width: 100%; display: inline-block; padding-bottom: 10px; } .hbWeatherBox .hbwbScope .hbwbWeatherRow .hbwbLeftColumn { width: 48%; display: inline-block; } .hbWeatherBox .hbwbScope .hbwbWeatherRow .hbwbLeftColumn .hbwbWeatherImg { padding-bottom: 6px; text-align: center; } .hbWeatherBox .hbwbScope .hbwbWeatherRow .hbwbLeftColumn .hbwbWeatherText { text-align: center; } .hbWeatherBox .hbwbScope .hbwbWeatherRow .hbwbLeftColumn .hbwbWeatherMaxTemp, .hbWeatherBox .hbwbScope .hbwbWeatherRow .hbwbLeftColumn .hbwbWeatherMaxText, .hbWeatherBox .hbwbScope .hbwbWeatherRow .hbwbRightColumn .hbwbWeatherMaxTemp, .hbWeatherBox .hbwbScope .hbwbWeatherRow .hbwbRightColumn .hbwbWeatherMaxText { text-align: center; padding-top: 5px; } .hbWeatherBox .hbwbScope .hbwbWeatherRow .hbwbRightColumn { width: 50%; display: inline-block; text-align: right; } .hbWeatherBox .hbwbScope .hbwbWeatherRow .hbwbRightColumn .hbwbClockImg { display: inline-block; padding-top: 6px; } .hbWeatherBox .hbwbScope .hbwbWeatherRow .hbwbRightColumn .hbwbClockImg img { vertical-align: top; } .hbWeatherBox .hbwbScope .hbwbWeatherRow .hbBorderRight { border-right: 1px solid #fe0000; } .hbWeatherBox .hbwbScope .hbwbWeatherRow .hbwbGuessNote img { margin-left: 10px; vertical-align: text-bottom; } .hbWeatherBox .hbwbScope .hbwbfLongText { padding-bottom: 30px; text-align: left; } .hbPlate .hbpScope .hbpPlateList { width: 32.33%; display: inline-block; margin-bottom: 2%; transition: 0.34s; } .hbPlate .hbpScope .hbpPlateList .hbpPlateItem { display: inline-block; position: relative; left: 50%; transform: translateX(-50%); -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; border-radius: 40px; text-align: center; width: 60px; height: 60px; box-shadow: 0 3px 8px 0 rgb(0, 0, 0, 0.1); background-color: #fefefe; margin-bottom: 10px; -webkit-transition: 0.34s; -moz-transition: 0.34s; -ms-transition: 0.34s; -o-transition: 0.34s; transition: 0.34s; } .hbPlate .hbpScope .hbpPlateList .hbpPlateItem span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .hbPlate .hbpScope .hbpPlateList .hbpPlateItem:hover { background-color: red; } .hbPlate .hbpScope .hbpPlateList .hbpPlateItem:hover span { color: #ffffff; } .hbDailyHeadline, .slideTitleCover { width: 100%; display: flex; } .hbDailyHeadline .hbdhBox { width: 100%; display: inline-block; margin-bottom: 24px; overflow: hidden; border-bottom: 1px solid #e8e8e8; } .hbDailyHeadline .hbdhTitle { width: 100%; display: inline-block; font-family: sans-serif; font-size: 18px; font-weight: 700; color: #333333; line-height: 140%; padding-top: 10px; overflow: hidden; } .hbDailyHeadline .hbdhText { width: 100%; display: inline-block; font-family: sans-serif; padding-top: 10px; font-size: 14px; font-weight: 400; color: #333333; line-height: 140%; overflow: hidden; } .hbDailyHeadline .hbdhTimeScope, .hbOtherPaperTitlesScope { width: 100%; display: inline-block; padding: 20px 0; } .hbDailyHeadline .hbdhTimeScope .hbdhTime { font-family: sans-serif; font-size: 14px; font-weight: 500; color: #cbcbcb; background: url(https://www.haberler.com/mstatic/assets/img/icon-time.png) left center/17px 16px no-repeat; padding-left: 25px; } .hbPrayerTime .hbptScope { width: 100%; display: inline-block; padding: 15px 0; } .hbPrayerTime .hbptScope .hbptBlocks { width: 33.33%; display: inline-block; text-align: center; margin-bottom: 35px; } .hbPrayerTime .hbptScope .hbptBlocks .hbptTime { display: block; padding-top: 10px; } .hbPrayerTimeTable .hbpttScope { padding: 20px; width: 100%; display: inline-block; overflow-x: auto; -webkit-overflow-scrolling: touch; } .hbPrayerTimeTable .hbpttScope tr td { padding-right: 10px; width: 130px; } .hbPrayerTimeTable .hbpttScope tr td a { font-size: 12px; display: flex; align-items: center; word-break: break-word; } .hbPrayerTimeTable .hbpttScope tr td img { vertical-align: middle; margin-left: 5px; } .hbPrayerTimeTable .hbpttScope tr th { width: 130px; } .hbLeftMenu { width: 100%; display: inline-block; padding: 10px 20px; } .hbLeftMenu .hblmItem { position: relative; border-bottom: 1px solid #ececec; } .hbLeftMenu .hblmItem .hblmSubBlock .hblmSubItem { border-bottom: 1px solid #ececec; padding: 10px 0; margin-left: 25px; } .hbLeftMenu .hblmItem.active::after { content: ""; width: 8px; height: 15px; background: url(https://www.haberler.com/mstatic/assets/img/icon-continue-red.png) right center/100% 100% no-repeat; display: inline-block; top: 5px; right: 5px; position: absolute; } .hbRightMenu .hbrmItem { width: 100%; display: inline-block; margin-bottom: 10px; word-break: break-word; } .hbRightMenu .hbrmAboutProgress { width: 100%; display: inline-block; border-bottom: 1px solid #ececec; } .hbRightMenu .hbrmAboutProgress .hbrmAboutProgressItem { width: 50%; display: inline-block; padding: 0 0 10px; } .hbRightMenu .hbrmAboutProgress .hbrmAboutProgressItem .hbrmProgress, .stapage .starogress { width: 100%; display: inline-block; height: 26px; background-color: #efefef; border-top-right-radius: 12px; border-bottom-right-radius: 12px; overflow: hidden; } .hbRightMenu.hbrmAboutProgress.hbrmAboutProgressItem.hbrmProgress.hbrmProgressActive { width: 100%; display: inline-block; border-top-right-radius: 12px; border-bottom-right-radius: 12px; height: 100%; background-color: #fe0000; } .hbContactForm .hbContactFormBlocks .hbcfSubmit, .hbContactForm .hbcfSubmit { width: 100%; display: inline-block; height: 40px; background-color: #fe0000; outline: 0; border: 0; } .hbContactForm form label { width: 100%; display: inline-block; margin-bottom: 5px; } .hbContactForm .hbcfInput { border-radius: 4px; padding: 0 10px; margin: 5px 0 20px; width: 100%; height: 40px; border: 1px solid #333333; outline: 0; } .hbContactForm .hbcfInputHeight { height: 151px !important; padding-bottom: 120px; word-break: break-all; } .hbContactForm .hbcfSelect, .hbProvinceSwipeBox.hbpsbScope.hbpsbTopSection.hbpsbOneColumn.hbpsbRightSide.hbpsbSelect { padding: 0 10px; background-image: url(https://www.haberler.com/mstatic/assets/img/arrow-down-black.png); background-repeat: no-repeat; background-position: right 5% center; width: 100%; outline: 0; background-color: #ffffff; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; } .hbContactForm .hbcfSelect { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; margin: 5px 0 20px; height: 40px; border: 1px solid #333333; background-size: 20px; } .hbFooterNewsText .colInRow { background: #ffffff; } .hbFooterNewsText .hbftntTitle { width: 100%; display: inline-block; padding: 5px 15px; border-left: 4px solid #fe0000; } section#sagsondakika_blok.hbFooterNewsText .hbftntTitle { position: sticky; top: 0; background: #ffffff; padding: 20px 0 0; margin: 0; border: 0; } section#sagsondakika_blok.hbFooterNewsText .hbftntTitle h3 { font-size: 20px; line-height: 140%; color: #333333; border-left: 4px solid #fe0000; padding-left: 15px; } section#sagsondakika_blok.hbFooterNewsText .hbftntContent { padding: 4px 20px 0; } .hbFooterNewsText .hbftntTitle h1, .hbFooterNewsText .hbftntTitle h2, .hbFooterNewsText .hbftntTitle h3, .hbFooterNewsText .hbftntTitle span, .hbftntTitle h4 { font-size: 24px; font-weight: 700; line-height: 120%; } .hbFooterNewsText .hbftntContent { width: 100%; display: inline-block; } .hbFooterNewsText .hbftntContent .hbftntLink { width: 100%; display: inline-block; font-size: 15px; font-weight: 700; color: #333333; padding: 0 0 16px; line-height: 120%; } .hbFooterNewsText .hbftntContent .hbftntLink:last-child { border-bottom: 0; } .hbFooterNewsText .hbftnt50 { width: 50%; display: inline-block; } .hbFooterNewsText .hbftnt50:first-child { padding-right: 12px; } .hbFooterNewsText .hbftnt50:last-child { padding-left: 12px; } .hbProvinceSwipeBox .hbpsbScope { padding: 20px; margin-bottom: 24px; } .hbProvinceSwipeBox .hbpsbScope .hbpsbTopSection .hbpsbOneColumn { width: 100%; display: inline-block; margin-bottom: 15px; } .hbProvinceSwipeBox.hbpsbScope.hbpsbTopSection.hbpsbOneColumn.hbpsbRightSide { width: 100%; display: inline-block; text-align: right; } .hbProvinceSwipeBox.hbpsbScope.hbpsbTopSection.hbpsbOneColumn.hbpsbRightSide.hbpsbSelect { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; height: 30px; border: 1px solid #333333; background-size: 15px; } .hbProvinceSwipeBox.hbpsbScope.hbpsbTopSection.hbpsbOneColumn.hbpsbRightSide.hbpsbCity { width: 100%; display: inline-block; margin-right: 2%; margin-bottom: 5px; } .hbProvinceSwipeBox.hbpsbScope.hbpsbTopSection.hbpsbOneColumn.generalSmallTitle { margin: 15px 0; } .hbProvinceSwipeBox.hbpsbScope.hbpsbTopSection.hbpsbOneColumn.generalSmallTitle:after { content: ""; position: absolute; width: 4px; height: 52px; background: 0; left: 0; top: 0; } .hbProvinceSwipeBox .hbpsbScope .hbpsbCenterSection { width: 100%; display: inline-block; padding-bottom: 30px; } .hbProvinceSwipeBox .hbpsbScope .hbpsbBottomSection .hbpsbImageScope { margin: 30px 0 80px; } .hbProvinceSwipeBox .hbpsbScope .hbpsbBottomSection .hbfsPgArw { position: absolute; bottom: 40px; width: 120px; left: 50%; transform: translateX(-50%); z-index: 2; } .hbProvinceSwipeBox.hbpsbScope.hbpsbBottomSection.hbfsPgArw.swiper-button-next { background-image: url(https://www.haberler.com/mstatic/assets/img/icon-pg-right.png); width: 32px; height: 32px; background-size: 32px 32px; margin-top: 0; z-index: 11; outline: 0; right: -30px; top: 0; -webkit-transition: 0.34s; -moz-transition: 0.34s; -ms-transition: 0.34s; -o-transition: 0.34s; transition: 0.34s; } .hbProvinceSwipeBox.hbpsbScope.hbpsbBottomSection.hbfsPgArw.swiper-button-prev { background-image: url(https://www.haberler.com/mstatic/assets/img/icon-pg-left.png); width: 32px; height: 32px; background-size: 32px 32px; margin-top: 0; z-index: 11; outline: 0; left: -30px; top: 0; -webkit-transition: 0.34s; -moz-transition: 0.34s; -ms-transition: 0.34s; -o-transition: 0.34s; transition: 0.34s; } .hbProvinceSwipeBox.hbpsbScope.hbpsbBottomSection.hbfsPgArw.swiper-pagination { width: 100%; display: inline-block; padding-left: 22px; padding-right: 22px; margin-top: 5px; } .hbFilmSwiper .hbfsPgArw .swiper-pagination .swiper-pagination-bullet, .hbGalleryQuiz .hbgsPgArw .swiper-pagination .swiper-pagination-bullet, .hbProvinceSwipeBox.hbpsbScope.hbpsbBottomSection.hbfsPgArw.swiper-pagination.swiper-pagination-bullet { width: 6px; height: 6px; margin: 0 2px; } .hbFilmSwiper .hbfsPgArw { position: absolute; bottom: 10px; width: 90px; left: 50%; transform: translateX(-50%); z-index: 2; } .hbFilmSwiper .hbfsPgArw .swiper-button-next, .hbGalleryQuiz .hbgsPgArw .swiper-button-next { background-image: url(https://www.haberler.com/mstatic/assets/img/icon-red-rightarrow.png); width: 22px; height: 22px; background-size: 22px 22px; margin-top: 0; z-index: 11; outline: 0; right: 0; top: 0; -webkit-transition: 0.34s; -moz-transition: 0.34s; -ms-transition: 0.34s; -o-transition: 0.34s; transition: 0.34s; } .hbFilmSwiper .hbfsPgArw .swiper-button-prev, .hbGalleryQuiz .hbgsPgArw .swiper-button-prev { background-image: url(https://www.haberler.com/mstatic/assets/img/icon-red-leftarrow.png); width: 22px; height: 22px; background-size: 22px 22px; margin-top: 0; z-index: 11; outline: 0; left: 0; top: 0; -webkit-transition: 0.34s; -moz-transition: 0.34s; -ms-transition: 0.34s; -o-transition: 0.34s; transition: 0.34s; } .hbFilmSwiper .swiper-pagination-bullets { width: 4%; display: inline-block; margin: 0; height: 34px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; background: 0; text-align: center; color: #393838; font-size: 15px; font-family: sans-serif; padding-top: 2px; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; } .hbFilmSwiper .swiper-pagination-bullets.swiper-pagination-bullet-active { border-bottom: 3px solid #fe0000; font-weight: 600; } .hbFilmSwiper .hbfsScope { width: 100%; display: inline-block; height: 150px; margin: 10px 0 44px; } .hbFilmSwiper .hbfsScope .hbfsImage img { width: 100px; height: auto; max-width: 100%; } .hbFilmSwiper .hbfsScope .hbfsDetail { position: relative; padding-left: 120px; } .hbFilmSwiper .hbfsScope .hbfsDetail .hbfsTitle { font-size: 16px; margin-bottom: 15px; } .hbFilmSwiper .hbfsScope .hbfsDetail .hbfsJobName .hbfsJob { line-height: 140%; display: block; color: #fe0000; } .hbFilmSwiper .hbfsScope .hbfsDetail .hbfsJobName .hbfsName { line-height: 140%; display: block; margin-bottom: 7px; } .hbGalleryQuiz .hbGallerySwiper, .hbGalleryQuiz .hbQuizSwiper { width: 100%; display: inline-block; height: 194px; margin-bottom: 24px; } .hbGalleryQuiz .hbgsHead { width: 100%; display: inline-block; border-left: 3px solid #fe0000; padding: 7px 5px; font-family: sans-serif; font-size: 18px; font-weight: 600; color: #333333; margin-bottom: 10px; } .hbGalleryQuiz .hbgsSlider { width: 100%; display: inline-block; padding: 5px; } .hbGalleryQuiz .hbgsSlider .swiper-slide { padding-left: 165px; padding-right: 5px; display: table; } .hbGalleryQuiz .hbgsSlider .swiper-slide .hbgsImage { position: absolute; left: 5px; top: 0; width: 150px; height: 135px; overflow: hidden; } .hbGalleryQuiz .hbgsSlider .swiper-slide .hbgsImage img { height: 100%; width: auto; position: relative; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .hbGalleryQuiz .hbgsSlider .swiper-slide span { vertical-align: middle; display: table-cell; height: 135px; font-family: sans-serif; font-size: 15px; font-weight: 400; color: #333333; } .imsakCalendar { width: 100%; display: inline-block; background: #fbc12d; padding: 40px 15px; background: linear-gradient(224deg, #ff6a11, #ffc023); background: -webkit-linear-gradient(224deg, #ff6a11, #ffc023); background: -moz-linear-gradient(224deg, #ff6a11, #ffc023); background: -o-linear-gradient(224deg, #ff6a11, #ffc023); } .imsakCalendar .sun { position: absolute; top: 18%; left: 6%; } .imsakCalendar .imsakCalendarBox { position: relative; display: table; width: 100%; max-width: 620px; margin: 0 auto; padding: 20px 40px; background: #ffffff; -webkit-box-shadow: 0 2px 24px 0 rgb(0, 0, 0, 0.19); -moz-box-shadow: 0 2px 24px 0 rgb(0, 0, 0, 0.19); box-shadow: 0 2px 24px 0 rgb(0, 0, 0, 0.19); } .imsakCalendar .imsakCalendarBox .imsakCalHeader { width: 100%; display: inline-block; border: 1px solid #d3d3d3; font-size: 11px; line-height: 130%; text-align: center; color: #162c54; font-weight: 500; } .imsakCalendar .imsakCalendarBox .imsakCalHeader .imCalRow { width: 100%; display: inline-block; border-bottom: 1px solid #d3d3d3; padding: 10px 0; } .imsakCalendar .imsakCalendarBox .imsakCalHeader .imCalRow .imCalThree { width: 33.33%; display: inline-block; text-align: center; } .imsakCalendar .imsakCalendarBox .imsakCalHeader .imCalRow .imCalFour { width: 25%; display: inline-block; text-align: center; } .imsakCalendar .imsakCalendarBox .imsakCalDate { width: 100%; position: relative; display: flex; justify-content: space-between; align-items: flex-end; padding: 30px 0; text-align: center; min-height: 300px; } .imsakCalendar .imsakCalendarBox .imsakCalDate .imsakOtherCountry { width: 65px; } .imsakCalendar.imsakCalendarBox.imsakCalDate.imsakOtherCountry.imsakOtherTitle { display: inline-block; left: 50%; width: auto; font-size: 11px; font-weight: 700; line-height: 130%; color: #162c54; background: url(/mstatic/assets/img/hours.png) center left/13px auto no-repeat; padding-left: 16px; } .imsakCalendar.imsakCalendarBox.imsakCalDate.imsakOtherCountry.imsakOtherBox { width: 100%; display: inline-block; border: 1px solid #d3d3d3; padding: 10px; font-size: 11px; text-align: center; color: #717171; font-weight: 400; margin-top: 10px; line-height: 180% !important; } .imsakCalendar.imsakCalendarBox.imsakCalDate.imsakOtherCountry.imsakOtherBoxstrong { font-weight: 700; color: #222; } .imsakCalendar .imsakCalendarBox .imsakCalDate .imsakDateBigText .imsakMonth { font-size: 50.3px; font-weight: 700; text-align: center; color: #162c54; line-height: 100% !important; } .imsakCalendar .imsakCalendarBox .imsakCalDate .imsakDateBigText .imsakDay { font-size: 190.3px; font-weight: 700; text-align: center; color: #162c54; line-height: 110% !important; } .imsakCalendar .imsakCalendarBox .imsakCalDate .imsakDateBigText .imsakDayName { font-size: 44px; font-weight: 700; text-align: center; color: #162c54; line-height: 100% !important; } .imsakCalendar .imsakCalendarBox .imsakCalFooter { width: 100%; display: inline-block; font-size: 14px; line-height: 140%; text-align: center; color: #162c54; padding: 0 40px; } .imsakCalendar .imsakCalendarBox .imsakCalFooter .imsakLine { width: 100%; display: inline-block; height: 1px; background-color: #d3d3d3; clear: both; margin: 10px 0; } .imsakDayContentScope .imsakDayRow { width: 100%; display: flex; flex-wrap: nowrap; } .imsakDayContentScope .imsakDayRow .imsakDayCol { width: calc(20% - 16px); display: inline-block; margin-right: 20px; background: #ffffff; padding: 20px; min-height: 240px; font-size: 14px; line-height: 140%; text-align: left; color: #162c54; } .imsakDayContentScope .imsakDayRow .imsakDayCol .imsakDayClickHead, .prYorumSbb a, input#dateCursorP:hover { cursor: pointer; } .imsakDayContentScope .imsakDayRow .imsakDayCol .imsakDayClickHead:after { content: ""; position: absolute; width: 10px; height: 6px; right: 0; top: 50%; margin-top: -3px; background: url(https://www.haberler.com/mstatic/assets/img/arrow.png) center center/100% 100% no-repeat; -webkit-transition: 0.34s; -moz-transition: 0.34s; -ms-transition: 0.34s; -o-transition: 0.34s; transition: 0.34s; } .imsakDayContentScope .imsakDayRow .imsakDayCol .imsakDayClickHead.open:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .hbGundem .gallery-thumbs .swiper-slide img, .hbGundem .hbgImage img { -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); left: 50%; } .imsakDayContentScope .imsakDayRow .imsakDayCol .imsakDayTextClose { height: 0; overflow: hidden; -webkit-transition: 0.34s; -moz-transition: 0.34s; -ms-transition: 0.34s; -o-transition: 0.34s; transition: 0.34s; } .imsakDayContentScope .imsakDayRow .imsakDayCol .imsakDayHead { width: 100%; display: inline-block; margin-bottom: 20px; font-size: 20px; font-weight: 500; line-height: 120%; text-align: left; color: #e00809; position: relative; } @media only screen and (max-width: 768px) { .youtube-row { flex-wrap: wrap; width: 100%; } .youtube-item { margin-bottom: 7px; } .newsErrorScope .newsErrorScopeColumnOne { width: 100%; } .newsErrorScope.newsErrorScopeOtherNewsCategories.newsErrorScopeOtherNewsCategoriesLeft.newsErrorScopeOtherNewsCategoriesList { width: 100%; display: inline-block; } .imsakDayContentScope .imsakDayRow .imsakDayCol { width: 100%; display: inline-block; margin-right: 0; padding: 0; min-height: 1px; margin-bottom: 0; } .hbWeatherBox .hbwbScope { margin-bottom: 10px; } .hbRow.hbFlashNews { margin: 15px 0 !important; } .haber#bnrflateb .hbRow.hbFlashNews, .kategori#bnrflateb .hbRow.hbFlashNews { margin: 15px 0 !important; padding: 0 10px; } } @media only screen and (max-width: 990px) { .imsakDayContentScope .imsakDayRow { flex-wrap: wrap; } .imsakDayContentScope .imsakDayRow .imsakDayCol { padding: 16px !important; } } .hbImsakDate .hbTimeScope { width: 100%; display: inline-block; height: auto; background: #fe0000; padding: 30px 10px; font-family: sans-serif; font-size: 16px; font-weight: 500; color: #ffffff; } .fll, .hbImsakDate .hbTimeScopex, .prYorumMUyrSl, .ytube-container .ytube-content .ytube-video-row img { float: left; } .hbImsakDate .hbTimeScope .hbidSelect { display: inline-block; margin-right: 15px; } .hbImsakDate .hbTimeScope .hbidSelect select { width: 125px; height: 40px; border: 1.8px solid #ffffff; outline: 0; color: #ffffff; font-size: 18px; background: #fe0000; } .hbImsakDate .hbTimeScope .hbidText { width: 100%; display: inline-block; padding-top: 12px; font-size: 12px; } .hbImsakDate .hbTimeScope .hbidCount { position: absolute; right: 13%; padding-top: 15px; } .hbImsakDate .hbTimeScope .jst-hours, .hbImsakDate .hbTimeScope .jst-minutes, .hbImsakDate .hbTimeScope .jst-seconds { display: inline-block; font-size: 28px; color: #ffffff; font-weight: 700; } .hbImsakDate .hbTimeScope .jst-hours:after, .hbImsakDate .hbTimeScope .jst-minutes:after { content: ":"; display: inline-block; } .hbImsakDate .hbCami { position: absolute; right: 10px; } .hbImsakDate .hbTextRight { display: inline-block; min-height: 80px; font-size: 16px; color: #000000; text-align: left; padding: 20px 0 0 10px; } .hbImsakDate .hbTextRight .hbTextBold { width: 100%; display: inline-block; line-height: 120%; font-size: 28px; font-weight: 700; color: #fe0000; } .hbGundem .hbTitle { width: 100%; display: inline-block; padding: 26px 20px; font-size: 14px; color: #333333; line-height: 180%; } .hbGundem .hbgImage { position: relative; width: 100%; height: 370px; overflow: hidden; margin-bottom: 20px; } .hbGundem .hbgImage img { position: relative; transform: translateX(-50%); } .hbGundem .hbgContent { width: 100%; display: inline-block; padding: 0 20px; min-height: 370px; margin-bottom: 20px; font-size: 16px; color: #333333; line-height: 160%; } .hbGundem .gallery-thumbs, .hbGundem .hbgNav { padding: 0 20px 20px; } .hbGundem .hbgContent .hbgTime { margin: 10px 0; width: 100%; display: inline-block; font-size: 12px; font-weight: 600; color: #333333; } .hbGundem .gallery-thumbs .swiper-slide { width: 160px !important; height: 160px !important; overflow: hidden; } .hbGundem .hbgNav .swiper-button-next, .hbGundem .hbgNav .swiper-button-prev { background-size: 100% 100%; width: 32px; height: 32px; top: 0; margin-top: 0; display: inline-block; position: relative; outline: 0; } .hbGundem .gallery-thumbs .swiper-slide img { position: relative; display: block; width: auto; height: 100%; transform: translateX(-50%); } .hbGundem .gallery-thumbs .swiper-slide-thumb-active { border: 2px solid #fe0000; } .hbGundem .hbgNav { width: auto; display: inline-block; min-height: 32px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .hbGundem .hbgNav .swiper-button-next { right: auto; background-image: url(https://www.haberler.com/mstatic/assets/img/icon-pg-right.png); margin-left: 5px; } .hbGundem .hbgNav .swiper-button-prev { left: auto; background-image: url(https://www.haberler.com/mstatic/assets/img/icon-pg-left.png); margin-right: 5px; } .hbGundem .hbgNav .swiper-pagination { display: inline-block; position: relative; -webkit-transform: translateY(-75%); -moz-transform: translateY(-75%); -ms-transform: translateY(-75%); -o-transform: translateY(-75%); transform: translateY(-75%); } .hbGundem .hbgNav .swiper-pagination .swiper-pagination-bullet { background-color: #d8d8d8; opacity: 1; margin: 0 2px; width: 6px; height: 6px; } .hbGundem .hbgSelectBox { position: relative; display: block; z-index: 2; background: #ffffff; padding: 20px 20px 0; } .hbGundem .hbgSelectBox select, .hbgSelectBox-alt select { width: 100%; height: 40px; border-radius: 4px; border: 1px solid #333333; font-family: sans-serif; font-size: 13px; font-weight: 600; color: #333333; outline: 0; background-color: #ffffff; } .hbDatePicker.hbArchive .qDatePicker { left: auto; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; margin-right: 40px; } .hbDatePicker.hbArchive .qDatePicker input { width: 75px; } .hbDatePicker.hbArchive .hbdpColumnBlockCenterTwoLast { left: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; height: auto; padding-top: 4px; padding-right: 8px; } .hbDatePicker.hbArchive .hbdpColumnBlockCenterTwoLast .categoryColor { padding-top: 0; font-size: 14px; } .hbDatePicker.hbArchive .hbdpColumnBlockCenterTwoLast .dropDownGenerals { width: 105px; height: auto; padding: 0 10px 0 0; background-position: right 0 center; background-size: 14px 8.66px; margin-top: 0; } .hbFooter { width: 100%; display: inline-block; height: auto; background-color: #ffffff; } .hbFooter .hbftLinkScope { width: 100%; display: inline-block; background-color: #ffffff; } .hbFooter .hbftLinkScope .hbftlHead { width: 100%; display: inline-block; border-left: 4px solid #fe0000; padding: 20px 20px 20px 14px; border-bottom: 1px solid #e3e3e3; font-family: sans-serif; font-size: 20px; font-weight: 700; color: #333333; } .hbFooter .hbftLinkScope .hbftlContent { width: 100%; display: inline-block; padding: 20px; } .hbFooter .hbftLinkScope .hbftlContent .hbftCol { width: 49%; display: inline-block; vertical-align: top; } .hbFooter .hbftLinkScope .hbftlContent .hbftCol .hbftUrl { width: 95%; display: inline-block; padding: 6px 0; font-family: sans-serif; font-size: 16px; border-bottom: 1px solid #dfe9f2; line-height: 130%; } .hbFooter .hbftLinkScope .hbftlContent .hbftCol .hbftUrl.hbftUrlBold { font-weight: 700; margin-top: 20px; } .hbFooter .hbftLinkScope.hbftBasicLink .hbftUrl { width: 33.33%; display: inline-block; margin-bottom: 10px; font-family: sans-serif; font-size: 14px; font-weight: 400; color: #333333; padding-left: 10px; } .hbFooter .hbftLinkScope.hbftBasicLink .hbftUrl:after { content: ""; position: absolute; left: 0; top: 6px; width: 4px; height: 4px; background: #333333; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; } .hbFooter .footerAccordion .ftClick { cursor: pointer; border-bottom: 0; } .hbFooter .footerAccordion .ftClick:after { content: ""; position: absolute; width: 21px; height: 13px; background: url(https://www.haberler.com/mstatic/assets/img/icon-footer-arrow.svg) 0 0/100% 100% no-repeat; right: 20px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .hbFooter .footerAccordion.active .ftClick { border-bottom: 1px solid #e3e3e3; } .hbFooter .footerAccordion.active .ftClick:after { -webkit-transform: translateY(-50%) rotate(180deg); -moz-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); -o-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .hbFooter .hbftContent { width: 100%; display: inline-block; text-align: center; font-size: 12px; color: #333333; padding: 10px; } .hbFooter .hbftTerms { width: 100%; display: inline-block; background: #ffffff; text-align: center; font-size: 12px; color: #333333; padding: 20px; line-height: 220%; } .hbFooter .hbftTerms a { display: block; clear: both; text-decoration: underline; } .hbBoxCountry .hbBoxContent .countryInfo tr:nth-child(-n2) td:first-child, .hbFooter .hbftTerms a.full-version, .ika-ilanadresi span, .keys, .ozelicerik a, .sbg, p.klink > a { font-weight: 700; } .loading, .qDateDayHeadline input { font-weight: 600; font-family: sans-serif; } .hbComments { padding-bottom: 0; } .hbForm .hbInput, .hbForm .hbTextarea { font-size: 14px; color: #000000; line-height: 135%; } .loading { width: 100%; display: inline-block; margin: 30px 0; height: 50px; background: url(/mstatic/assets/img/loading.png) center center repeat-x; text-align: center; color: #000000; padding-top: 18px; } .hbGalleryQuiz .hbgsPgArw { position: absolute; top: 5px; right: 5px; width: 140px; } .seotext { font-weight: 100 !important; } .color-quiz .bgFill, .color-quiz.bgFill { background-color: #fbb12d !important; } #video_div, .hbSubMenu.subgamegar { background-color: #000000; float: left; } .play-pause-btn { display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); background: none; border: none; cursor: pointer; opacity: 1; transition: opacity 0.4s ease, transform 0.3s ease; } .play-pause-btn img { width: 50px; height: 50px; } .hidden-btn { opacity: 0; pointer-events: none; transform: translate(-50%, -50%) scale(1.8); } .hbBoxScope .hbBoxVslider .swiper-slide .hbvsImage { top: 4px; } .hbSocialGeneral { display: inline-block; clear: both; text-align: left; padding: 0 15px; } .hbSocialGeneral .hbceSocialShare { margin-bottom: 2px; display: inline-block; padding-top: 7px; padding-right: 5px; font-family: sans-serif; font-size: 12px; font-weight: 700; color: #333333; line-height: 160%; } .hbSocialGeneral .hbceSocialIcon { display: inline-block; margin-bottom: 5px; } .flash .hbptLinkScope, figcaption { font-size: 14px; margin-bottom: 15px; } .hbSocialGeneral div.hbceSocialIcon:first-child { margin-right: 15px; } .hbSocialGeneral .hbceSocialIcon .hbceSocialIconItem { display: inline-block; margin-right: 5px; } .allComments { color: #fe0000; text-align: right; display: inline-block; margin: 0 0 20px; width: 100%; padding-top: 10px; font-size: 16px; } .qDateDayHeadline input { border: 0; outline: 0; font-size: 18px; color: #fe0000; height: 25px; line-height: 100%; padding: 0; max-width: 160px; z-index: 1; background: #ffffff; } .qDateDayHeadline .hbdpDhArrow { position: absolute; top: 5px; right: 0; } .hbDateHeadlineScope .hbdpScope .hbdpColumnCenter .hbdpText { position: relative; display: flex; align-items: center; } .hbWarning { margin-top: 20px; } .hbMainSlider .hbSlider .swiper-slide { line-height: 0; } .hb-fin { margin-bottom: 5px; margin-top: -5px; } .flash /*.hbRow .hbnGeneralSubText*/ { margin-left: 15px; } .flash .hbptLinkScope { width: 100%; display: inline-block; padding: 0 15px; font-weight: 700; color: #333333; margin-top: 10px; } .generalSmallTitle .baslik, .h2-pod, .hbFlashNews a, .hbPageDetails { font-size: 18px; } .flash .hbptLinkScope .hbptLink { display: inline-block; padding-left: 0; padding-right: 20px; font-family: sans-serif; font-size: 18px; font-weight: 700; font-stretch: normal; font-style: normal; line-height: 130%; color: #ff0101; } .hbPageDetails { line-height: 135%; } .hb-pod-bas, .hb-pod-txt, .nesErrorText { line-height: 140%; font-family: sans-serif; } .hbPageDetails.yazarpdet { padding: 0 24px; } .scope-inf { padding: 10px 0 0 !important; margin-top: 10px; } .mb-10 { margin-bottom: 10px; } #detaySag .sidebox.item.detaySagSilme, .hbContainer.wordPage .hbBreadCrumb, .mb-0 { margin-bottom: 0 !important; } .mt-15 { margin-top: 15px !important; } figcaption { text-align: center; font-weight: 700; font-style: italic; } .hbRow.hbFlashNews .hbContainer, .pd-0, .yazarStylemp { padding: 0 !important; } .hbFlashNews a { position: relative; display: block; font-weight: 700; font-family: sans-serif; color: #ff0101; line-height: 130%; padding: 3px 10px 0 16px; } .hbFlashNews a:before { content: ""; width: 4px; height: 100%; position: absolute; left: 0; top: 0; background-color: #ff0101; } .hbEmojiScope { display: inline-block; padding: 20px 20px 0; display: flex; justify-content: center; align-items: center; } .hbEmojiScope .hbeCol { position: relative; width: 40px; margin-right: auto; } .hbEmojiScope .hbeCol .hbeColBar { width: 100%; position: relative; height: 7px; background-color: #efefef; overflow: hidden; } .hbEmojiScope .hbeCol .hbeColBar .barcalc { position: absolute; left: 0; top: 0; height: 100%; background-color: #c2c2c2; } .hbEmojiScope .hbeCol .hbColImage { width: 100%; display: inline-block; height: 50px; cursor: pointer; } .kaynak { width: 100%; margin: 7.5px 0; } .mt-5 { margin-top: 5px; } .mb-15, .mb-20 { margin-bottom: 20px !important; } .mb-36 { margin-bottom: 36px; } .mt-10 { margin-left: 10px; } .colPage.colpageYorumlar { margin: 0 0 24px; } .hbSubMenu { width: 100%; height: 36px; background-color: #d40000; } .hbSubMenu .swiper-slide, .resizeselect, .wd-auto { width: auto !important; } .hbSubMenu .swiper-slide a { padding: 10px; font-family: sans-serif; font-size: 16px; font-weight: 500; color: #ffffff; opacity: 1; -ms-filter: "alpha(opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; border-bottom: 3px solid #ffffff; } .hbSubMenu .swiper-slide a.active { font-weight: 700; opacity: 1; -ms-filter: "alpha(opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; border-bottom: 3px solid #ffffff; } .hbcContinue { width: 100%; text-align: center; padding: 24px 0 0; font-weight: 500; font-size: 16px; text-decoration: underline; } .ozeltext { background-color: #ffffff; padding: 15px; margin-bottom: 24px; } .ozeltext .generalSmallTitle:after { content: none; } @media only screen and (max-width: 340px) { .hbHeader .hbhdLogo img { width: auto; height: 17px; } .swiper-slide:last-child { display: none; } .hbImsakDate .hbTimeScope .hbidCount { position: absolute; right: 5%; padding-top: 25px; } } .catarea, .mt-title { margin-top: 30px; } /*.pb-0 { padding-bottom: 0 !important; }*/ .hbSubMenu.subgamegar .swiper-slide a { float: left; position: relative; padding: 13.5px 15px; font-family: sans-serif; font-size: 16px; font-weight: 500; color: #ffffff; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; border-bottom: 3px solid #ffffff; } .hbSubMenu.subgamegar { width: 100%; position: relative; height: 46px; border-top: 1px solid #ffffff; overflow-x: scroll; } .hbSubMenu.subgamegar::-webkit-scrollbar { display: none; } .hbSubMenu.subgamegar .swiper-container { width: 690px; } .hbhdNextPrev { position: absolute; width: 40px; right: 0; top: 9px; z-index: 2; } .hbhdPrev { display: inline-block; width: 50%; text-align: left; } .hbhdNext { float: right; position: relative; width: 50%; text-align: right; } .rkp-man-h1 { margin-top: 15px; margin-bottom: 15px; } .hbOtherPaperTitlesScope .hbopImage { position: relative; width: 100%; overflow: hidden; } .hbOtherPaperTitlesScope .hbopTitlesScope { display: inline-block; padding-left: 0; margin-top: 10px; min-height: 88px; } .hbOtherPaperTitlesScope .hbopTitlesScope .hbopDesc { width: 100%; display: inline-block; font-family: sans-serif; font-size: 14px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: 170%; } .hbptContent ul { width: 100%; /*display: inline-block;*/ margin-bottom: 20px; list-style: inherit; } .hbptContent ul li { /* list-style: inside; */ padding-bottom: 10px; } .hbptContent h4 { font-family: sans-serif; font-size: 14px; font-weight: 500; padding-top: 10px; } .hbptContent h5 { font-size: 17px; font-weight: 400; padding-top: 10px; } #video_div { width: 100%; height: 0; position: relative; overflow: hidden; clear: both; padding-bottom: 56.25%; } .colPage.pageDetailProp .hbBoxScope, .hbPageDetails .drimg .hbptMainImage, .hbPageDetails .hbptContent .kaynak p { margin: 0; } .mb-24 { margin-bottom: 24px; } .hbBoxScope .hbBoxVslider .swiper-slide .hbvsImage.hbImageRect { width: 80px; height: 80px; overflow: hidden; } .hbBoxScope .hbBoxVslider .swiper-slide .hbvsImage.hbImageRect img { width: auto; height: 100%; left: 50%; position: relative; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .nesErrorTextLink { display: inline-block; width: 100%; text-align: center; } .nesErrorText { padding-top: 40px; font-size: 22px; font-weight: 500; } .nesErrorText .nesColor { color: #fe0000; font-weight: 700; } .nesErrowLink { margin-top: 15px; position: relative; display: inline-block; font-size: 16px; font-weight: 600; font-family: sans-serif; color: #ffffff; background-color: #fe0000; padding: 10px 30px; border-radius: 20px; -webkit-border-radius: 20px; margin-bottom: 20px; } @media only screen and (max-width: 520px) { .airdrops-table-cell { padding: 12.54px 11px 21px 4px; } .youtube-item:last-child, .airdrops-table-cell:nth-child(3), .airdrops-table-cell:nth-child(6) { display: none; } .airdrop-detail-area-header .ico-img { width: 64px; } .elections-widget { height: 336px; } .newsErrorScope .newsErrorScopeColumnOne { width: 100%; } .newsErrorScope .newsErrorScopeTitle .titleOne, .newsErrorScope .newsErrorScopeTitle .titleTwo { width: 100%; display: inline-block; font-size: 30px; } .newsErrorScope .newsErrorScopeContent .newsErrorScopeContentDetail { font-size: 11.8px; } .top-menu ul li { width: calc(50% - 1px); } .newsErrorScope.newsErrorScopeOtherCategorie.newsErrorScopeOtherCategorieIcon { width: 25%; display: inline-block; } .newsErrorScope .newsErrorScopeImg, .newsErrorScope.newsErrorScopeOtherNewsCategories.newsErrorScopeOtherNewsCategoriesLeft.newsErrorScopeOtherNewsCategoriesList { width: 100%; display: inline-block; } .newsErrorScope input[type="text"] { width: 90%; } .newsErrorScope.newsErrorScopeOtherCategorie.newsErrorScopeOtherCategorieIcon:nth-child( 4n1 ) { clear: both; } .youtube-item { margin-bottom: 0 !important; box-sizing: border-box; padding-right: 2px; padding-left: 2px; flex: auto !important; width: 50%; } .youtube-row { gap: 0 !important; } .newsErrorScope .newsErrorScopeOtherNewsTitle { font-size: 18px; } #detay_2 span { padding-top: 0; } .newsErrorScope input[type="button"] { right: 5px; width: 65px; padding: 9px 12px; } .hbWeatherBox .hbwbScope { margin-bottom: 10px; } } .re-baslik { font-size: 12px; padding-top: 5px; max-width: 146px; } .hbgSelectBox-alt { position: relative; display: block; z-index: 2; padding: 10px 15px 0; } .hbpsbCity-alt .hbpsbSelect { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; padding: 0 10px; width: 100%; height: 30px; border: 1px solid #333333; background-color: #ffffff; background-image: url(https://www.haberler.com/mstatic/assets/img/arrow-down-black.png); background-repeat: no-repeat; background-position: right 5% center; background-size: 15px; margin-bottom: 10px; font-weight: 600; } .hb-pod-bas { width: 100%; display: inline-block; font-size: 17px; font-weight: 600; color: #333333; padding: 10px 10px 5px; overflow: hidden; } .hb-pod-txt { width: 100%; display: inline-block; font-size: 16px; color: #333333; padding: 0 10px 10px; overflow: hidden; } .h1-pod { font-family: sans-serif; font-size: 18px; font-weight: 700; color: #333333; line-height: 150%; } .podcast_adres { display: inline-block; width: 110px; height: 48px; background-color: #ffffff; border-radius: 10px; line-height: 60px; text-align: center; margin-right: 0; margin-bottom: 5px; } .hb-pod { margin-bottom: 10px !important; } .hpb-pod-img { height: 130px; text-align: center; width: 80px !important; } .hbPageDetails .hbptContent .drimg { position: relative; width: 100%; display: inline-block; line-height: 0; } .hbPageDetails figcaption { margin-top: 8px; width: 100%; display: inline-block; line-height: 130%; margin-bottom: 0; } .mt-0 { margin-top: 0 !important; } .hbPageDetails .hbptContent iframe { position: relative; width: 100%; display: inline-block; margin: 7.5px 0; } .hbPageDetails h3 { line-height: 140%; } input { appearance: none; -moz-appearance: none; -webkit-appearance: none; } .hbVideoImgScope { display: inline-block; width: 100%; height: 0; padding-bottom: 56.25%; } #Wg_instagram { height: 560px; background-color: #ffffff; margin-bottom: 30px; } #Wg_instagram #ins_pp { padding: 10px; box-sizing: border-box; position: relative; width: inherit; } #Wg_instagram #ins_liste_yatay ul:after, #Wg_instagram #ins_menu:after, #Wg_instagram #ins_pp:after, .hbiiPKategoriRow:after, .hbiiPKisiRow .hbiiPKisiList:after { content: ""; display: block; clear: both; } #Wg_instagram #ins_pp_img { height: 70px; width: 70px; border-radius: 35px; overflow: hidden; display: inline-block; margin-right: 10px; } #Wg_instagram #ins_pp_img img { width: inherit; height: inherit; } #Wg_instagram #ins_aciklama { width: 200px; padding-top: 15px; box-sizing: border-box; display: inline-block; } #Wg_instagram #ins_aciklama #ins_aciklama_baslik { box-sizing: border-box; font-weight: 700; font-size: 18px; height: 25px; } #Wg_instagram #ins_menu { padding: 10px; box-sizing: border-box; border-top: 1px solid #ccc; } #Wg_instagram #ins_menu_yatay { display: inline-block; width: 50%; } #Wg_instagram #ins_menu_dikey, .hbiiPKategoriRow .hbiiPKategoriListe { float: right; width: 50%; } #Wg_instagram #ins_menu span { display: block; width: 20px; height: 20px; margin: auto; cursor: pointer; } #Wg_instagram #ins_liste { height: 430px; } #Wg_instagram #ins_liste_dikey, #Wg_instagram #ins_liste_yatay { height: inherit; overflow-x: hidden; -ms-overflow-style: none; } #Wg_instagram #ins_liste_dikey::-webkit-scrollbar, #Wg_instagram #ins_liste_yatay::-webkit-scrollbar { display: none; } #Wg_instagram #ins_liste_yatay ul { list-style: none; } #Wg_instagram #ins_liste_yatay ul li { display: inline-block; width: 98px; height: 98px; margin-right: 3px; margin-bottom: 3px; } #Wg_instagram #ins_liste_yatay ul li img { width: 98px; height: 98px; } #ins_svg_dikey rect, #ins_svg_yatay rect { fill: #cdcacf; } #ins_svg_dikey:hover rect, #ins_svg_yatay:hover rect, #ins_yatay_btn.active rect { fill: #0771d4; } .hbPageDetails td { text-align: center; border: 1px solid; width: 100px; } .tablescope { width: 100%; overflow: hidden; overflow-x: scroll; } .tablescope table, .yzrhaberler { margin-top: 15px; } .hbBoxScope .hbBoxMainText { width: 100%; font-family: sans-serif; font-size: 15px; font-weight: 600; color: #333333; line-height: 130%; border-radius: 0 !important; overflow: hidden; margin-bottom: 10px; display: block; } .hbBoxScope .hbBoxMainText .mobCard { padding: 10px !important; } .hbBoxScope .hbBoxImage { line-height: 0; float: left; margin-right: 10px; border-bottom: 0; width: auto; height: 100px; } .hbBoxScope .hbBoxMainText p { display: flex; margin-top: -3px; margin-bottom: 15px; font-weight: 600 !important; } /*.hbContainer.wordPage .hbBoxScope .hbBoxMainText p.hbBoxText { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }*/ .hbBoxScope .hbBoxMainText span { display: flex; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; font-size: 18px; line-height: 140%; } @media only screen and (max-width: 355px) { .hbBoxScope .hbBoxMainText p { display: block; } .hbBoxScope .hbBoxImage { width: 100%; height: auto; line-height: 0; margin-bottom: 5px; } .hbBoxScope .hbBoxMainText span { width: 100%; } } .newsErrorScope .generalColorCaterories, .sbg { color: #000000 !important; } .newCardCoverSliderUp { max-width: 1056px; width: 100%; display: flex; flex-direction: row; gap: 24px; justify-content: space-between; margin-bottom: 24px; } .newCardCoverSliderUp .topCardCover { max-width: 246px; width: 100%; display: flex; flex-direction: column; background-color: #ffffff; border-radius: var(--button-corner-radius, 4px); background: var(--news-card, #ffffff); box-shadow: 0 2px 11px 0 rgb(0, 0, 0, 0.02), 0 0.77px 3.504px 0 rgb(0, 0, 0, 0.01), 0 0.163px 0.896px 0 rgb(0, 0, 0, 0.01); } .newCardCoverSliderUp .topCardCover .topCardImage { height: 122px; max-width: 246px; width: 100%; } .newCardCoverSliderUp .topCardTextCover { height: calc(20.8px * 3 + 16px); padding: 8px; overflow: hidden; } .newCardCoverSliderUp .topCardTextCover .topCardText { font-family: "Sans Serif Pro Display", sans-serif; font-size: 16px; font-weight: 700; line-height: 20.8px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; } .slider { position: relative; display: inline-block; width: 100%; height: auto; } .slider .wrapper { overflow: hidden; position: relative; width: 100%; height: auto; z-index: 1; background: #000000; } .slider .slides { width: 100%; display: flex; transition: transform 0.3s ease-out; } /*.slider .slides.shifting { transition: left 0.1s ease-out; -webkit-transition: left 0.1s ease-out; -moz-transition: left 0.1s ease-out; -ms-transition: left 0.1s ease-out; -o-transition: left 0.1s ease-out; }*/ .slider .slide { width: 100%; height: calc((411 / 732) * 100vw); cursor: pointer; display: inline-block; position: relative; border-radius: 2px; flex-shrink: 0; } .slider .slide .partner_title { position: absolute; width: 100%; text-align: center; background: linear-gradient( to bottom, #ffffff -50%, #ffffff 7%, #000000 84% ) !important; bottom: 0; padding: 20px; color: #ffffff; font-size: 34px; line-height: 120%; font-weight: 700; font-family: sans-serif; } .slider .control { position: absolute; top: 50%; width: 40px; height: 40px; margin-top: -35px; z-index: 2; } .slider .r1, .slider .r2 { width: 48px; position: absolute; padding: 2px; } .slider .next, .slider .prev { background-size: 40px; background-position: center; background-repeat: no-repeat; cursor: pointer; } .slider .prev { background-image: url(/mstatic/assets/img/bi_arrow-left-short.svg?v=1); left: 10px; width: 40px; height: 40px; } .slider .next { background-image: url(/mstatic/assets/img/bi_arrow-right-short.svg?v=1); right: 10px; width: 40px; height: 40px; } .slider .next:active, .slider .prev:active { transform: scale(0.8); } .slider .bullets .bullet { width: 4%; display: inline-block; margin: 0; height: 34px; border-radius: 0; background: 0; text-align: center; color: #ffffff; font-size: 40px; font-family: sans-serif; padding-top: 8px; opacity: 1; } .slider .bullets .bullet a { position: absolute; top: 0; width: 100%; height: 100%; } .slider .r1 { height: 18px; background-color: #ffffff; opacity: 0.6; } .slider .r2 { height: 18px; color: #000000; font-size: 12px; } .slider .r1.sag_ust { top: 2px; right: 2px; } .slider .r2.sag_ust { top: 2px; right: 0; } .slider .r1.sol_ust { top: 2px; left: 2px; } .slider .r2.sol_ust { top: 2px; left: 0; } .slider .r1.sag_alt { bottom: 2px; right: 2px; } .slider .r2.sag_alt { bottom: 2px; right: 0; } .slider .r1.sol_alt { bottom: 2px; left: 2px; } .slider .r2.sol_alt { bottom: 2px; left: 0; } .hbNavMenuScope.active .hbNavMenu .hbNavUl .hbMainLi .hbnmLink.whatsapp .hbnmIcon { width: 22px; height: 22px; background: url(https://www.haberler.com/mstatic/assets/img/nav-icon/icon-whatsapp.svg) 0 0/100% 100% no-repeat; } #odullerimiz .hbRightMenu .hbrmAboutProgress { display: table; } #odullerimiz .hbrmAboutProgressItem { width: 45%; margin: 2%; vertical-align: top; } #odullerimiz .hbrmAboutProgress .hbrmAboutProgressItem:first-child .hbrmText { background: url(/mstatic/assets/img/hakkimizda-odul.png) 0 3px/21px 21px no-repeat; padding-left: 30px; } #web_push_notif_perm { margin-top: 40px; } #web_push_notif_perm h3 { margin-top: 0; margin-bottom: 0.5rem; } #web_push_notif_perm p { margin-top: 0; margin-bottom: 1rem; } #web_push_notif_perm img { vertical-align: middle; border-style: none; } #web_push_notif_perm button { border-radius: 0; margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; overflow: visible; text-transform: none; -webkit-appearance: button; } #web_push_notif_perm button:focus { outline: dotted 1px; outline: -webkit-focus-ring-color auto 5px; } #web_push_notif_perm button::-moz-focus-inner { padding: 0; border-style: none; } @media print { #web_push_notif_perm img { page-break-inside: avoid; } #web_push_notif_perm h3, #web_push_notif_perm p { orphans: 3; widows: 3; } #web_push_notif_perm h3 { page-break-after: avoid; } } .web_push_notif_perm { position: fixed; height: auto; max-width: 440px; width: 100%; top: 1%; left: 50%; margin-left: -220px; margin-top: 1px; z-index: 100000; } .vl-notif-inner { overflow: auto; width: 100%; height: auto; display: table; box-shadow: 0 3px 10px 0 rgb(0, 0, 0, 0.33) !important; background: #ffffff; border: 1px solid #eaeaea; max-width: 100%; border-radius: 3px; } .vl-notif-msg { display: table-cell; width: 83%; padding: 10px 14px 10px 10px; box-sizing: border-box; text-align: left; line-height: 1.4; vertical-align: middle; } .vl-notif-title { background: 0; font-family: Tahoma, Geneva, sans-serif; font-size: 18px; font-weight: 700; margin: 0; padding: 0; } .vl-notif-message { background: 0; font-size: 14px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 0; margin: 12px 0; } #prhUyariList, .h2su, .h3su, .hbBoxCountry, .hblnBox-sd .hblnContent .hblnTitle { font-family: sans-serif; } .vl-notif-logo { display: table-cell; width: 17%; padding: 15px 0 10px 10px; } .vl-notif-buttons button { padding: 8px 15px; margin-left: 10px; font-size: 15px; text-align: center; border: 1px solid #ffffff; border-radius: 4px; background-color: #ffffff; border-color: #333333; cursor: pointer; } .vl-notif-buttons button:hover { color: #333333; background-color: #e6e6e6; border-color: #adadad; } .vl-notif-buttons .vl-notif-accept { background-color: #4f8df4; color: #ffffff; border-color: #ffffff; } .vl-notif-buttons .vl-notif-later { background-color: #ffffff; color: #333333; border-color: #dadada; } @media screen and (max-width: 440px) { .web_push_notif_perm { max-width: 90%; width: 100%; left: 0; margin-left: 5%; } .vl-notif-logo { width: 25%; } .vl-notif-msg { width: 75%; padding-left: 10px; } } @media screen and (max-width: 378px) { .elections-widget { height: 300px; } .vl-notif-title { font-size: 14px; } .vl-notif-message { font-size: 12px; } .vl-notif-buttons button { font-size: 12px; margin-left: 5px; } } @media screen and (max-width: 500px) { .hbExchange .hbexCol .hbexIcon { margin-top: 5px; } } .vdsax1 .hbYdinf { padding-left: 130px; margin-top: 10px; } .hbYdinf li { float: left; margin-right: 10px; height: 30px; } .yazarStyle { background-color: #ffffff; display: grid; grid-template-columns: 20% 20% 20% 20% 20%; padding: 24px; } .hbYazar { border: 3px solid #f4f4f4; margin: 2%; display: flex; flex-direction: column; align-items: center; padding: 24px; } .yazarStyle .hbYdimg { width: 70px; height: 70px; margin-bottom: 12px; } .yazarStyle .hbYdimg .hbYdimgi { width: 70px; height: 70px; border-radius: 35px; overflow: hidden; } .yazarStyle .hbYdimgi img { width: 70px; height: 70px; object-fit: cover; } .yazarStyle .hbYdyzr { width: 100%; text-align: center; min-height: 80px; padding-top: 12px; } .yazarStyle .hbYazar .hbYdyzr { border-top: 2px solid #f4f4f4; } .yazarStyle .hbYdyzryazi { width: 100%; text-align: center; } .hbBoxBiographyDetails #hbYdYazar h2, .yazarStyle .hbYdyzr .hbYdyzra { font-size: 16px; font-weight: 600; line-height: 150%; color: #333333; } .hbBoxBiographyDetails #hbYdYazar .yzr-gorev { font-size: 14px; font-weight: 400; margin-bottom: 5px; line-height: 130%; color: #929292; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .hbBoxBiographyDetails .yazarStyle .hbYdyzryazi .hbYdyzryz { margin-bottom: 5px; font-size: 18px; font-weight: 700; color: #000000; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .hbBoxBiographyDetails #hbYdYazar .hbYdyzrts, .yazarStyle .hbYdyzryazi .hbYdyzrts { font-size: 12px; font-weight: 700; color: #b6b6b6; } .hbBiographyDetails .hbPageDetails .hbptContent h3 { font-family: sans-serif; font-size: 14px; font-weight: 700; padding-top: 0; margin: 0 0 8px; } .hbBiographyDetails .hbptHead.hbBoxBiographyDetails { margin: 0 0 8px; } .yazarStyle .hbYdyzr .hbYdyzruk, .yazarStyle .hbYdyzryazi .hbYdyzryz { margin-bottom: 5px; font-size: 14px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; } .yazarStyle .hbYdyzr .hbYdyzruk { line-height: 130%; color: #929292; -webkit-line-clamp: 2; } .yazarStyle .hbYdyzryazi .hbYdyzryz { font-weight: 700; color: #000000; -webkit-line-clamp: 3; } .hbBoxBiographyDetails .hbbbImageName .hbbbImagRadius.writer { width: 80px; height: 80px; } .hbBoxBiographyDetails .hbbbImageName .hbbbCityDate.writercontent { padding-left: 80px; margin-bottom: 10px; } .hbBoxBiographyDetails .hbbbImageName .hbbbCityDate.writercontent #hbYdYazar { font-size: 15px; line-height: 120%; } .hbBoxBiographyDetails.hbbbImageName.hbbbCityDate.writercontent#hbYdYazarh2 { font-size: 18px; font-weight: 600; margin-top: 0; } .hbBoxBiographyDetails .hbbbImageName .hbbbCityDate.writercontent .hbYdinf { float: left; position: relative; width: 100%; margin-left: -75px; margin-top: 20px; } .hbBoxBiographyDetails .hbbbImageName .hbbbCityDate.writercontent .hbYdinf li { padding-top: 5px; padding-left: 28px; font-size: 13px; } .hbBoxBiographyDetails.hbbbImageName.hbbbCityDate.writercontent.hbYdinfli:before { width: 25px; height: 25px; } .h3su, .hbGeneralTitles h2, .hbPageDetails .hbptLinkScope.writerLink .hbptLink { font-size: 15px; } .hbPageDetails .hbptLinkScope.writerLink .hbptLink:after { background-size: 25px 25px; right: 25px; width: 25px; height: 25px; } .hbWriterNews .hbVideoImgScope { margin-bottom: 15px; line-height: 0; } .hbWriterNews .hbPageDetails .hbptContent { position: relative; } .kywordBottom { position: absolute; display: contents; } section.hbptContent.haber_metni.yzr-yazi > p > img { max-width: 100%; height: auto; } .hbWriterNews .hbOtherNews .hbonTitle { margin-bottom: 15px; color: #fe0000; } .hbWriters .yzrhead { padding: 15px 0 35px; font-size: 18px; } .hbBoxScope .blackStyle.yazarStyle .hbBoxHeadTitle { background-color: #b30000; } .hbBoxScope .blackStyle.yazarStyle { background: #ffffff; margin-bottom: 24px; margin-top: 24px; } .hbBoxScope .blackStyle.yazarStyle .hbBoxVslider { height: 250px; padding: 15px; } .hbBoxScope.blackStyle.yazarStyle.hbBoxVslider.hbgsPgArw.swiper-button-next { background-image: url(https://www.haberler.com/mstatic/assets/img/icon-red-rightarrow.png); } .hbBoxScope.blackStyle.yazarStyle.hbBoxVslider.hbgsPgArw.swiper-button-prev { background-image: url(https://www.haberler.com/mstatic/assets/img/icon-red-leftarrow.png); } .hbBoxScope .yazarStyle .hbBoxVslider .swiper-slide { padding-left: 0; margin-bottom: 14px; height: 110px; border-bottom: 1px solid #ececec; } .yazarStyle .yazar-content .hbYdimg { float: left; width: 70px; height: 70px; margin-right: 15px; margin-bottom: 0; } .yazarStyle .yazar-content .hbYdimg .hbYdimgi { width: 70px; height: 70px; border-radius: 40px; overflow: hidden; } .yazarStyle .yazar-content .hbYdyzr { float: left; width: calc(100% - 85px); max-width: 100%; line-height: 120%; display: block; } .yazarStylemp .yazar-content .hbYdyzra { line-height: 120% !important; } #yzrbiba h1 { font-size: 23px; margin: 0; } .yazarStyle .yazar-content .hbYdyzr .hbYdyzra { font-size: 16px; font-weight: 600; margin-bottom: 5px; } .yazarStyle .yazar-content .hbYdyzr .hbYdyzryz { font-size: 15px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .yazarStyle .yazar-content .hbYdyzr .hbYdyzruk { font-size: 8.5px; margin-bottom: 5px; line-height: 100%; } .yazarStyle .yazar-content .hbYdyzryazi .hbYdyzryz { padding-bottom: 5px; max-height: 60px; overflow: hidden; font-size: 16px; line-height: 120%; } .hbNavMenuScope.active .hbNavMenu .hbNavUl .hbMainLi .hbnmLink.yazarlar .hbnmIcon { width: 22px; height: 22px; background: url(/mstatic/assets/img/nav-icon/yazarlar-haberlercom.svg) 0 0/100% 100% no-repeat; } .hbNavMenuScope.active .hbNavMenu .hbNavUl .hbMainLi .hbnmLink.iletisim .hbnmIcon { width: 22px; height: 22px; background: url(/mstatic/assets/img/nav-icon/iletisim-haberlercom-icon.svg) 0 0/100% 100% no-repeat; } .yzr-ozet { font-weight: 400; font-size: 14px; } .hbNavMenuScope.active .hbNavMenu .hbNavUl .hbMainLi .hbnmLink.dogrulukkont .hbnmIcon { width: 22px; height: 22px; background: url(/mstatic/assets/img/nav-icon/dogruluk-kontrolu.svg) 0 0/100% 100% no-repeat; } .boxhdkicon { top: 3px; left: 3px; position: absolute; z-index: 9; width: 92px; } #ilgili_videolar, .yzrlstslc { position: absolute; z-index: 1; top: 0; } .hbWriters h2 { line-height: normal; margin: 10px 0 0; } .hbPageDetails .hbptHead h2, .hbPageDetails .hbptHead p { font-size: 18px; color: #000000; margin: 15px 0; padding: 0; word-break: break-word; font-weight: 600; line-height: 140%; } .yzrlstslc { right: 0; background-color: #ffffff; width: 160px; height: 38px; padding: 4px 5px; font-size: 11px; overflow: hidden; border: 1px solid #cecece42; transition: 0.3s; } .yzrlstslc::after { content: ""; border: solid #000000; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; transform: rotate(45deg); -webkit-transform: rotate(45deg); position: absolute; top: 11px; right: 13px; } .yzrlstslc li { margin-bottom: 5px; padding: 5px 8px; } .yzrlstslc.yzacik { height: 70px; } .yzrlstslc li:hover { background-color: #ececec; } .yzrlstslc li a { display: block; width: 100%; height: 100%; } .yzrlstslc #yzcblk { background-color: #ffffff; width: 158px; height: 37px; position: absolute; top: 0; left: 0; } .yzrbaslik { margin-bottom: 5px !important; } .yaziresim { object-fit: cover; object-position: 100% 50%; } .pb-15 { padding-bottom: 15px; } .hbYdHeada { color: #fe0000; position: absolute; right: 0; top: 10px; } .mt-25 { margin-top: 25px; } .yzrdevami { margin-top: 20px; float: left; color: #333333; } .img-resize { object-fit: cover; object-position: 100% 0; } .biolink { float: right; font-size: 17px; margin: 15px 0; } .yzrtime { color: #cecece; float: right; } .hbNavMenuScope.active .hbNavMenu .hbNavUl .hbMainLi .hbnmLink.indirimkupon .hbnmIcon { width: 22px; height: 22px; background: url(/mstatic/assets/img/nav-icon/indirim-kupon.svg) 0 0/100% 100% no-repeat; } .hbptContent ol { width: 100%; display: inline-block; margin-bottom: 10px; list-style: inherit; padding-left: 20px; } .hbptContent ol li { padding-bottom: 10px; list-style: decimal; } @media only screen and (max-width: 360px) { .qDateDayHeadline input { font-size: 12px; padding-right: 16px; } .hbDateHeadlineScope .hbdpScope .hbdpColumnCenter .hbdpText { max-width: 130px; } .hbBoxBiographyDetails .hbbbImageName .hbbbCityDate .hbbbcdMiddle { vertical-align: middle; display: table-cell; float: left; width: 100%; } .hbYdinf li { margin-top: 20px; word-break: break-word; } .qDatePicker input { font-size: 12px; width: 85px !important; } } .mt-30 { margin-top: 30px !important; } .mt-20 { margin-top: 20px !important; } .hbNavMenuScope.active .hbNavMenu .hbNavUl .hbMainLi .hbnmLink.espor .hbnmIcon { width: 22px; height: 22px; background: url(https://www.haberler.com/mstatic/assets/img/nav-icon/espor.svg) 0 0/100% 100% no-repeat; } .hbNavMenuScope .hbNavMenu .hbNavUl .hbMainLi .hbnmLink.prDKulLogin { background-color: #3fc277; } .hbNavMenuScope .hbNavMenu .hbNavUl .hbMainLi .hbnmLink.prDKulLogin .hbnmIcon { width: 38px; height: 38px; background: url(/mstatic/assets/img/nav-icon/login_icon.png) 0 0/100% 100% no-repeat; } .hbNavMenuScope.active .hbNavMenu .hbNavUl .hbMainLi .hbnmLink.prDKulLogout .hbnmIcon { width: 38px; height: 38px; background: url(/mstatic/assets/img/nav-icon/logout_icon.png) 0 0/100% 100% no-repeat; } .hbTextarea::placeholder { color: #4e4e4e; } textarea::-webkit-input-placeholder { color: #4e4e4e; } textarea::-moz-placeholder { color: #4e4e4e; } textarea:-ms-input-placeholder { color: #4e4e4e; } .hbNavMenuScope.active .hbNavMenu .hbNavUl .hbMainLi .hbnmLink.tumu .hbnmIcon { width: 22px; height: 22px; background: url(/mstatic/assets/img/nav-icon/tumu.svg) 0 0/100% 100% no-repeat; } #ilgili_videolar { display: table; background-color: rgb(0, 0, 0, 80%); left: 0; } #replayBtn { cursor: pointer; width: 100%; height: 29px; padding: 6px 6px 0; } #replayBtn img.replay-icon { background: 0 0; border: 0; float: left; margin: 0 6px; } #replayBtn img.haberler-icon { background: 0 0; border: 0; float: right; margin: 0 6px; } #ilgili_videolar .ilgili_video { display: inline-flex; width: 24.33%; height: 33%; text-align: center; position: relative; } #ilgili_videolar .ilgili_video span { color: #ffffff; font-size: 12px; font-family: Arial; text-decoration: none; font-weight: 100; line-height: 130%; padding: 5px 21px 0; display: inline-block; text-align: left; height: 70px; overflow: hidden; } #cconsent-bar .ccb__right, #cconsent-bar .ccb__right > div { color: #ffffff !important; width: 360px !important; display: flex !important; } #ilgili_videolar .ilgili_video .ilgili-img { background-repeat: no-repeat; background-position: center; margin-top: 10px; height: 82px; width: 168px; margin-left: auto; margin-right: auto; } #ilgili_videolar .ilgili_video img.play_ilgili { width: 45%; margin: 0; border: 0; } @media screen and (max-width: 600px) { #ilgili_videolar .ilgili_video { width: 50% !important; } #ilgili_videolar .ilgili_video .ilgili-img { width: 85%; height: 70px; } #ilgili_videolar .ilgili_video span { font-size: 11px; height: 50px; } } .h2style { font-weight: 400; line-height: inherit !important; } .bb-0 { border-bottom: 0 !important; } .sc-text { bottom: 10px; position: relative; font-size: 15px; } .hbBoxCountry .hbBoxContent .population .row img, .hbBoxCountry .hbBoxContent .prayer img, .sc-icons img { margin-right: 4px; } .bg-ims { padding: 15px; background: #ffffff; margin-bottom: 36px; } .h2-ims { font-size: 22px; font-weight: 800; color: #000000; margin-bottom: 15px; } .ytube-container { width: 100%; height: 584px; background-color: #000000; color: #ffffff; } .ytube-container .ytube-header { border-bottom: 1px solid; padding: 10px; display: flex; flex-direction: row; height: 51px; box-sizing: content-box; } .ytube-container .ytube-header .hbrl-logo { display: flex; flex-direction: row; width: 60%; } .ytube-container .ytube-header .hbrl-logo .hbrl-logo-column { display: flex; flex-direction: column; align-self: center; } .ytube-container .ytube-header .hbrl-logo .hbrl-logo-column .h4 { margin: 0; font-size: 17px; line-height: 100%; } .hbiiPKategoriRow .hbiiPKategoriListe .hbiiPKategoriListeS, .ytube-container .ytube-header .hbrl-logo .hbrl-logo-column span { font-size: 12px; } .ytube-container .ytube-header .ytube-logo { display: flex; flex-direction: column; align-items: center; width: 40%; } .ytube-container .ytube-header .ytube-logo .ytube-subscriber { background-color: #b30000; border: none; color: #ffffff; border-radius: 2px; width: 100px; height: 25px; font-weight: 500; line-height: 100%; margin-top: 5px; outline: 0; cursor: pointer; text-align: center; padding-top: 5px; display: inline-block; } .youtube-item { flex: 1; } .youtube-row { margin-bottom: 15px; display: flex; gap: 16px; } .youtube-header { gap: 12px; display: flex; background: #595959; height: 29px; margin-bottom: 10px; color: #ffffff; padding: 8px; font-weight: 700; font-size: 18px; } .youtube-widget-area { border-radius: 0; } .youtube-item img { width: 100%; height: 100%; } .ytube-container .ytube-content .ytube-video-row { display: block; color: #ffffff; text-decoration: none; margin-bottom: 10px; height: 81.6px; } .ytube-container .ytube-content .ytube-video-row .ytube-video-title { margin-left: 15px; width: calc(100% - 155px); height: 79px; float: right; } .ytube-container .ytube-content .ytube-video-row .ytube-video-title p { margin: 0; line-height: 120%; font-weight: 400; font-size: 15px; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; } .ytube-container .ytube-content { padding: 10px; } .ytube-container .ytube-more .h3 { border-top: 1px solid; width: 100%; height: 44px; padding: 10px; color: #ffffff; line-height: 100%; text-decoration: none; font-size: 15px; font-weight: 400; display: flex; align-items: center; justify-content: center; box-sizing: border-box; } .md a:before { content: "\2192"; font-size: 22px; margin-right: 10px; } .bg-gr { background-color: #f4f4f4; } @media only screen and (max-width: 320px) { .hbBoxBiographyDetails .hbbbImageName .hbbbCityDate .hbbbcdMiddle { vertical-align: middle; display: table-cell; float: left; width: 140px; } .hbYdinf li { margin-top: 20px; word-break: break-word; } .hbExchange .hbexCol .hbexIcon.down:after, .hbExchange .hbexCol .hbexIcon.up:after { margin-left: 0; } } .mrj-set { margin: 25px 15px 15px; } .prYorumCvp { margin-top: 16px; float: left; width: 100%; } .prYorumCvpKutu { width: calc(100% - 36px); float: right; } .prYorumSonuc { display: none; position: absolute; top: -5px; left: -5px; background-color: #ffffff; height: 90%; padding: 4px; box-sizing: content-box; } .prYorumSonuc.onay { border: 1px solid #53b26c; } .prYorumSonuc.red { border: 1px solid #ff2800; } .prYorumSonucic { width: 80%; height: 170px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; } .prYorumSnciimg { display: block; width: 41px; height: 41px; margin: auto auto 10px; border-radius: 50%; font-size: 30px; text-align: center; line-height: 120%; } .prYorumSncisub, .prYorumSnciuyr { display: block; margin-bottom: 10px; } .prYorumSonuc.onay .prYorumSnciimg { border: 3px solid #53b26c; color: #53b26c; } .prYorumSonuc.red .prYorumSnciimg { border: 3px solid #ff2800; color: #ff2800; } #prYorumMUyari.onay .prYorumMUyrimg:after, .prYorumSonuc.onay .prYorumSnciimg:after { content: "✔"; } #prYorumMUyari.red .prYorumMUyrimg:after, .prYorumSonuc.red .prYorumSnciimg:after { content: "✖"; } .prYorumSnciuyr { font-size: 22px; font-weight: 500; } .prYorumSonuc.onay .prYorumSnciuyr { color: #53b26c; } .prYorumSonuc.red .prYorumSnciuyr { color: #ff2800; } .prYorumSncisub { font-size: 16px; color: #000000; } .prYorumSncibtn { height: 33px; padding: 8px 23px 8px 35px; border: 1px solid #e5e5e5; background-color: #ffffff; border-radius: 30px; display: inline-block; margin: auto; font-size: 13px; font-weight: 700; cursor: pointer; position: relative; line-height: 130%; } .prYorumSncibtn:before { border: solid #222; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; vertical-align: middle; transform: rotate(135deg); position: absolute; top: 11px; left: 18px; content: ""; } #prYorumMUyari { width: 100%; position: fixed; bottom: 0; left: 0; z-index: 9999999; padding: 10px; color: #ffffff; display: flex; align-items: center; } #prYorumMUyari:after { content: ""; display: table; clear: both; } #prYorumMUyari.onay { background-color: #53b26c; } #prYorumMUyari.red { background-color: #ff2800; } .prYorumMUyrSg { float: left; width: Calc(100% - 60px); padding-left: 10px; } .prYorumMUyrimg { display: block; width: 40px; height: 40px; margin: auto; border-radius: 50%; font-size: 25px; text-align: center; line-height: 140%; border: 3px solid #ffffff; } #prYorumMUyari .prYorumMUyrBas { font-size: 19px; } .nmarea { font-size: 16px; line-height: 140%; } .jbtxt { font-size: 13px; color: #333333; width: 100%; float: left; margin: 0 0 2px; } .sltxt { font-size: 14px; color: #000000; float: left; font-weight: 400; } .lnarea { line-height: 100%; } .hbrpyls { bottom: 25px; position: relative; margin-right: 10px; } .m-3 { margin: 3px; } .prYorumText { font-size: 16px !important; } .prYorumTextpsf { background-image: url("data:image/svg+xml,%3Csvg width='10' height='12' viewBox='0 0 10 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.92857 5.17045H8.39286V3.50852C8.39286 1.57422 6.87054 0 5 0C3.12946 0 1.60714 1.57422 1.60714 3.50852V5.17045H1.07143C0.479911 5.17045 0 5.66673 0 6.27841V10.7102C0 11.3219 0.479911 11.8182 1.07143 11.8182H8.92857C9.52009 11.8182 10 11.3219 10 10.7102V6.27841C10 5.66673 9.52009 5.17045 8.92857 5.17045ZM6.60714 5.17045H3.39286V3.50852C3.39286 2.59215 4.11384 1.84659 5 1.84659C5.88616 1.84659 6.60714 2.59215 6.60714 3.50852V5.17045Z' fill='%23ABABAB'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position-x: 12px; background-position-y: 14px; padding-left: 30px !important; border-left: 1px solid #e0e0e0 !important; } .hbForm .hbTextarea::placeholder { color: #ababab; opacity: 1; } .KatSearch input:not(.KatSubmit) { width: 90%; display: inline-block; height: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; padding-left: 22px; border: 0; background: url(https://www.haberler.com/mstatic/assets/img/search-icon.svg) left 6px center/12px 12px no-repeat #fefefe; font-size: 12px; font-weight: 400; color: grey; outline: 0; padding-right: 10px; } .KatSearch .KatSubmit { background-color: red; width: 8%; height: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; font-size: 12px; font-weight: 600; border: 0; color: #fefefe; margin: 0 0 16px 10px; } .hbBoxCountry .hbBoxBanner { width: 100%; height: 176px; background: center/cover no-repeat; } .hbBoxCountry .hbBoxContainer { position: relative; width: 100%; height: 445px; background-color: #ffffff; } .hbBoxCountry .hbBoxContainer .hbBoxContent { position: absolute; bottom: 10px; background-color: #ffffff; width: calc(100% - 20px); left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); } .hbBoxCountry .hbBoxContent .sectionOn { border-bottom: 1px solid #e8e8e8; display: flex; align-items: flex-end; justify-content: space-between; width: calc(100% - 20px); margin: 0 auto; padding: 7px 0; } .hbBoxCountry .hbBoxContent .population h3 { color: #fb0d1b; font-size: 18px; font-weight: 700; margin: 0; } .hbBoxCountry .hbBoxContent .population .row { display: flex; align-items: center; font-size: 12px; font-weight: 600; } .hbBoxCountry .hbBoxContent .population .row span { font-size: 10px; font-weight: 500; margin-left: 3px; } .hbBoxCountry .hbBoxContent .weather { display: flex; flex-direction: column; align-items: flex-end; } .hbBoxCountry .hbBoxContent .sectionOn .weather .row { font-size: 20px; font-weight: 700; display: flex; justify-content: flex-end; align-items: baseline; } .hbBoxCountry .hbBoxContent .sectionOn .weather img { height: 18px; width: auto; margin-right: 5px; } .hbBoxCountry .hbBoxContent .sectionOn .weather h4 { margin: 0; font-size: 9px; font-weight: 600; } .hbBoxCountry .hbBoxContent .sectionTw { display: flex; justify-content: space-between; width: calc(100% - 20px); margin: 0 auto; padding: 8px 0; } .hbBoxCountry .hbBoxContent .prayerTbl td { font-size: 11px; font-weight: 600; text-align: center; border-right: 1px solid #e2e2e2; line-height: 130%; } .hbBoxCountry .hbBoxContent .prayerTbl { width: calc(100% - 78px); border-spacing: 0; } .hbBoxCountry .hbBoxContent .prayerTbl td:last-child { border-right: 0; } .hbBoxCountry .hbBoxContent .prayer { display: flex; align-items: center; line-height: 100%; font-size: 9px; font-weight: 600; padding: 4px; background-color: #f0f0f0; width: 64px; height: 28px; position: relative; } .hbBoxCountry .hbBoxContent .prayer::after { content: ""; position: absolute; border-style: solid; border-width: 14px 0 14px 14px; border-color: #ff00 #f000 #f0f0f0; right: -14px; height: auto; width: 0; z-index: 99999; } .hbBoxCountry .hbBoxContent .countryInfo { border: 1.5px solid #f0f0f0; font-size: 12px; width: 100%; border-spacing: 0; border-collapse: collapse; font-weight: 500; } .Cover2, .sbg { border-radius: 4px; } .hbBoxCountry .hbBoxContent .countryInfo tr { height: 27px; } .hbBoxCountry .hbBoxContent .countryInfo tr:nth-child(odd) { background-color: #f0f0f0; } .hbBoxCountry .hbBoxContent .countryInfo tr td { padding: 3px 8px; } .hbBoxCountry .hbBoxContent .countryInfo tr td:first-child { border-right: 1.5px solid #e3e3e3; width: 110px; } .detay-verisi a:hover, .hbBoxCountry .hbBoxContent .countryInfo tr td a { color: #000000; } .detay-verisi-c > *, .hbBoxCountry .hbBoxContent .countryInfo tr td img { margin-left: 5px; } p.klink > a { display: inline-block; font-size: 18px; text-decoration: none; color: #ff0101; padding-left: 15px; } p.klink > a:before { content: ""; width: 4px; height: 110%; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); background: #ff0101; } .hbPageDetails .figcaption { font-size: 12px; margin-top: 10px; width: 100%; display: inline-block; line-height: 130%; margin-bottom: 0; color: #8c8c8c; padding: 0; text-align: left; position: relative; top: -5px; } .datetimehbptHead_h2, .hbPageDetails .hbptHead p, .hbptHead .description { margin: 0 0 25px; } .hbptHead .description { margin: 0 0 20px; font-size: 20px; line-height: 130%; } .h2su, .h3su { font-weight: 800; color: #000000; line-height: 120%; } .hbFinanceDetails .scroll, .hbFinanceDetails.scroll { overflow-x: scroll; -webkit-overflow-scrolling: touch; } .h2su { font-size: 22px !important; margin-top: 0 !important; } .su-fll { text-align: left !important; } .hbFinanceDetails { padding: 15px 10px; } .swsl-title { position: absolute; bottom: 25px; left: 40px; background-color: #000000; color: #ffffff; padding: 10px; border-left: 4px solid #fe0000; font-size: 22px; max-width: 70%; line-height: 124%; font-weight: 600; font-family: Arial; } .hblnBox-sd .hblnImage-sd { width: 100%; position: relative; float: left; padding-left: 0; margin-bottom: 5px; } .hblnBox-sd { width: 100%; position: relative; float: left; margin-bottom: 24px; padding-bottom: 8px; } .hblnBox-sd .hblnContent { width: 100%; position: relative; float: left; padding-left: 0; font-size: 14px; color: #333333; font-weight: 400; line-height: 150%; } .hblnBox-sd .hblnContent .hblnTitle { width: 100%; position: relative; float: left; margin-bottom: 5px; font-size: 18px; font-weight: 700; color: #333333; line-height: 130%; } .hbiiPKategoriRow .hbiiPKategoriBaslik, .hbiiPKisiRow .hbiiPKisiBaslik { text-align: center; padding: 10px 0; font-size: 18px; font-weight: 600; } .hbiiPKisiRow .hbiiPKisiList li { width: 50%; float: left; padding-left: 10px; margin-bottom: 10px; min-height: 45px; } .hbiiPKisiRow .hbiiPKisiList li img { object-fit: cover; border-radius: 100%; flex: none; } .hbiiPKisiRow .hbiiPKisiList li a { display: flex; justify-content: flex-start; align-items: center; } .hbiiPKisiRow .hbiiPKisiAdi { padding-left: 5px; padding-right: 5px; font-size: 13px; } .hbiiPKategoriRow .hbiiPKategoriGrafik { float: left; width: 50%; padding-right: 20px; } .hbiiPKategoriRow .hbiiPKategoriListe li { margin-bottom: 5px; font-size: 14px; } .hbiiPKategoriRow .hbiiPKategoriListe .hbiiPKategoriListeO { color: #ffffff; width: 30px; display: inline-block; font-size: 12px; padding-left: 3px; margin-right: 5px; } .hbiiPKategoriRow .hbiiPKategoriListe .hbiiPKategoriListeA { display: inline-block; width: 65px; } .mt-50 { margin-top: 50px !important; } .ImgDetay { border-top: 0 !important; } .googleAdResize { width: 336px; height: 280px; display: block; margin: 0 auto; clear: both; overflow: hidden; } @media only screen and (max-width: 336px) { .googleAdResize { width: 300px; height: 250px; display: block; margin: 0 auto; clear: both; overflow: hidden; } } .haber_metni a.keyword, .ozelicerik a { color: #333333; } .tab-checkbox { width: 100%; height: 50px; position: relative; margin: 0 0 -50px; opacity: 0; } .hbPageDetails .hbptContent .accordion-p { display: none; position: relative; padding-left: 25px; margin-bottom: 15px; } img.hbptMainImage.ImgDetay { display: block; width: 100%; } .hbPageDetails .hbptContent .accordion-p::before { content: ""; width: 0; height: calc(100% + 10px); border-left: 0.125em dashed #eaecf0; position: absolute; left: 10px; top: 0; } .accordion-title::before { content: url(/mstatic/assets/img/down_arrow.svg); margin-right: 7.5px; margin-left: 0; } .tab-checkbox:checked + .accordion-title::before { content: url(/mstatic/assets/img/up_arrow.svg); position: relative; top: -3px; } .tab-checkbox:checked ~ .accordion-p ~ .tab-checkbox:not(:checked) ~ .accordion-p, .tab-checkbox:checked ~ .accordion-p ~ .tab-checkbox:not(:checked) ~ .accordion-p ~ .tab-checkbox:checked ~ .accordion-p ~ .tab-checkbox:not(:checked) ~ .accordion-p, .tab-checkbox:checked ~ .accordion-p ~ .tab-checkbox:not(:checked) ~ .accordion-p ~ .tab-checkbox:checked ~ .accordion-p ~ .tab-checkbox:not(:checked) ~ .accordion-p ~ .tab-checkbox:checked ~ .accordion-p ~ .tab-checkbox:not(:checked) ~ .accordion-p, .tab-checkbox:checked ~ .accordion-p ~ .tab-checkbox:not(:checked) ~ .accordion-p ~ .tab-checkbox:checked ~ .accordion-p ~ .tab-checkbox:not(:checked) ~ .accordion-p ~ .tab-checkbox:checked ~ .accordion-p ~ .tab-checkbox:not(:checked) ~ .accordion-p ~ .tab-checkbox:checked ~ .accordion-p ~ .tab-checkbox:not(:checked) ~ .accordion-p { display: none; } .fw600 { font-weight: 600 !important; margin-top: 0 !important; } .haber_metni p a { color: #00f; } .prHrBookmark { margin: 15px 0; display: inline-block; font-size: 13px; font-weight: 600; border-radius: 25px; padding: 2px 17px 0 35px; cursor: pointer; border: 1px solid #e5e5e5; color: #000000; background: url('data:image/svg+xml,%3Csvg width="12" height="15" viewBox="0 0 12 15" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1 2.66667C1 2.22464 1.17559 1.80072 1.48816 1.48816C1.80072 1.17559 2.22464 1 2.66667 1H9.33333C9.77536 1 10.1993 1.17559 10.5118 1.48816C10.8244 1.80072 11 2.22464 11 2.66667V13.9167C11 13.992 10.9795 14.066 10.9407 14.1306C10.902 14.1953 10.8464 14.2482 10.78 14.2838C10.7136 14.3194 10.6387 14.3362 10.5634 14.3326C10.4881 14.329 10.4152 14.3051 10.3525 14.2633L6 11.9175L1.6475 14.2633C1.58475 14.3051 1.51186 14.329 1.43658 14.3326C1.36129 14.3362 1.28644 14.3194 1.22 14.2838C1.15355 14.2482 1.098 14.1953 1.05926 14.1306C1.02052 14.066 1.00004 13.992 1 13.9167V2.66667ZM2.66667 1.83333C2.44565 1.83333 2.23369 1.92113 2.07741 2.07741C1.92113 2.23369 1.83333 2.44565 1.83333 2.66667V13.1383L5.76917 11.07C5.83755 11.0245 5.91786 11.0002 6 11.0002C6.08214 11.0002 6.16245 11.0245 6.23083 11.07L10.1667 13.1383V2.66667C10.1667 2.44565 10.0789 2.23369 9.92259 2.07741C9.76631 1.92113 9.55435 1.83333 9.33333 1.83333H2.66667Z" fill="black" stroke="black" stroke-width="0.5"/%3E%3Cpath d="M5.99935 4.33301C6.10986 4.33301 6.21584 4.37691 6.29398 4.45505C6.37212 4.53319 6.41602 4.63917 6.41602 4.74967V5.99967H7.66602C7.77652 5.99967 7.8825 6.04357 7.96064 6.12171C8.03878 6.19985 8.08268 6.30583 8.08268 6.41634C8.08268 6.52685 8.03878 6.63283 7.96064 6.71097C7.8825 6.78911 7.77652 6.83301 7.66602 6.83301H6.41602V8.08301C6.41602 8.19351 6.37212 8.2995 6.29398 8.37764C6.21584 8.45578 6.10986 8.49967 5.99935 8.49967C5.88884 8.49967 5.78286 8.45578 5.70472 8.37764C5.62658 8.2995 5.58268 8.19351 5.58268 8.08301V6.83301H4.33268C4.22218 6.83301 4.11619 6.78911 4.03805 6.71097C3.95991 6.63283 3.91602 6.52685 3.91602 6.41634C3.91602 6.30583 3.95991 6.19985 4.03805 6.12171C4.11619 6.04357 4.22218 5.99967 4.33268 5.99967H5.58268V4.74967C5.58268 4.63917 5.62658 4.53319 5.70472 4.45505C5.78286 4.37691 5.88884 4.33301 5.99935 4.33301Z" fill="black" stroke="black" stroke-width="0.5"/%3E%3C/svg%3E%0A') 15px 50% no-repeat; } .prHrBookmark.bmcikar { border: 1px solid #c5e4ce; color: #389753; background: url('data:image/svg+xml,%3Csvg width="12" height="16" viewBox="0 0 12 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M1.33869e-07 15.5V2C1.33869e-07 1.46957 0.210714 0.960859 0.585786 0.585786C0.960859 0.210714 1.46957 0 2 0L10 0C10.5304 0 11.0391 0.210714 11.4142 0.585786C11.7893 0.960859 12 1.46957 12 2V15.5C12.0001 15.5868 11.9775 15.6722 11.9346 15.7476C11.8916 15.8231 11.8298 15.8861 11.7551 15.9304C11.6804 15.9747 11.5955 15.9988 11.5087 16.0003C11.4219 16.0018 11.3362 15.9807 11.26 15.939L6 13.069L0.74 15.939C0.66383 15.9807 0.578119 16.0018 0.491305 16.0003C0.404491 15.9988 0.319567 15.9747 0.244892 15.9304C0.170217 15.8861 0.108365 15.8231 0.0654246 15.7476C0.0224845 15.6722 -6.33938e-05 15.5868 1.33869e-07 15.5ZM8.854 5.854C8.94789 5.76011 9.00063 5.63278 9.00063 5.5C9.00063 5.36722 8.94789 5.23989 8.854 5.146C8.76011 5.05211 8.63278 4.99937 8.5 4.99937C8.36722 4.99937 8.23989 5.05211 8.146 5.146L5.5 7.793L4.354 6.646C4.30751 6.59951 4.25232 6.56264 4.19158 6.53748C4.13084 6.51232 4.06574 6.49937 4 6.49937C3.93426 6.49937 3.86916 6.51232 3.80842 6.53748C3.74768 6.56264 3.69249 6.59951 3.646 6.646C3.59951 6.69249 3.56264 6.74768 3.53748 6.80842C3.51232 6.86916 3.49937 6.93426 3.49937 7C3.49937 7.06574 3.51232 7.13084 3.53748 7.19158C3.56264 7.25232 3.59951 7.30751 3.646 7.354L5.146 8.854C5.19245 8.90056 5.24762 8.93751 5.30837 8.96271C5.36911 8.98792 5.43423 9.00089 5.5 9.00089C5.56577 9.00089 5.63089 8.98792 5.69163 8.96271C5.75238 8.93751 5.80755 8.90056 5.854 8.854L8.854 5.854Z" fill="%23389753"/%3E%3C/svg%3E%0A') 15px 50% no-repeat; } .hbExchange .hbexCol a { display: flex; flex-direction: column; margin: 0 auto; } .new-hbr-row { display: flex; flex-wrap: wrap; margin: 0 -7px 20px; } .new-hbr-row .new-hbr-box { background-color: #ffffff; box-shadow: 0 4px 15px rgb(0, 0, 0, 9%); display: flex; width: calc(50% - 14px); margin: 0 7px; } .new-hbr-row .new-hbr-box.color-thirdpage { border-color: #242424; } .new-hbr-row .new-hbr-box.color-general { border-color: #fe0000; } .new-hbr-row .new-hbr-box.color-finance { border-color: #0b5bb3; } .new-hbr-row .new-hbr-box.color-actual { border-color: #850030; } .new-hbr-row .new-hbr-box.color-magazine { border-color: #ad3d85; } .new-hbr-row .new-hbr-box.color-sport { border-color: #2da187; } .new-hbr-row .new-hbr-box img { width: 178px; height: 100px; object-fit: cover; } .new-hbr-row .new-hbr-box p { font-size: 14px; font-weight: 600; line-height: 121%; height: 84px; margin: 8px 10px; overflow: hidden; -webkit-line-clamp: 5; -webkit-box-orient: vertical; display: -webkit-box; } .imgtxtarea { border-top: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4; padding: 0 15px 15px !important; } .yazarpdet .hbVideoImgScope { height: auto; padding-bottom: unset; display: flex; align-content: center; justify-content: center; } .hbFooter .hbftLinkScope.desktop .hbftlContent .hbftCol { width: calc(100% / 6); margin: 20px 0; } @media only screen and (min-width: 768px) { a.g-asist, #categoryHeader { display: none; } .hbHeader.otherHeader { width: 100%; position: relative; height: 165px; background-color: #4f4f4f; z-index: 999; padding-top: 30px; } .kripto-main-title { font-size: 1.75rem; color: #ffffff; font-style: normal; font-weight: 700; line-height: 24px; } .hbHeader.otherHeader.active { top: -54px; } .hbHeader.otherHeader .hbHeaderInTop { position: fixed; top: 0; width: 100%; left: 0; height: 30px; background-color: #f4f4f4; z-index: 2; float: left; } .hbHeader.otherHeader .hbHeaderInTop .hbhdLogo { position: absolute; left: 0; top: 0; z-index: 1; width: auto; padding: 0; } .hbHeader.otherHeader .hbHeaderInTop .hbhNavMenuScope { font-size: 12px; font-weight: 500; color: #575757; float: left; position: relative; padding-left: 174px; padding-right: 195px; height: 30px; display: table; } .hbHeader.otherHeader .hbHeaderInTop .hbhNavMenuScope .hbhNavMiddle { display: block; overflow: hidden; height: 16px; margin: 7px 0; } .hbHeader.otherHeader .hbHeaderInTop .hbhNavMenuScope a { position: relative; display: inline-block; margin-right: 10px; } .hbHeader.otherHeader .hbHeaderInTop .hbhdSearch { position: absolute; right: 0; width: 200px; top: 0; height: 30px; display: table; padding-right: 15px; } .hbHeader.otherHeader .hbHeaderInTop .hbhdSearch .hbhdSearchMiddle { vertical-align: middle; display: table-cell; position: relative; padding-top: 3px; } .hbHeader.otherHeader .hbHeaderInTop .hbhdSearch input { background: #ffffff !important; border: 1px solid #dedede !important; } .hbHeader.otherHeader .hbHeaderInTop .hbhdSearch .hbhdSearchMiddle .bgReda { width: 24px; height: 24px; border-radius: 12px; position: absolute; top: 3px; right: -1px; z-index: 9; background: url(/mstatic/assets/img/searchbar-icon.png) center center/12px 12px no-repeat #fe0000; } .hbHeader.otherHeader .hbHeaderInBottom { width: 100%; position: fixed; float: left; background-color: #4f4f4f; } .hbHeader.otherHeader .hbHeaderInBottom .hbhdCatLogo { width: 100%; position: relative; float: left; height: 54px; display: table; } .hbHeader.otherHeader .hbHeaderInBottom span { vertical-align: middle; display: table-cell; line-height: 0; } .hbHeader.otherHeader .hbHeaderInBottom .hbhdNavSubMenu { width: 100%; position: relative; float: left; height: 40px; overflow: hidden; background-color: #ffd600; display: flex; justify-content: flex-start; } .hbHeader.otherHeader .hbHeaderInBottom .hbhdNavSubMenu a { float: left; position: relative; padding: 7px 5px 5px; height: 40px; margin-left: 24px; font-size: 16px; font-weight: 600; color: #333333; transition: 0.34s; display: flex; align-items: center; } .hbFooter .hbftLinkScope .hbftlContent { padding: 10px 0; } .hbFooter .hbftLinkScope .hbftlContent.col2 { width: 50%; float: left; } .hbFooter .hbftLinkScope .hbftlContent.col2 ~ .hbftlHead { width: 50%; float: right; margin: 10px 0; padding: 10px; } } @media only screen and (max-width: 767px) { .newCardCoverSliderUp, .newCardCoverSliderUp .topCardCover .topCardImage { display: none; } .newCardCoverSliderUp { margin-top: 10px; } .tab-checkbox:checked ~ .accordion-p { display: block; margin: 15px 0 0; } .tab-checkbox:last-of-type:checked ~ .accordion-p, .tab-checkbox:last-of-type:checked ~ .accordion-title, .tab-checkbox:last-of-type:not(:checked) ~ .accordion-title { margin: 0 0 15px; } .tab-checkbox:last-of-type:not(:checked) ~ .orderFlex { margin: 0; } .hbptContent.schaberMetin div:not(.lst) ~ p.organs, .tab-checkbox:last-of-type:checked ~ .hbPageDetails .hbptItem.imgtxtarea { padding-top: 0 !important; } .tab-checkbox:last-of-type:not(:checked) ~ .hbptItem.imgtxtarea { margin-top: 15px !important; } .hbContainer { top: 0; height: auto; } .hbPageDetails .figcaption { top: 5px !important; } .hbRow.hbBreadCrumb { margin-bottom: 15px; margin-top: 0; } .kaynakbilgisi .hbRow.hbBreadCrumb { margin: 0; overflow: hidden; } .miniCardCover .imgTitleCover { margin-left: -2px; } /*.hbFooterNewsText .hbftntContent { overflow-y: auto; max-height: 322px; }*/ .play-pause-btn { display: none; } .hbWriterNews.hbWriters .hbContainer .hbMain.mb-10, .hbWriterNews.hbWriters .hbContainer .hbMain.mb-20 { margin-bottom: 0 !important; } .hbWriterNews.hbWriters .hbContainer .col100.hbbcScope { margin-bottom: 0 !important; margin-top: 15px; } .gpt-adx, .organs { margin: 0 0 15px !important; } .lst { margin-bottom: 24px; } .jbtxt { font-size: 13px; color: #333333; width: 100%; float: left; margin: 0 0 2px; } .hbPageDetails .hbptHead { width: 100%; display: inline-block; } .hbPageDetails .hbptContent { width: 100%; display: inline-block; padding-top: 0; font-weight: 400; color: #333333; word-break: break-word; } .pageDetailProp .hbPageDetails .hbptHead { padding: 15px 15px 0; } .box.boxV.boxStyle.sondakika_blok:after { display: block; content: ""; height: 50px; width: 100%; background: #ffffff; background: linear-gradient(0deg, #ffffff 20%, #ffffff 100%); bottom: 50px; position: relative; } .new-hbr-row { margin: 15px 0 0; padding: 0; } .new-hbr-row .new-hbr-box { width: 100%; border: none; margin: 0 0 14px; padding: 10px; } .new-hbr-row .new-hbr-box p { margin: 0 10px; } hbRow .hbGeneralTitles { margin-top: 10px; margin-left: 15px; } .hbRow .hbnGeneralSubText { margin-left: 15px; } .hbPageDetails .hbptContent .accordion-p::before { content: ""; width: 0; height: calc(100% - 10px); border-left: 0.125em dashed #eaecf0; position: absolute; left: 10px; top: 5px; } #yorum_blok { width: 100% !important; margin-bottom: 30px; } .hbContainer.wordPage .hbBreadCrumb .hbbcScope { width: 100%; display: inline-block; /*margin-bottom: 10px !important;*/ } .hbptContent.schaberMetin ~ .hbptContent, .organs { padding: 0 !important; } .hbHeader .hbhdSearch { position: absolute; right: 21px; top: 13px; z-index: 2; cursor: pointer; } .hbhdSearch img { width: auto; height: 21px; } .organs { line-height: 100% !important; } .hbFooter .hbftLinkScope.desktop .hbftlContent .hbftCol { width: 50%; } #contentElement_16237122.contentElement_16237122, #video_div_16237421 .contentElement_16237421 { min-height: auto !important; } .hbInRow.boxStyle.boxRadius.hbPageDetails .hbWriterNews.hbVideoImgScope { margin-bottom: 15px; line-height: 0; } .hbPageDetails .hbptContent { margin: 0 !important; } .hbptContent input.tab-checkbox { display: block; } .hbptContent h3.accordion-title { display: inline-flex; padding: 15px 0; margin: 0 auto; border-bottom: 2px solid #eaecf0; } .yorumSayı { padding: 0 16px !important; } .hbComments .hbcLikeScope { padding-right: 16px; } } #prhUyariList { position: fixed; bottom: 15px; right: 20px; background-color: #ffffff; display: inline-block; font-size: 12px; z-index: 999999999999999; -webkit-box-shadow: 0 4px 4px 0 rgb(0, 0, 0, 0.25); box-shadow: 0 4px 4px 0 rgb(0, 0, 0, 0.25); } .prhUyari { padding: 12px 40px; position: relative; opacity: 0; visibility: hidden; -ms-transform: translate(0, 50px); transform: translate(0, 50px); -webkit-transform: translate(0, 50px); -moz-transform: translate(0, 50px); transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; will-change: transform, visibility, opacity; } .prhUyari.aktif { -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); visibility: visible; opacity: 1; } .prhUyari span { padding: 12px; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .prhUyari.pruOnay { background: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='48' viewBox='0 0 48 48' width='48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath fill='%23389753' d='M18 32.34l-8.34-8.34-2.83 2.83 11.17 11.17 24-24-2.83-2.83z'/%3E%3C/svg%3E") 13px center/20px no-repeat #ffffff; } .prhUyari.pruOnay a { color: #389753; text-decoration: underline; } .prhUyari.pruRed { background: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='48' viewBox='0 0 48 48' width='48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23F50000' d='M38 12.83l-2.83-2.83-11.17 11.17-11.17-11.17-2.83 2.83 11.17 11.17-11.17 11.17 2.83 2.83 11.17-11.17 11.17 11.17 2.83-2.83-11.17-11.17z'/%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3C/svg%3E") 13px center/20px no-repeat #ffffff; } .prhUyari.pruRed a { color: #f50000; text-decoration: underline; } .wd20 { width: 22% !important; } @media only screen and (max-width: 380px) { .hbComments .hbcLikeScope .hbcAnswer:first-child { margin-left: 0; } } .hbtbrkbn { margin-bottom: 10px; margin-top: 10px; } .hbtbrkbn .hbContainer { padding: 0; text-align: center; } .hbAddComment { background-color: #fe0100; color: #ffffff; padding: 8px 17px; font-size: 16px; display: inline-block; letter-spacing: 0.03em; } .hbMsg, .hbMsg.hbmsgOK { color: #2da187; } .mlmb { margin-left: 15px; margin-bottom: 20px; } .pdset { padding: 20px 20px 0 !important; } .hbForm .hbCommentBackCountTextArea { width: 100%; position: relative; float: left; margin-top: 0; } .hbForm .hbCommentBackCountTextArea .hbCommentBackCount { position: absolute; right: 10px; bottom: 20px; font-size: 13px; color: grey; } .hbForm { text-align: unset; } .prYorumSonuc { float: left; width: 100%; } .prYorumBaslik { margin-bottom: 25px; } .prYorumUyari { float: left; font-size: 14px; line-height: 140%; padding: 24px 24px 0; } .prYorumCevapUyari { font-size: 12px; display: block; margin-bottom: 35px; } .hbComments .hbcInRow { padding-top: 10px; } .hbMsg { width: 100%; position: relative; float: left; margin: 0 0 15px; text-align: right; display: block; font-size: 14px; line-height: 130%; } .dtcss { background: url(/mstatic/assets/img/arrow-down.png) right/15px no-repeat; width: 15px; height: 15px; position: absolute; right: 0; cursor: pointer; } .dtcss.dateCont { transform: rotate(180deg); background-repeat: no-repeat; cursor: pointer; } .txtpst { text-align: right !important; } .b-0 { border: 0 !important; } .m_grid { display: grid; } .m_grid .SliderRow { grid-row: 1; } .m_grid .h1h2 { grid-row: 2; margin: 0 0 20px; } .hbnwboxigB { line-height: 16px; margin-bottom: 0 !important; } .hbBoxScope.nStyle.hbnwboxig { display: flex; margin-bottom: 24px; } .hbBoxScope.nStyle.hbnwboxig:last-child { border-bottom: 0 !important; margin-bottom: 30px; } .hbBoxScope.nStyle.hbnwboxig a { display: block; margin: 0; } #anasayfa_haber_yukle .hbRow.hbMainSlider { margin: 20px 0; } #cconsent-bar { padding: 16px !important; background-color: #000000 !important; } #cconsent-bar button.ccb__edit { color: #ffffff !important; border: 1px solid #ffffff !important; background-color: transparent !important; margin: 0; align-items: center; } #cconsent-bar .ccb__wrapper { display: flex !important; justify-content: space-between !important; max-width: 1800px; margin: 0 auto !important; letter-spacing: 0.02em; gap: 16px; } #cconsent-bar .ccb__right > div { justify-content: space-between; gap: 16px !important; } #cconsent-bar .ccb__right { align-self: center; white-space: nowrap !important; } #cconsent-bar .ccb__right .ccb__button { display: flex !important; color: #ffffff !important; justify-content: space-between !important; width: 100% !important; flex-direction: unset; } #cconsent-bar button { width: 100% !important; font-weight: 700; } #cconsent-bar button.consent-give { justify-content: center; display: flex; background-color: #ffd234 !important; color: #000000 !important; margin: 0; } #cconsent-bar button.ccb__edit { justify-content: center; display: flex; } .hbRow.hbExchange.boxStyle.hb-fin.mb-15.mbexchboi { margin-bottom: 24px !important; } .hbRow.hbFooterNewsText { display: block; max-width: 1056px; width: 100%; height: 100%; margin: 0 auto 24px; } .kaynakbilgisi { padding: 0; display: flex; margin-bottom: 6px; } .detay-verisi-coverB { display: flex; gap: 12px; height: 32px; } @media only screen and (max-width: 693px) { .detay-verisi-coverB { display: flex; gap: 0; justify-content: space-between; } } /*.hbRow .hbGeneralTitles { margin-top: 10px; }*/ @media only screen and (min-width: 1000px) { .hbContainer .yerel .hbRow { display: flex; width: 100%; justify-content: flex-start; flex-direction: column; } .hbBreadCrumb { display: flex; width: 100%; justify-content: center; } .kaynakbilgisi .hbBreadCrumb .hbbcScope { width: 1056px; display: flex; justify-content: left; } } @media only screen and (min-width: 1050px) { .kaynakbilgisi .hbBreadCrumb .hbbcScope { max-width: 1018px; display: flex; justify-content: left; } } @media only screen and (max-width: 1049px) { .kaynakbilgisi .hbBreadCrumb .hbbcScope { margin: 0 16px !important; } /*.kaynakbilgisi .hbRow.hbBreadCrumb { margin-top: 10px !important; }*/ } .kaynakbilgisi .hbBreadCrumb .hbbcScope { margin: 0; overflow: hidden; display: block; } .cardsCover .sıcakGelişmeCover .rklmHaberText, .miniCardCover .imgTitleCover .decriptionCover p { font-style: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; } .kaynakbilgisi .hbBreadCrumb .hbbcScope .hbbcLeft .hbbcArrow { line-height: normal; font-size: 0; } .kaynakbilgisi .hbBreadCrumb .hbbcScope .hbbcLeft .hbbcArrow:before { content: ""; border: solid #000000; border-width: 0 1px 1px 0; display: inline-block; padding: 2px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .stapage, .stapage > * { font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; color: #333333; font-size: var(--fs03); } .stapage h3 { margin-bottom: 8px; line-height: 140%; font-weight: 700; font-size: var(--fsh3); } .stapage .statext { margin-bottom: 16px; } .stapage .statext p { font-size: 0.875rem; line-height: 135%; font-weight: 400; } @media (min-width: 640px) { .stapage .statext p { font-size: calc(0.8125rem + 0.2778vw); } } @media (min-width: 1024px) { .stapage .statext p { font-size: 1rem; } } .stapage .statext.haberadedi p { height: 26px; } .stapage .starogressActive { width: 100%; position: relative; float: left; border-top-right-radius: 12px; border-bottom-right-radius: 12px; height: 100%; background-color: #fe0000; } .stapage .stasosmedia a { flex-basis: 180px; min-width: 180px; width: 100%; } .i-staoduller { content: url(/mstatic/assets/img/hakkimizda-odul.png); object-fit: contain; width: 24px; height: 24px; margin-right: 8px; } .border { border-bottom: 1px solid #ececec; } .ika-ilanlari { display: flex; flex-direction: column; } .ika-ilan, .ika-ilanadresi { display: grid; margin-bottom: 48px; } .ika-ilanlari .ika-logolar { display: flex; flex-direction: row; justify-content: space-evenly; margin-bottom: 36px; flex-wrap: wrap; } .ika-ilanlari .ika-logolar img { width: 100%; height: auto; max-width: 244px; max-height: 36px; } .ika-ilanlari h1 { font-size: 36px; font-weight: 700; margin-bottom: 60px; display: flex; align-items: center; justify-content: space-between; } .ika-ilanlari h1 span { font-size: 24px; font-weight: 400; } .ika-ilanadresi { font-size: 18px; gap: 8px; } .ika-ilan { gap: 16px; } .ika-ilan ol { padding-left: 40px; } .ika-ilan ol li { list-style: disc; font-size: 16px; } .ika-ilan h3 { font-size: 24px; font-weight: 700; color: #ff7517; } .ika-ilan h3:after { content: ""; background: #5c5c5c; background: linear-gradient( 90deg, rgb(92 92 92 / 0.01) 0, #5d5d5d 50%, rgb(105 105 105 / 0.01) 100% ); height: 3px; width: 100%; display: block; margin-top: 16px; } .ika-ilan-gorev-nitelik { font-size: 18px; font-weight: 700; } .ika-basvuru:before { content: ""; background: #5c5c5c; background: linear-gradient(90deg, #5c5c5c 0, #5d5d5d 50%, #696969 100%); height: 2px; width: 100%; display: block; margin-bottom: 16px; } .ika-basvuru { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; font-size: 18px; font-weight: 700; margin-bottom: 48px; } .ika-basvuru a, .ika-basvuru span { font-size: 18px; font-weight: 400; } .detay-verisi, .detay-verisi a, .detay-verisi-d { color: #6d6d6d; font-size: 12px; } .hbPageDetails .hbptHead h2.description { font-size: 20px; line-height: 150%; margin: 0 0 25px; float: left; } .hbPageDetails .hbptHead h2, .hbptHead h2.description { line-height: 150%; } .hbPageDetails .hbptHead h2 { color: #000000; padding: 0; word-break: break-word; font-weight: 600; font-size: 20px; line-height: 150%; margin: 24px 0 0 !important; } .haberDetayVideo .hbPageDetails .hbptHead p.description { font-size: 18px; font-weight: 400; margin-top: 0; width: auto; display: block; line-height: 145%; } .i-time { content: url(/mstatic/assets/img/i-time.svg); } .i-googleNews { content: url(/mstatic/assets/img/google-button.svg); } .detay-verisi { display: inline-flex; flex-direction: row; justify-content: space-between; font-style: normal; font-weight: 400; width: 100%; white-space: nowrap; gap: 16px; margin-bottom: 30px; } .detay-verisi a { font-style: normal; font-weight: 400; } .detay-verisi-b .i-googleNews { display: block; width: 203px; height: 34px; } .detay-verisi-a, .detay-verisi-b { margin-top: 10px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 24px; padding: 0; } .detay-verisi-b .googleNews { display: flex; flex-direction: row; align-items: center; margin-left: auto; width: auto; } .detay-verisi-c a { margin-left: 10px; text-decoration: none; border-radius: 32px; width: 32px; height: 32px; display: inline-block; } .detay-verisi-d, a.hbtdevami { font-weight: 400; width: 100%; margin-bottom: 25px; white-space: nowrap; font-style: normal; } .detay-verisi-time { display: flex; flex-direction: row; align-items: center; gap: 4px; } .detay-verisi-c { display: flex; align-items: center; justify-content: end; } .detay-verisi-d { display: inline-flex; flex-direction: row; justify-content: end; } .i-twitter { content: url(/mstatic/assets/img/i-twitter.svg); } .i-facebook { content: url(/mstatic/assets/img/i-facebook.svg); } .i-whatsapp { content: url(/mstatic/assets/img/i-whatsapp.svg); } .soc-links { display: flex; flex-direction: row; align-items: center; gap: 8px; } @media only screen and (max-width: 676px) { .detay-verisi { display: flex; flex-direction: column; gap: 16px; margin-bottom: 30px; } .detay-verisi-b { justify-content: flex-end; } } a.hbtdevami { display: flex; flex-direction: row; color: #0b5bb3; line-height: 135%; font-size: 18px; line-height: normal; } .colPageRightBroad.webmaster_link a:hover, a.hbtdevami:hover { color: #001089; } .colPageRightBroad.webmaster_link a { color: #0b5bb3; text-decoration: underline; } /*.prYorumKul { margin-top: 24px; display: flex; align-items: center; }*/ .bikAnaTitle { display: flex; flex-direction: column-reverse; justify-content: space-between; min-height: 96px; align-items: start; } .ad-badge { position: absolute; top: 0; right: 0; color: #fff; height: 20px; width: 78px; background: #b30000; display: flex !important; align-items: center; justify-content: center; font-size: 11px; z-index: 9; font-weight: 600; } @media only screen and (max-width: 767px) { .ad-badge { top: 75%; right: auto; } .hbWriterNews .hbPageDetails .hbptContent { padding: 0; } .hbBoxBiographyDetails .hbbbImageName .hbbbCityDate .hbbbcdMiddle { margin-left: 20px; } section#sagsondakika_blok.hbFooterNewsText .hbftntTitle { padding-top: 16px; } section#sagsondakika_blok.hbFooterNewsText .hbftntContent { padding: 0 16px; } header.hbptHead figure { margin-bottom: 16px; } .boxStyle { border-radius: 0; } .hbFooterNewsText .hbftntTitle { padding: 5px 10px; } /*.onecikan{ margin: 30px 0 0; }*/ .hbPageDetails.yazarpdet, .hbftntContent { padding: 16px 16px 0; } .crypto-note { padding: 16px; } #cconsent-bar { width: 100% !important; } } .bik-ilan-alan .ad-badge { top: 0; } .TitleCoverSlider { height: auto; position: absolute; bottom: 0; left: 0; color: var(--White-100, #ffffff); font-size: 21px; font-style: normal; font-weight: 700; line-height: 110%; background: linear-gradient( 180deg, #ffffff 0, #00000000 58.24%, #000000 100% ); width: 100%; } .new3box, .new3image-container a, .new3overlay-text { color: #ffffff; } .TitleCoverSlider p { position: relative; left: 10px; bottom: 2%; line-height: 120%; width: calc(100% - 20px); padding-top: 15px; } .TitleCoverSlider .redTitle { display: flex; width: 100%; margin-bottom: -6px; } .TitleCoverSlider .redTitle h4 { color: #ffffff; font-size: 16px; margin-left: 10px; padding: 4px 10px; background-color: #b30000; width: auto; } .cardsCover, .cardsCover .sıcakGelişmeCover { display: flex; flex-direction: column; max-width: 552px; width: 100%; } .noneMLeft { margin-left: 0 !important; } .cardsCover { gap: 24px; margin: 0; } .cardsCover .sıcakGelişmeCover { background-image: url(/mstatic/assets/img/gundem.png); min-height: 200px; border-radius: 5px; padding: 20px; background-size: cover; } .cardsCover .sıcakGelişmeCover .rklmHaberTitle { color: #ffffff; font-size: 34px; font-style: normal; font-weight: 700; line-height: 145%; } .cardsCover .sıcakGelişmeCover .rklmHaberText { color: #ffffff; font-size: 24px; font-weight: 700; line-height: 140%; } .miniCardCover { max-width: 552px; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 24px; border-radius: 5px; } .Cover2 { border: 1px solid #007bff; background: #e1f0ff; } .Cover3 { border-radius: 4px; border: 1px solid #ffd600; background: #ffffff; } .miniCardCover a { text-decoration: none; width: 96%; } .miniCardCover .imgTitleCover { padding: 6px 0; display: flex; flex-direction: row; justify-content: space-between; gap: 24px; width: 100%; } .miniCardCover .imgTitleCover .imgCover { max-width: 160px; width: 100%; display: flex; } .miniCardCover .imgTitleCover .imgCover img { width: 100%; border-radius: 5px; } .miniCardCover .imgTitleCover .imgCoverInpage img { width: 160px; height: 90px; border-radius: 5px; } .miniCardCover .imgTitleCover .decriptionCover { max-width: 200px; width: 66%; display: flex; flex-direction: column; justify-content: flex-start; margin-top: -5px; } .miniCardCover .imgTitleCover .decriptionCover p { color: #000000; font-family: sans-serif; font-size: 18px; font-weight: 700; line-height: 145%; white-space: pre-wrap; margin-bottom: 0; align-self: flex-start; margin-top: 5px; } .hbBoxScope.vStyle.hbIndex.metinRklCover { display: flex; padding: 0 !important; justify-content: center; background: #ffffff; gap: 12px; margin: 23px 0 0; } @media only screen and (max-width: 520px) { .miniCardCover .imgTitleCover .decriptionCover p { font-size: 16px; } .miniCardCover .imgTitleCover { gap: 12px; min-width: auto; } .imgCover img { max-width: 132px; } .cardsCover .sıcakGelişmeCover .rklmHaberText { font-size: 22px; width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; } .cardsCover .sıcakGelişmeCover .rklmHaberTitle { font-size: 30px; } .cardsCover { margin: 0; } .hbBoxScope.vStyle.hbIndex.metinRklCover { margin: 11px 0 24px; } .miniCardCover .imgTitleCover .imgCover { max-width: 100px; width: 100%; display: flex; } .miniCardCover .imgTitleCover .imgCover img { border-radius: 5px; max-height: 80px; object-fit: cover; } .miniCardCover .imgTitleCover .decriptionCover { width: 73%; } } .slideTitleCover .redTitle { display: flex; height: 36px; background: linear-gradient(180deg, #9c0101 0%, #560101 100%); color: #ffffff; align-items: center; padding: 0 20px; font-size: 21px; font-weight: 700; border-bottom: 3px solid #fb0d1b; } .slideMansetCover { position: absolute; width: 100%; bottom: 0; display: flex; flex-direction: column; } .slideMansetCover .mansetTitle { display: flex; color: #ffffff; font-size: 30px; font-weight: 700; height: auto; line-height: 108%; padding: 16px; background: linear-gradient(#00000080, rgba(0, 0, 0, 0.5)); } @media only screen and (max-width: 615px) { .slideMansetCover .mansetTitle { margin-bottom: 24px; font-size: 25px; } .slideTitleCover .redTitle { font-size: 16px; } } @media only screen and (max-width: 500px) { .youPiyAndRekCover { display: flex; flex-direction: column-reverse; } .imgTitleCoverSlider .shi.mobileImage { height: auto; width: 100%; object-fit: cover; } /*.slider .bullets { bottom: -30px; margin-bottom: 30px; } */ .TitleCoverSlider { bottom: -30px; } .slideMansetCover { bottom: -11%; justify-content: left; } .slideMansetCover .mansetTitle { font-size: 19px; } .slideTitleCover { top: 67%; } } .new3box-container { width: 100%; height: 100%; background-color: #f4f4f4; display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin: 0 auto; padding: 0 10px; } @media (max-width: 768px) { .new3box-container { grid-template-columns: 1fr; margin: 24px auto 0; gap: 0; padding: 0; } .KatSearch .KatSubmit { width: 12%; } .KatSearch input:not(.KatSubmit) { width: 85%; } } .new3box { width: 100%; background-color: #ffffff; font-family: sans-serif; font-weight: 700; margin-bottom: 24px; } .new3box-header { display: flex; align-items: center; height: 40px; background-color: #b30000; border-left: 4px solid #fb0d1b; padding: 7px 16px; gap: 10px; font-size: 20px; line-height: 26px; margin-top: 0 !important; } .new3image-container { position: relative; width: 100%; height: auto; } .new3image-container img { display: block; width: 100%; height: auto; } .new3image-container a { position: relative; display: flex; align-items: end; width: 100%; height: auto; margin-top: 16px; text-decoration: none; } .new3overlay-text { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(to top, rgb(0, 0, 0, 0.8), #ffffff); font-size: 16px; display: flex; align-items: end; line-height: 21.6px; padding: 0 10px 10px 10px; margin-bottom: 0; } .new3list-container ul { gap: 10px; padding: 10px; } .new3list-container li { color: #333333; list-style: none; padding: 12px 0; border-bottom: 1px solid #e2e2e2; font-size: 14px; } .new3list-container li a { color: #333333; text-decoration: none; } /*.ad-placeholder { width: 370px; height: 315px; border: 1px solid #ccc; padding: 10px; }*/ .shi { width: 100% !important; height: auto !important; object-fit: cover; } .fixedDiv-wrapper { position: relative; width: 100%; height: 100%; } .fixeDiv { z-index: 99999; display: flex; position: fixed; bottom: 0; right: 0; justify-content: center; align-items: end; box-sizing: border-box; width: 100%; max-width: 335px; height: 280px; min-width: 300px; } .closeBtn { position: absolute; top: -25px; left: 0; cursor: pointer; } @media only screen and (max-width: 767px) and (min-width: 501px) { .slideMansetCover .mansetTitle { margin-bottom: 0; } } .seperator-12px { margin-bottom: 12px !important; } @media only screen and (max-width: 1024px) { body { padding: 52px 0 0; } .fixeDiv { align-items: flex-end !important; width: unset !important; height: 130px !important; } .closeBtn { top: 0; } .kaynakbilgisi { margin-bottom: 24px; } } header { font-family: sans-serif; margin-bottom: 30px; } .hbHeader.generalHeader .hbHeaderInBottom .hbhNavMenuScope, .hbHeader.generalHeader .hbHeaderInBottom .hbhNavMenuScope h3 { font-family: sans-serif; font-size: 13.8px; font-weight: 400; color: #fff; line-height: 100%; } @media only screen and (max-width: 768px) { .hbHeader.generalHeader .hbHeaderInBottom .hbhNavMenuScope, .hbHeader.generalHeader .hbHeaderInBottom .hbhNavMenuScope h3 { font-size: 14px; } } .hbHeader.otherHeader .hbHeaderInTop .hbhNavMenuScope { font-size: 12px; font-weight: 500; color: #575757; font-family: sans-serif; } .hbHeader.generalHeader .hbHeaderInTop { font-family: sans-serif; font-size: 10px; font-weight: 400; color: #333; line-height: 180%; } .hbHeader.generalHeader .hbHeaderInTop .hbContainer h2 { margin-top: 0; } .dropDownSearchBoxInput, .hbHeader.generalHeader .hbHeaderInBottom .hbhdSearch input, .hbHeader.otherHeader .hbHeaderInTop .hbhdSearch input, .inputSearchBox, .inputSearchTopBox { font-size: 12px; font-weight: 400; color: #333; } @media only screen and (max-width: 768px) { .hbHeader.otherHeader .hbHeaderInTop .hbhNavMenuScope { font-size: 14px; padding: 0px 0px 0px 145px !important; } } .inputSearchTopBox { width: 100%; position: relative; float: left; height: 24px; padding-left: 22px; padding-right: 6px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; border: solid 1px #f2f2f2; outline: 0; color: grey; background: url(/static/img/tasarim/search-icon.svg) #fefefe no-repeat left 6px center; background-size: 12px 12px; } .hbHeader.generalHeader .hbHeaderInBottom .hbhdSearch input, .hbHeader.otherHeader .hbHeaderInTop .hbhdSearch input, .inputSearchBox { width: 100%; position: relative; float: left; height: 24px; padding-left: 10px; padding-right: 6px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; border: solid 1px #f2f2f2; outline: 0; color: #575757; background: url(/mstatic/assets/img/search-icon.svg) #fefefe no-repeat right 6px center; background-size: 12px 12px; } .dropDownSearchBoxInput { width: 100%; position: relative; float: left; height: 24px; padding-left: 22px; padding-right: 6px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; border: solid 1px #f2f2f2; outline: 0; color: grey; background: url(/static/img/tasarim/search-icon.svg) #fefefe no-repeat left 6px center; background-size: 12px 12px; } .hbcAnswerInput { width: 100%; position: relative; float: left; height: 40px; padding-left: 10px; padding-right: 6px; border-top: solid 1px #e0e0e0; border-right: solid 1px #e0e0e0; border-left: solid 3px #fe0000; border-bottom: solid 1px #e0e0e0; outline: 0; margin-bottom: 15px; } .hbcAnswerTextarea { width: 100%; position: relative; float: left; height: 70px; padding-top: 10px; padding-left: 10px; padding-right: 6px; border-top: solid 1px #e0e0e0; border-right: solid 1px #e0e0e0; border-left: solid 3px #fe0000; border-bottom: solid 1px #e0e0e0; outline: 0; margin-bottom: 15px; resize: none; } .siteAddTextareaCode { width: 100%; position: relative; float: left; height: 150px; padding-top: 10px; padding-left: 10px; padding-right: 6px; outline: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; margin-bottom: 15px; resize: none; } .hbHeader.generalHeader.Head1 { width: 100%; position: absolute; background-color: #f4f4f4; z-index: 1002; } .hbHeader.generalHeader.Head2 { width: 100%; position: relative; background-color: #f4f4f4; z-index: 1001; margin-top: 52px; height: 36px; } .hbHeader.generalHeader .hbHeaderInTop { width: 100%; position: relative; float: left; height: 18px; text-align: right; } .hbHeader.generalHeader .hbHeaderInBottom { width: 100%; position: relative; float: left; background-color: #000; } .hbHeader.generalHeader .hbHeaderInBottomChild { width: 100%; position: relative; float: left; height: 36px; background-color: #780000; } .hbHeader.generalHeader .hbHeaderInBottomChild.womanHeader { background-color: #e10080; } .hbhNavMiddle li a { font-weight: 600; font-size: 16px; letter-spacing: 0.2px; } .nav-li { margin-right: 30px; } .hbHeader.generalHeader .hbHeaderInBottom .hbhdLogo { position: absolute; left: 0; top: 0; z-index: 1; width: auto; padding: 0; height: auto; display: block; } .hbHeader.generalHeader .hbHeaderInBottom .hbhdLogo a img { display: block; } .hbHeader.generalHeader .hbHeaderInBottom .hbhNavMenuScope { float: left; position: relative; height: 52px; display: flex; width: 90%; } .hbHeader.generalHeader .hbHeaderInBottom .hbhNavMenuScope .hbhNavMiddle { display: flex; vertical-align: middle; max-width: 594px; font-size: 15px; width: 100%; align-items: center; justify-content: space-between; height: 100%; margin: 0 150px 0 258px; padding: 0 10px; overflow: hidden; white-space: nowrap; } .hbHeader.generalHeader .hbHeaderInBottom .hbhNavMenuScope a { position: relative; display: inline-block; white-space: nowrap; } .hbHeader.generalHeader .hbHeaderInBottom .hbhNavMenuScope a:hover:after { content: ""; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; } .hbHeader.generalHeader .hbHeaderInBottom .hbhNavMenuScope .hbhNavMiddle h3 { display: inline-block; font-size: 13.8px; font-weight: 400; margin-right: 1px; } .hbHeader.generalHeader .hbHeaderInBottom .hbhdSearch { position: absolute; right: 100px; width: 130px; top: 0; height: 52px; display: table; } .hbHeader.generalHeader .hbHeaderInBottom .hbhdSearch .hbhdSearchMiddle { vertical-align: middle; display: table-cell; } .hbHeader.generalHeader .hbHeaderInBottom .hbhdSearch .hbhdSearchMiddle .bgReda { width: 24px; height: 24px; border-radius: 12px; position: absolute; right: 0; z-index: 9; background: url(/mstatic/assets/img/searchbar-icon.png) #fe0000 no-repeat center center; background-size: 12px 12px; } .hbHeader.generalHeader .hbHeaderInBottom .hbhdSearch .hbhdSearchMiddle .hbhdSearchOpen { position: absolute; width: 100%; top: 25px; left: 0; height: auto; padding-top: 10px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; background-color: #fff; } .hbHeader.generalHeader .hbHeaderInBottom .hbhdSearch .hbhdSearchMiddle .hbhdSearchOpen ul li { font-size: 12px; display: block; padding: 6px 10px; color: #202020; border-bottom: 1px solid #f3f3f3; } .hbHeader.generalHeader .hbHeaderInBottom .hbhdSearch .hbhdSearchMiddle .hbhdSearchOpen ul li.selected { background: #dedede; } .hbHeader.generalHeader .hbHeaderInBottom .hbhdSearch .hbhdSearchMiddle .hbhdSearchOpen ul li:first-child { padding-top: 10px; } .hbHeader.generalHeader .hbHeaderInBottom .hbhdSearch .hbhdSearchMiddle .hbhdSearchOpen ul li:last-child { border-bottom: 0; padding-bottom: 5px; } .hbHeader.generalHeader .hbHeaderInBottom .hbhdSearch input { z-index: 2; background: #fff; border-radius: 31px; border: 0; padding-right: 25px; width: 125px; margin-right: -15px; } .hbHeader.generalHeader .hbHeaderInBottom .hbhdSearch input[type="search"]::-webkit-search-cancel-button, .hbHeader.generalHeader .hbHeaderInBottom .hbhdSearch input[type="search"]::-webkit-search-decoration, .hbHeader.generalHeader .hbHeaderInBottom .hbhdSearch input[type="search"]::-webkit-search-results-button, .hbHeader.generalHeader .hbHeaderInBottom .hbhdSearch input[type="search"]::-webkit-search-results-decoration { display: none; } .hbHeader.generalHeader .hbHeaderInBottom .hbhdKul { position: absolute; right: 0; top: 0; width: 90px; height: 52px; display: table; padding-top: 12px; } /*.hbHeader.generalHeader .hbHeaderInBottom .hbhdKul .prDKulIcon { color: #fff; padding: 5px 25px 5px 10px; border: 2px #4e4e4e solid; border-radius: 20px; font-size: 11px; display: table; cursor: pointer; }*/ .hbHeader.generalHeader .hbHeaderInBottomChild .hbhdLogo { position: absolute; left: 0; top: 0; z-index: 1; width: auto; padding: 0; height: auto; display: block; } .hbHeader.generalHeader .hbHeaderInBottomChild .hbhdLogo a img { display: block; } .hbHeader.generalHeader .hbHeaderInBottomChild .hbhNavMenuScope { float: left; position: relative; height: 36px; display: flex; width: 100%; } .hbHeader.generalHeader .hbHeaderInBottomChild .hbhNavMenuScope .hbhNavMiddle { display: flex; vertical-align: middle; width: 100%; align-items: center; justify-content: space-between; height: 100%; color: white; font-size: 14px; margin: 0; padding: 0 18px; } .hbHeader.generalHeader .hbHeaderInBottomChild .hbhNavMenuScope a { position: relative; display: inline-block; white-space: nowrap; } .criptoNew { background-color: #ffd600; color: #000; padding: 5px 10px; display: flex; justify-content: center; align-items: center; border-radius: 5px; } .secimLi { background: #1e90ff; width: 150px; height: 28px; display: flex !important; justify-content: center; align-items: center; border-radius: 5px; } .hbHeader.generalHeader .hbHeaderInBottomChild .hbhNavMenuScope a img { margin-right: 4px; } .hbHeader.generalHeader .hbHeaderInBottomChild .hbhNavMenuScope a:hover:after { content: ""; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; } .hbHeader.generalHeader .hbHeaderInBottomChild .hbhNavMenuScope .hbhNavMiddle h3 { display: inline-block; font-size: 13.8px; font-weight: 400; margin-right: 1px; } .hbHeader.generalHeader .hbHeaderInBottomChild .hbhdSearch { position: absolute; right: 100px; width: 130px; top: 0; height: 52px; display: table; } .hbHeader.generalHeader .hbHeaderInBottomChild .hbhdSearch .hbhdSearchMiddle { vertical-align: middle; display: table-cell; } .hbHeader.generalHeader .hbHeaderInBottomChild .hbhdSearch .hbhdSearchMiddle .bgReda { width: 24px; height: 24px; border-radius: 12px; position: absolute; right: 0; z-index: 9; background: url(/mstatic/assets/img/searchbar-icon.png) #fe0000 no-repeat center center; background-size: 12px 12px; } .hbHeader.generalHeader .hbHeaderInBottomChild .hbhdSearch .hbhdSearchMiddle .hbhdSearchOpen { position: absolute; width: 100%; top: 25px; left: 0; height: auto; padding-top: 10px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; background-color: #fff; } .hbHeader.generalHeader .hbHeaderInBottomChild .hbhdSearch .hbhdSearchMiddle .hbhdSearchOpen ul li { font-size: 12px; display: block; padding: 6px 10px; color: #202020; border-bottom: 1px solid #f3f3f3; } .hbHeader.generalHeader .hbHeaderInBottomChild .hbhdSearch .hbhdSearchMiddle .hbhdSearchOpen ul li.selected { background: #dedede; } .hbHeader.generalHeader .hbHeaderInBottomChild .hbhdSearch .hbhdSearchMiddle .hbhdSearchOpen ul li:first-child { padding-top: 10px; } .hbHeader.generalHeader .hbHeaderInBottom .hbhdSearch .hbhdSearchMiddle .hbhdSearchOpen ul li:last-child { border-bottom: 0; padding-bottom: 5px; } .hbHeader.generalHeader .hbHeaderInBottomChild .hbhdSearch input { z-index: 2; background: #fff; border-radius: 31px; border: 0; padding-right: 25px; width: 125px; margin-right: -15px; } .hbHeader.generalHeader .hbHeaderInBottomChild .hbhdSearch input[type="search"]::-webkit-search-cancel-button, .hbHeader.generalHeader .hbHeaderInBottomChild .hbhdSearch input[type="search"]::-webkit-search-decoration, .hbHeader.generalHeader .hbHeaderInBottomChild .hbhdSearch input[type="search"]::-webkit-search-results-button, .hbHeader.generalHeader .hbHeaderInBottomChild .hbhdSearch input[type="search"]::-webkit-search-results-decoration { display: none; } .hbHeader.generalHeader .hbHeaderInBottomChild .hbhdKul { position: absolute; right: 0; top: 0; width: 90px; height: 52px; display: table; padding-top: 12px; } /* .hbHeader.generalHeader .hbHeaderInBottomChild .hbhdKul .prDKulIcon { color: #fff; padding: 5px 25px 5px 10px; border: 2px #4e4e4e solid; border-radius: 20px; font-size: 11px; display: table; cursor: pointer; }*/ /*.prDKulIcon:after { content: ""; width: 15px; height: 15px; top: 20px; right: 9px; position: absolute; display: block; } .prDKulLogin:after { background: url(/mstatic/assets/img/icon-login.svg) no-repeat 0 0; } .prDKulLogout:after { background: url(/mstatic/assets/img/icon-logout.svg) no-repeat 0 0; }*/ .hbHeader.generalHeader.active .hbHeaderInTop { height: 0; } .hbHeader.generalHeader.active .hbHeaderInBottom { position: fixed; top: 0; } .hbHeader.generalHeader.active .hbHeaderInBottomChild { position: fixed; top: 1; } .hbHeaderInBottomChild ul li a { font-weight: 600; font-size: 13px; } .h1h2 { padding: 5px; margin: 10px; background-color: #fff; } .h1h2 h1, .h1h2 h2, .h1h2 p { font-size: 12px; display: inline-block; margin: 0; line-height: normal; } .h1h2 p { font-weight: 400; margin: 0; } .secimContainer.mobil { display: none; } .secimContainer { background-color: #fff; padding: 5px 0; } .secimContainer .secimHeader { max-width: 1056px; margin: auto; background-color: #0089ff; color: #fff; padding: 5px; display: flex; align-items: center; justify-content: space-between; } .secimContainer .secimHeader span { font-size: 16px; font-weight: 600; line-height: 100%; margin-left: 10px; margin-right: 10px; display: block; } .secimContainer .secimHeader a { background-color: #063e99; padding: 6px 10px; font-size: 14px; font-weight: 600; margin: 0 3px; text-align: center; min-width: 165px; } @media only screen and (max-width: 1100px) { .secimContainer .secimHeader a { min-width: 150px; } } @media only screen and (max-width: 1024px) { /*header { margin-bottom: 30px; }*/ .secimContainer.mobil { display: block; } .hbHeader.generalHeader.active .hbHeaderInBottomChild { display: none; } .secimContainer { position: fixed; top: 0; z-index: 9999; width: 100%; padding: 5px; } .secimContainer .secimHeader a { min-width: 100px; } /*.hbHeader { top: 48px; }*/ .hbHeader.generalHeader.Head1 { display: none; } } @media only screen and (max-width: 991px) { .secimContainer .secimHeader { flex-wrap: wrap; } .secimContainer .secimHeader span { width: calc(100% - 6px); font-size: 18px; margin-bottom: 6px; margin-top: 3px; } .secimContainer .secimHeader a { width: calc(50% - 6px); margin: 3px; } .secimContainer .secimHeader a.big { width: 100%; } /*.hbHeader { top: 149px; }*/ /*.hbHeader.generalHeader.Head2 { margin-top: 180px !important; }*/ /*header { height: 150px; }*/ } @media only screen and (max-width: 767px) { .h1h2 { margin: 0 0 20px 0; } } @media only screen and (max-width: 1050px) { .hbHeader.generalHeader .hbHeaderInBottom .hbhNavMenuScope a[title="Tümü"], .hbHeader.generalHeader .hbHeaderInBottom .hbhNavMenuScope a[title="Turizm ve Seyahat Haberleri"] { display: none; } } @media only screen and (max-width: 998px) { .hbHeader.generalHeader .hbHeaderInBottom .hbhNavMenuScope a[title="Turizm Haberleri"] { display: none; } .hbHeader.generalHeader .hbHeaderInBottom .hbhNavMenuScope a[title="Sağlık Haberleri"] { display: none; } .hbHeader.generalHeader .hbHeaderInBottom .hbhNavMenuScope a[title="Spor Haberleri"] { display: none; } .hbHeader.generalHeader .hbHeaderInBottom .hbhNavMenuScope a[title="Dünya Haberleri"] { display: none; } } @media only screen and (max-width: 850px) { .hbHeader.generalHeader .hbHeaderInBottom .hbhdSearch { display: none; } } @media only screen and (min-width: 768px) { #categoryHeader.gamegarHeader { display: none; } .hbHeader.gameHeader { width: 100%; position: relative; height: 165px; background-color: #000; background-image: url(https://www.haberler.com/static/img/tasarim/gamegar-header-bg-x.jpg); z-index: 999; } .hbHeader.gameHeader.active { top: -95px; } .hbHeader.gameHeader .hbHeaderInTop { position: fixed; top: 0; width: 100%; left: 0; height: 30px; background-color: #f4f4f4; z-index: 2; float: left; } .hbHeader.gameHeader .hbHeaderInTop .hbhdLogo { position: absolute; left: 0; top: 0; z-index: 1; width: auto; padding: 0; } .hbHeader.gameHeader .hbHeaderInTop .hbhNavMenuScope { font-size: 12px; font-weight: 500; color: #575757; float: left; position: relative; padding-left: 174px; padding-right: 195px; height: 30px; display: table; } .hbHeader.gameHeader .hbHeaderInTop .hbhNavMenuScope .hbhNavMiddle { display: block; overflow: hidden; height: 16px; margin: 7px 0; } .hbHeader.gameHeader .hbHeaderInTop .hbhNavMenuScope a { position: relative; display: inline-block; margin-right: 15px; } .hbHeader.gameHeader .hbHeaderInTop .hbhdSearch { position: absolute; right: 0; width: 200px; top: 0; height: 30px; display: table; padding-right: 15px; } .hbHeader.gameHeader .hbHeaderInTop .hbhdSearch .hbhdSearchMiddle { vertical-align: middle; display: table-cell; position: relative; } .hbHeader.gameHeader .hbHeaderInTop .hbhdSearch input { font-size: 12px; font-weight: 400; outline: 0; color: grey; border-radius: 20px; width: 100%; position: relative; float: left; height: 24px; padding-left: 10px; padding-right: 18px; border: solid 1px #dedede; background: #fff; z-index: 2; border-top-left-radius: 31px; border-bottom-left-radius: 31px; margin-top: 3px; } .hbHeader.gameHeader .hbHeaderInTop .hbhdSearch .hbhdSearchMiddle .bgReda { width: 24px; height: 24px; border-radius: 12px; position: absolute; top: 3px; right: -1px; z-index: 9; background: url(/mstatic/assets/img/searchbar-icon.png) #fe0000 no-repeat center center; background-size: 12px 12px; } .hbHeader.gameHeader .hbHeaderInBottom { width: 100%; position: relative; float: left; background-color: #000; background-image: url(https://www.haberler.com/static/img/tasarim/gamegar-header-bg-x.jpg); padding-top: 30px; } .hbHeader.gameHeader .hbHeaderInBottom .hbhdCatLogo { width: 100%; position: relative; float: left; height: 95px; display: table; } .hbHeader.gameHeader .hbHeaderInBottom span { vertical-align: middle; display: table-cell; line-height: 0; } .hbHeader.gameHeader .hbHeaderInBottom .hbhdNavSubMenu { width: 100%; position: relative; float: left; height: 40px; overflow: hidden; background-color: #202020cc; display: flex; justify-content: space-evenly; } .hbHeader.gameHeader .hbHeaderInBottom .hbhdNavSubMenu a { float: left; position: relative; padding: 5px; height: 40px; font-size: 16px; font-weight: 500; color: #fff; -webkit-transition: all 0.34s ease; -moz-transition: all 0.34s ease; -ms-transition: all 0.34s ease; -o-transition: all 0.34s ease; transition: all 0.34s ease; border-bottom: 3px solid transparent; display: flex; align-items: center; } .hbHeader.gameHeader .hbHeaderInBottom .hbhdNavSubMenu a:hover { border-bottom: 3px solid #fff; } #searchform .hbhdSearchOpen.autocomplete { width: 100%; background-color: #fff; border-radius: 10px; box-shadow: 0 0 5px -2px #000; visibility: hidden; overflow: auto !important; } #searchform .hbhdSearchOpen.autocomplete ul { padding: 15px; } #searchform .hbhdSearchOpen.autocomplete ul li { padding: 8px 0; font-size: 13px; border-bottom: 1px solid #f2f2f2; } } @media only screen and (max-width: 767px) { .hbHeader.gameHeader { display: none; } } @media only screen and (max-width: 1025px) { .hbHeader.generalHeader.Head2 { display: none; } } .mapContent { height: 420px !important; } .editorSade, .mainAstrology .hbDailyHeadline .hbdhText h3 { margin: 20px 0; } #coronaTable td, #coronaTableBaslik th, .hbGeneralTitles h2 { font-family: sans-serif; } .hbHeader .hbhdLogo .logo-area a img { width: auto; height: 19px; } .editorSade { font-size: 18px; font-weight: 400; display: block; line-height: 14px; margin: 0 0 14px; line-height: 150%; } .konu_maset_yani { max-width: 300px; width: 100%; padding-bottom: 24px; } .hbMainSlider .slider .bullets.number .bullet { font-size: 16px; width: 5%; } .hbMainSlider .slider .bullets.number .bullet::before { content: attr(data-sid); } .hbBoxBiographyDetails .hbbbImageName .hbbbCityDate.writercontent .hbYdinf li, .hbNewspaper .hbnScope.padTopZero, .hbOtherNews .hbNewsBox { padding: 0; } .hbWriterNews .hbPageDetails .hbVideoImgScope .hbptMainImage { border: none; } .hbForm .prYorumInfo { display: flex; align-items: center; float: left; width: 100%; } .hbForm .prYorumInfo span { width: calc(100% - 202px); padding-right: 10px; font-size: 12px; line-height: 120%; } .partners { width: 100%; height: auto; float: left; background-color: #e5e5e5; margin-bottom: 10px; padding: 5px; display: flex; margin-top: 16px; } .partners .DnmBnr_content_logo { max-width: 200px; max-height: 70px; width: auto; height: auto; margin-right: 10px; overflow: hidden; display: flex; } .DnmBnr_logo { width: 100%; object-fit: contain; padding: 10px 15px; object-position: left; } .pnrlist { overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; font-size: 14px; color: #000; } .pnrlist::before { content: "•"; font-size: 20px; font-weight: 900; } #coronaTable tbody tr, .hbLeftMenu .hblmItem .hblmSubBlock, .slider .slide .hblnTime-slider { display: none; } .swiper-wrapper .swiper-slide .hbgsImage { line-height: 0; display: block; } .hbBoxScope .hbBoxMainText .yzr-ozet p, .hbLeftMenu .hblmItem.wmItem.active .hblmSubBlock, .hbWriterNews .hbNewsBox.hbContainer, .quiz-alt-list ul li a { display: block; } .hbWriterNews .hbContainer .hbBreadCrumb { order: 1; } .hbWriterNews .hbContainer .hbRow { order: 2; } .hbMainSlider .slider .bullets, .hbWriterNews .hbContainer .mcSnc { display: flex; } .mcSnc .hbbcScope { margin-bottom: 16px; } #coronaTable, #coronaTableBaslik, .haberDetayVideo .hbInRow.boxStyle.hbPageDetails, .hbMainSlider .slide img, .hbPageDetails .hbptContent figure.wp-block-embed, .hbPageDetails .hbptContent figure.wp-block-image, .hbPageDetails .hbptContent figure.wp-block-table, .hbSportStandings .hbColBoxFull, .hbWriterNews .hbContainer .hbRow.dateCover { width: 100%; } .hbWriterNews .hbContainer .SliderRow { order: 3; } .hbWriterNews .hbContainer .hbRow.hbNewsBox { order: 4; } .hbWriterNews .hbContainer .hbGeneralTitles h1.title { font-size: 36px; margin-bottom: 24px; } .hbBoxScope .blackStyle.yazarStyle .yazar-content { display: flex; flex-direction: column; justify-content: center; padding: 0 20px; height: calc(100% - 48px); position: relative; } .blackStyle.yazarStyle .yazar-content a:first-child { border-bottom: 1px solid #ececec; } .blackStyle.yazarStyle .yazar-content a { padding: 20px 0; width: 100%; height: 50%; position: relative; display: flex; align-items: center; } .hbMainSlider .slider .slide { width: 100%; display: flex; } .hbMainSlider .slider .slides { width: 100%; } .hbMainSlider .slider .bullets .bullet { width: calc(100% / 25); cursor: pointer; } .hbMainSlider .slider .bullets .bullet::before { content: "•"; } .newsErrorScope .newsErrorScopeOtherCategorie .newsErrorScopeOtherCategorieIcon { width: calc(33.3% - 10px); position: relative; float: left; text-align: center; margin: 10px 5px; } .newsErrorScope .newsErrorScopeOtherNewsCategoriesList { margin: 0; padding: 10px 0; display: flex; justify-content: space-between; border-bottom: 1px solid #e1e1e1; } .newsErrorScope .newsErrorScopeOtherNewsCategoriesList:nth-child(odd) { margin-right: 0; } .newsErrorScope .newsErrorScopeOtherNewsCategoriesList a { line-height: 125%; width: 140px; } .newsErrorScope .newsErrorScopeOtherNewsCategoriesList img { width: auto; } .hbIndex.hbBoxScope .box.twoBox { margin-bottom: 10px; padding: 10px; } .hbOtherNews .hbBoxScope .hbBoxImage { width: 178px; height: 100px; } .imsakCalendar .imsakCalendarBox .imsakCalDate .imsakOtherCountry .imsakOtherTitle { position: relative; float: left; left: 50%; width: auto; transform: translateX(-50%); font-size: 11px; font-weight: 700; line-height: 130%; color: #162c54; background: url(https://www.haberler.com/static/img/tasarim/hours.png) center left/13px auto no-repeat; padding-left: 16px; } .imsakCalendar .imsakCalendarBox .imsakCalDate .imsakOtherCountry .imsakOtherBox { width: 100%; position: relative; float: left; border: 1px solid #d3d3d3; padding: 10px; font-size: 11px; text-align: center; color: #717171; font-weight: 400; margin-top: 10px; line-height: 180% !important; } .imsakCalendar .imsakCalendarBox .imsakCalDate .imsakOtherCountry .imsakOtherBox strong { font-weight: 700; color: #222; } .colPageRight .hbBoxScope .hbBoxImage { width: 100%; height: 170px; } .detailSlider { max-width: 336px; width: 100%; } .detailSlider .hbMainSlider .slider .bullets .bullet { background-color: #000; } .detailSlider .hbMainSlider .slider .slides { height: auto; } .detailSlider .hbMainSlider .slider .bullets .bullet::before { content: "•"; color: #fff; } .detailSlider .hbMainSlider .slider .bullets .bullet.active::before { color: #fe0000; } .hbNewspaper .hbnScope .hbNewspaperList { width: calc(100% + 30px); display: flex; flex-wrap: wrap; margin: 0 -15px; } .hbNewspaper .hbnScope .hbNewspaperList .hbNewspaperImg img { width: 100%; height: auto; } .NewspaperPage .hbRow.newsPaperTitle .hbGeneralTitles { margin-bottom: 24px; } .mainAstrology .hbDailyHeadline .hbdhText h3:first-child { margin-top: 0; } .wordPage .hbIndex.hbBoxScope .hbBoxMainText .hblnTitle { font-size: 14px; font-weight: 400; padding: 0 10px; margin: 10px 0; } .hbFinanceDetails .scroll, .hbFinanceDetails.scroll { overflow-x: auto; overflow-y: hidden; } .hbChanel { display: flex; flex-wrap: wrap; padding: 5px 0; } .quiz-alt-list ul li .quiz-txt, .quiz_list_info { position: absolute; padding-right: 130px; box-sizing: border-box; } .hbChanel .hbaItemList { width: calc(100% / 15); padding: 0 5px; margin: 5px 0; border-right: 1px solid #f4f4f4; display: flex; justify-content: center; } .hbChanel .hbaItemList img { width: auto; max-width: 100%; height: auto; } .hbChanel .hbaItemList:last-child { border-left: none; } .hbContainer.mainChanel .colPageLeft.content-part { padding: 20px; } .chanel-table tbody tr { border-bottom: 1px solid #e3e3e3; } .chanel-table thead tr th { font-size: 20px; font-weight: 700; padding: 5px 0 15px; color: #000; } .chanel-table tbody tr td:first-child, .chanel-table thead tr th:first-child { text-align: left; width: auto; } .chanel-table tbody tr td, .chanel-table thead tr th { text-align: right; width: 140px; } .chanel-table tbody tr:last-child { border-bottom: none; } .chanel-table tbody tr td { padding: 10px 0; } .hbBoxBiographyDetails .hbbbImageName .hbbbCityDate.writercontent { padding-left: 0; margin-bottom: 0; } #hbYdYazar h2 { float: unset; margin: 0; font-size: 25px; } #hbYdYazar .yzr-gorev { font-size: 14px; font-weight: 700; margin-bottom: 5px; } .hbBoxBiographyDetails .hbbbImageName .hbbbCityDate.writercontent .hbYdinf { margin: 0 10px; padding: 0; display: flex; flex-direction: row; } .hbBoxBiographyDetails .hbbbImageName .hbbbImagRadius { position: relative; max-width: 110px; width: 100%; height: auto; } .hbBoxBiographyDetails .hbbbImageName { display: flex; flex-wrap: nowrap; align-items: center; margin-top: 10px; margin-left: 10px; } .hbBoxBiographyDetails .hbbbImageName .hbbbImagRadius.writer { left: 0; margin-right: 10px; } .yzrtime { color: #a0a0a0; font-size: 14px; margin-top: 18px; line-height: 100%; } .hbWriterNews .hbOtherNews .hbaltTitle { font-size: 18px; margin-top: 24px; margin-left: 10px; } #hbYdYazar .hbYdyzrts { margin-top: 10px; } .quiz-alt-list ul { margin: auto; } .quiz-alt-list ul li { border-top: 1px solid #ececec; padding: 10px; box-sizing: border-box; width: 100% !important; min-height: 110px; margin-bottom: 1px; padding-top: 10px !important; display: inline-block; } #quiz_list_categories ul:after, .quiz-alt-list ul li a:after { content: ""; visibility: hidden; display: block; height: 0; clear: both; } .quiz-alt-list ul li .quiz-img { width: 100px; float: left; overflow: hidden; height: 100px; display: inline-block; } .quiz-alt-list ul li .quiz-txt { float: left; margin-left: 10px; margin-right: 10px; display: inline-block; height: 100px; overflow: hidden; width: 100%; } .quiz-alt-list ul li .quiz-txt > span { font-family: Roboto, sans-serif; position: relative; top: 0; color: #353d3f; text-shadow: 0 0 0 #000; font-size: 16px; padding: 0 1px 1px 0; font-weight: 700; box-sizing: border-box; line-height: 120%; margin: 0; vertical-align: baseline; display: inline-block; } .quiz_list_info { bottom: 0; width: 100%; } .quiz_list_info .quiz_cat { float: left; padding: 3px 5px; font-weight: 700; color: #fff; text-transform: uppercase; font-size: 11px; } .quiz_list_info .quiz_star { float: right; padding: 5px; color: #0079ff; font-weight: 700; font-size: 16px; } .quiz_list_info .quiz_star .quiz_star_icon { font-size: 18px; } #quiz_list_categories { position: relative; z-index: 9; width: 100%; padding: 10px; box-sizing: border-box; } #quiz_list_categories ul { -webkit-overflow-scrolling: touch; width: inherit; margin: 0; overflow-x: auto; display: Block; white-space: nowrap; } #quiz_list_categories ul li { margin: 10px 10px 20px 0; border: none; padding: 0; display: inline-block; } #quiz_list_categories ul li .pasif, #quiz_list_categories ul li a { display: block; border-radius: 10px; font-size: 14px; color: #fff; padding: 10px; text-decoration: none; } #quiz_list_categories ul li .pasif { background-color: #0079ff; } #quiz_list_categories ul li .aktif { background-color: #db1616; } #quiz_list_categories ul::-webkit-scrollbar { width: 0; background: 0 0; } .hbTableContent tbody tr.dptrncu { background-color: #f79f1f; } .hbTableContent tbody tr.dptrncu td { color: #fff; } .hbTableContent.deprem tbody td:first-child { border-right: 0; } .hbTableContent.deprem tbody td { text-align: left; line-height: 100%; } .hbSportStandings .hbssScope { width: 100%; position: relative; float: left; min-height: 50px; display: flex; align-items: center; } .hbSportStandings .hbssScope .hbssTitle { display: table-cell; vertical-align: middle; padding-left: 10px; float: left; } .hbSportStandings .hbssScope .hbssTitle span { font-family: sans-serif; font-size: 15px; font-weight: 700; color: #333; line-height: 140%; margin: 0 10px 0 0; } .hbSportStandings .hbWeekMatchs .hbwmMatchsLineScope .hbwmMatchsLine:last-child { border-bottom: 0; } .hbSportStandings .hbWeekMatchs .hbwmMatchsLineScope .hbwmMatchsLine { width: 100%; position: relative; float: left; height: 100%; border-bottom: 1px solid #e3e3e3; } .hbSportStandings .hbWeekMatchs .hbwmMatchsLineScope .hbwmMatchsLine .hbwmMatchs { display: flex; justify-content: center; } .hbSportStandings .hbWeekMatchs .hbwmMatchsLineScope .hbwmMatchsLine .hbwmMatchs .hbwmScore .hbsHome.active { background: #2da187; color: #fff; } .hbSportStandings .hbWeekMatchs .hbwmMatchsLineScope .hbwmMatchsLine .hbwmMatchs .hbwmScore .hbsHome { position: relative; float: left; height: 28px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; border: 1px solid #2da187; color: #2da187; text-align: center; font-size: 15px; padding: 5px; margin-right: 10px; min-width: 22px; } .hbSportStandings .hbWeekMatchs .hbwmMatchsLineScope .hbwmMatchsLine .hbwmMatchs span, .hbSportStandings .hbssScope .hbssTitle .hbstWeekNumber { font-size: 13px; font-weight: 400; } .hbSportStandings .hbssScope .hbstWeekNumber { font-weight: 700; font-size: 13px; float: right; color: #2da187 !important; line-height: 180%; } .hbssScope > img { float: left; } .hbs-on { margin-bottom: 10px; } .hbss-on { min-height: 210px !important; } .hbwm-on { margin-top: 40px; } .hbSportStandings-on { height: 210px; } .hbwmScore-on { margin-top: 30px; } .hbsHome-on { margin: 3px 0; } .hbContainer.chance ul li { list-style: inside; padding-bottom: 10px; font-size: 16px; } .hbBoxScope .blackStyle.HaberDosya .hbBoxHeadTitle h3, .ist { font-size: 17px !important; } .hbstHafta { position: relative; padding: 5px 0 0 10px; top: 0; color: #000; float: left; font-weight: 600; } .hbstTarih { position: relative; padding: 10px 5px 0 20px; color: #2da187 !important; float: left; font-weight: 600; } .onck { font-weight: 700; font-size: 18px; margin-bottom: 20px; } .img-area { float: left; height: 40px; } .hbGeneralTitles h2.description { font-size: 20px; color: #000; line-height: 135%; } .hbCovid .hbBoxBiographyDetails p, .hbCovid .text { font-size: 16px; width: 100%; position: relative; float: left; overflow: hidden; } .hbContainersns { padding-left: 10px; } .sns-detay, .sns-detay-on { font-weight: 600; font-size: 15px; } .hbSportStandings { min-height: 150px; padding: 20px; } .hbRightMenu .hbrmAboutProgress .hbrmAboutProgressItem .hbrmProgress .hbrmProgressActive { width: 100%; position: relative; float: left; border-top-right-radius: 12px; border-bottom-right-radius: 12px; height: 100%; background-color: #fe0000; } .hbContactForm .hbContactFormBlocksFull.check { margin-bottom: 10px; font-weight: 700; font-size: 12px; } .hbContactForm .hbContactFormBlocksFull .g-recaptcha { margin-top: 10px; margin-bottom: 20px; } #coronaTable tbody tr:nth-child(-n + 20) { display: table-row; } .hbCovid .more-covid { float: left; margin-top: 10px; font-weight: 500; color: #fe0000; } #coronaTableBaslik { background-color: #efefef; z-index: 10; } #coronaTableBaslik > thead > tr > th { border-bottom: 2px solid #ccc; font-size: 13px; } #coronaTable > tbody > tr > td:not(:last-child), #coronaTableBaslik > thead > tr > th:not(:last-child) { border-right: 1px solid #e3e3e3; } #coronaTable > tbody > tr > td:not(:nth-child(2)), #coronaTableBaslik > thead > tr > th:not(:nth-child(2)) { text-align: right; padding-right: 7px; } #coronaTable > tbody > tr > td:nth-child(2) { color: #000; white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis; } #coronaTable > tbody > tr > td:first-child, #coronaTableBaslik > thead > tr > th:first-child { width: 6%; } #coronaTable > tbody > tr > td:nth-child(2), #coronaTableBaslik > thead > tr > th:nth-child(2) { width: 14%; } #coronaTable > tbody > tr > td:nth-child(3), #coronaTable > tbody > tr > td:nth-child(4), #coronaTableBaslik > thead > tr > th:nth-child(3), #coronaTableBaslik > thead > tr > th:nth-child(4) { width: 11%; } #coronaTable > tbody > tr > td:nth-child(5), #coronaTable > tbody > tr > td:nth-child(6), #coronaTable > tbody > tr > td:nth-child(7), #coronaTable > tbody > tr > td:nth-child(9), #coronaTableBaslik > thead > tr > th:nth-child(5), #coronaTableBaslik > thead > tr > th:nth-child(6), #coronaTableBaslik > thead > tr > th:nth-child(7), #coronaTableBaslik > thead > tr > th:nth-child(9) { width: 10%; } #coronaTable > tbody > tr > td:nth-child(8), #coronaTableBaslik > thead > tr > th:nth-child(8) { width: 12%; } #coronaTable > tbody > tr > td:nth-child(4) > span { background-color: #ffd800; } #coronaTable > tbody > tr > td:nth-child(6) > span { background-color: #ff4500; color: #fff; } #coronaTable > tbody > tr:last-child > td { color: #000; font-weight: 700; } .hbBiographyDetails .hbptContent .ybiyo, .hbCovid .hbPrayerTimeTable thead tr th { font-size: 14px; } .hbCovid .text { margin-bottom: 15px; font-weight: 400; color: #333; line-height: 150%; } .hbCovid .hbonTitle { font-family: Poppins, sans-serif; font-size: 20px; font-weight: 700; color: #333; margin: 15px 0; line-height: 180%; } .hbCovid .hbPrayerTimeTable tbody tr { width: 100%; border-bottom: 1px solid #e3e3e3; } #coronaTable > tbody > tr.turkey > td { background-color: #0ff; } .hbCovid .hbBoxBiographyDetails p { font-weight: 400; color: #333; line-height: 120%; } .hbCovid .hbBoxMainText { font-weight: 700 !important; line-height: 140% !important; } .korona-spot { width: 100%; position: relative; float: left; font-family: Poppins, sans-serif; padding-top: 10px; font-size: 14px; font-weight: 400; color: #333; line-height: 140%; overflow: hidden; } .korona-spot strong { display: contents; } .gsc-control-cse { background-color: #fff !important; border: none !important; padding: 0 !important; } form.gsc-search-box { background-color: #fdd900 !important; padding: 10px; } #detay_2, a.financebtn { padding: 0 10px; } .boxStyle.blackStyle.HaberDosya .hbBoxVslider, table.gsc-search-box td { position: relative; } table.gsc-search-box td .gsst_b { position: absolute; top: 0; right: 0; } .hbPageDetails .hbptContent figure.wp-block-embed .tablescope, .hbPageDetails .hbptContent figure.wp-block-image .tablescope, .hbPageDetails .hbptContent figure.wp-block-table .tablescope { overflow: auto; } .hbPageDetails .hbptContent figure.wp-block-table td { width: 93px; font-size: 13px; padding: 5px; } .full-width-row { margin: 0 0 24px; width: calc(100% - 0px); position: relative; } .full-width-row::before { content: ""; height: 100%; width: 100vw; background-color: #850030; position: absolute; left: 50%; transform: translateX(-50%); z-index: -1; } .full-width-row::after, .p1-row-cont::after { content: ""; display: block; clear: both; } .p1-row { width: 100%; max-width: 100vw; margin: auto; padding: 0 5px; } .p1-row-cont { margin: auto; max-width: 1080px; } .clearfix { clear: both; } .full-width-row .hbBoxHeadTitle { padding: 19px 12px; color: #fff; font-size: 25px; } a.financebtn { position: relative; border: hidden; background-color: #4a72d7; height: 46px; border-radius: 4px; box-shadow: 0 4px 4px rgb(0 0 0 / 25%); cursor: pointer; color: #fff; margin: 20px 0 0; display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: space-between; } a.financebtn .btnTitle { position: relative; left: -9px; flex-grow: 1; text-align: center; font-size: 14px; font-weight: 700; } a.financebtn span.vector { padding: 2px 3px 4px; border: 2px solid; border-radius: 50px; display: none; } .hbcatRightFin thead tr th:first-child, .hbcatRightFin thead tr th:last-child { border-radius: 0; } .hbcatRightFin .hbSmallTitle { font-size: 12px; background-color: #2f5e79; color: #fff; } .hbcatRightFin thead tr th { font-size: 12px; background-color: #4a72d7; color: #fff; text-align: center; } .hbcatRightFin tbody td { padding: 16px 4px 14px; line-height: 15px; text-align: center; } .hbcatRightFin tbody td:first-child { text-align: left; } .boxStyle.blackStyle.HaberDosya > .hbBoxImage { height: auto; width: 100%; } .boxStyle.blackStyle.HaberDosya .hbBoxVslider img { width: 80px; } .ktgr-page .boxStyle .lazyload.hbBoxImageContent.hbBoxImage { height: 189.9px; } .hbnwboxig a.hbBoxMainText { padding: 0 20px 0 0; background-color: #fff; border-bottom: none; box-shadow: none; /*margin-bottom: 15px;*/ } .hbnwboxig a.hbBoxMainText .hbBoxImage { margin-right: 15px; } .hbnwboxigv { padding: 0 10px 0 0 !important; background-color: #fff; border-bottom: none !important; box-shadow: none; margin-bottom: 15px !important; } .hbnwboxigv .hbBoxImage { margin-right: 20px; } .hbnwboxigB { font-size: 20px; font-family: sans-serif; font-weight: 700; margin-bottom: 24px !important; position: relative; } .hbnwboxigB:after { content: ""; width: calc(100% - 120px); height: 1px; background-color: #00000029; display: block; position: absolute; top: 70%; right: 0; } .schaberMetin { margin: 0; padding: 0 !important; } #kaynakUyari { background-color: #fffce0; padding: 15px; font-size: 13px; line-height: 130%; margin-bottom: 20px; } @media only screen and (max-width: 1101px) { #coronaTable, #coronaTableBaslik { width: 850px !important; } } @media only screen and (min-width: 1101px) { .hbFooter { width: 100%; position: relative; float: left; background: #fff; margin-top: 16px; } .hbFooter .hbftLinkScope { position: relative; padding: 0 0 16px; width: 1056px !important; margin: auto !important; display: table; float: none; } .hbContainer.bsnIlanContainer { width: 1225px; max-width: 1225px; } .hbFooter .hbftLinkScope .hbftLink { width: 100%; position: relative; float: left; } .hbFooter .hbftLinkScope .hbftLink .hbftCol { width: 16.66%; position: relative; float: left; } .hbFooter .hbftLinkScope .hbftLink .hbftCol .hbftUrl { font-size: 14px; font-weight: 400; color: #333; width: 88%; position: relative; float: left; padding: 6px 0; border-bottom: 1px solid #dfe9f2; line-height: 100%; } .hbFooter .hbftLinkScope .hbftLink .hbftCol .hbftUrl:first-child { padding-top: 0; } .hbFooter .hbftLinkScope .hbftLink .hbftCol .hbftUrl:last-child { border-bottom: 0; padding-bottom: 0; } .hbFooter .hbftLinkScope .hbftContent a, .hbFooter .hbftLinkScope .hbftLink .hbftCol .hbftUrl.hbftUrlBold { font-weight: 700; } .hbFooter .hbftLinkScope .hbftContent { font-size: 13px; font-weight: 400; line-height: 200%; color: #333; width: 100%; position: relative; float: left; border-top: 1px solid #dfe9f2; margin-top: 20px; padding: 20px 0 0; text-align: left; } .hbft_ymsite { float: left; } .hbft_applink { float: right; } .ftsclinks a { margin: 3px; } .slider .wrapper { width: 100%; height: auto; } /*.slider .slides { left: -732px; width: calc(100% * 27); height: 411px; }*/ .slide img, .slider .slide { height: 411px; } .hbContainer { position: relative; width: 100%; max-width: 1056px; margin: 0 auto; padding: 0; display: block; } } #devami .hbPageDetails .hbptHead p { color: #333; font-weight: 400; width: 100%; display: inline-block; margin: 0 0 25px; line-height: 135%; font-size: 16px; } .editorBiography .hbBoxScope .box.hbBoxBiography { height: auto !important; min-height: 0 !important; } .editorBiography .hbBoxBiography .hbbbImageName .hbbbImagRadius { position: relative; float: left; top: 0; margin-right: 20px; } .editorBiography .hbBoxBiography .hbbbImageName .hbbbName { width: calc(100% - 130px); padding-left: 0; padding-top: 15px; float: right; } .editorBiography .hbBoxBiography .hbbbImageName .hbbbName h1 { font-size: 25px; } .editorBiography .hbBoxBiography .hbbbImageName .hbbbTitle { font-size: 14px; margin: 0; } .editorBiography .hbBoxBiography .hbbbImageName .hbbbText { width: 100%; font-size: 14px; float: left; line-height: 140%; margin-top: 24px; } .m-0 { margin: 0 !important; } .hbPageDetails .hbptItem.imgtxtarea-galeri { padding: 0 !important; border: 0; order: 2; margin-left: 15px; margin-bottom: 15px; } .hbContactForm .hbContactFormBlocksFull input, .hbContactForm .hbContactFormBlocksFull select { padding: 5px; border-radius: 3px; border-color: rgb(204 204 204 / 0.5) !important; } .hbFooter .hbftLinkScope .hbftlContent { display: flex; flex-wrap: wrap; background-color: #ffffff; } .hbContactForm .hbContactFormBlocksFull { margin: 7px 0; } .hbContactForm .hbContactFormBlocksFull .noDisplayClass { font-size: 15px; font-weight: 600; margin-right: 10px; } .hbContactForm .hbContactFormBlocksFull input { margin-right: 5px; } .hbWebMBox { float: right; margin-top: 24px; } .hbWebMBox .hbwbScope .hbWebMRow .hbwbFullColumn { margin-bottom: 15px; } .hbWebMBox .hbwbScope .hbWebMRow .hbwbProvinceName { font-weight: 600; } .colPageLeftNarrow .hbLeftMenu .hblmItem a, .colPageLeftNarrow .hbLeftMenu .hblmItem span { width: 100%; display: block; } .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Podcast"]::before { background-image: url(/mstatic/assets/img/tumu/microphone.png); } .konu_maset_yani .colPage { display: flex; flex-direction: column; } .konu_maset_yani .hbTableContent, .piyasa_maset_yani .piyasa table, .piyasa_maset_yani .piyasa table tbody { height: 100%; } #ContentPlaceHolder1_FinansPiyasalar .hbFncBox .hbTableContent.hbcatRightFin.piyasa > table { border-radius: 4px; overflow: hidden; } .konu_maset_yani .colPage a.financebtn { box-shadow: 0 4px 4px rgb(0 0 0 / 15%); } @media only screen and (min-width: 991px) { .hbWebMBox { display: flex; flex-wrap: wrap; } .hbWebMBox .hbwbScope { width: calc(50% - 10px); } .hbWebMBox .hbwbScope:first-child { margin-right: 20px; } } @media screen and (min-width: 970px) { .hbContainer.hbmainp #ana_160x600_scroll { margin: 15px auto !important; min-height: 250px; max-height: 250px; height: 250px; display: block; } } @media only screen and (min-width: 880px) { #hbceEmojiContainer { position: relative; } #hbceEmojiContainer::before { content: ""; margin: 50px auto; display: block; height: 1px; width: Calc(100% - 40px); background-color: #eee; } .hbceEmojiconsc { display: flex; justify-content: center; align-items: center; margin-top: -100px; } .colpageYorumlar .hbcaTitle ~ .prYorumKutu, .hbCommentAdd .hbcaTitle { margin-top: 8px; } .hbnwboxig a.hbBoxMainText { background-color: #f4f4f4; } .hbnwboxig a.hbBoxMainText span { padding-top: 20px; } } @media only screen and (min-width: 767px) and (max-width: 821px) { .p12-col.biyografi-col { width: calc(100% / 1.5); } } @media only screen and (max-width: 861px) { .hbIndex.hbBoxScope .box.twoBox .hbBoxMainSubText p { width: 43% !important; } } @media only screen and (min-width: 768px) { a.financebtn { max-width: 300px; } #ShortsHaberler, .accordion-title::before, .bioContainer .hbBiographyDetails .hbptLinkScope .hbptLink:after, .bioContainer .hbBiographyDetails .hbptLinkScope .hbptLink:before, .catarea, .hbContainer.hbCovid .hbPageDetails, .hbLeftMenu .hblmItem.md a:before, .hbNewspaper .generalSmallTitle:after, .hbNewspaper .hbnScope .hbNewspaperWebsites p br, .hbPageDetails .hbptContent .accordion-p::before, .hbWriterNews .hbContainer.hbWeather .hbGeneralTitles h1, .newsErrorScope .newsErrorScopeOtherNewsCategoriesList.manset, .p12-col.mob-visible, .slider .bullets.mobBullets, .tab-checkbox, .tab-checkbox:checked + .accordion-title::before, .wordPage .hbIndex.hbBoxScope .hbBoxMainText .hbBoxImage ~ .hblnTitle { display: none; } .jbtxt, section#sagsondakika_blok.hbFooterNewsText .hbftntContent .hbftntLink { font-size: 14px; } .hbnwboxigv span { padding-top: 20px; padding-bottom: 10px; } #detay_2 a:last-child, form.gsc-search-box { margin-bottom: 0 !important; } .hbInRow.hbOtherNews { margin: 36px 0; } .hbaltTitle { margin: 24px 0; } .hbOtherNews .hbBoxScope .hbBoxMainText:first-child { padding-top: 0; } .hbOtherNews .hbBoxScope .hbBoxMainText:last-child { padding-bottom: 0; border-bottom: none; } .hbWriterNews .hbNewsBox.hbContainer { position: relative; padding: 0; /*width: 100%;*/ max-width: 1056px; } .hbWriterNews .hbContainer .SliderRow .WpColumn { padding-bottom: 24px; } .content-part .hbRow.hbSportStandings, .p1-row-cont { padding: 0; } .p12-col.colTwo { width: calc((100% / 3) * 2); height: 274px; margin-bottom: 25px; } .p12-col { padding: 0; width: 100%; height: 100%; box-sizing: border-box; float: left; } .p12-col .li-con.bik-ilan { height: 274px; } .rightCol { width: 400px; float: right; } .colPageRightEk { width: 336px; float: right; } .hbIndex.hbBoxScope .p12-col .boxStyle.hbBoxMainText { height: 280px !important; } .hbIndex.hbBoxScope .p12-col.colTwo .hbBoxMainText { height: auto; font-size: 20px; font-weight: 600; color: #000; line-height: 130%; border: none; margin-bottom: 20px; } .hbIndex.hbBoxScope .box.twoBox { position: relative; height: 280px !important; margin-bottom: 24px; padding: 20px 25px; } .hbIndex.hbBoxScope .colTwo .hbbiText { position: absolute; bottom: 0; right: 0; padding: 2px 10px; background-color: #4a4a4a85; font-family: Poppins, sans-serif; font-size: 12px; font-weight: 400; line-height: 150%; color: #fff; } .hbIndex.hbBoxScope .box.twoBox .hbBoxImage { width: 50% !important; max-width: 336px; height: auto !important; margin-right: 15px; } .hbIndex.hbBoxScope .box.twoBox .hbBoxMainSubText p { float: left; width: 47%; line-height: 135%; overflow: hidden; -webkit-line-clamp: 7; -webkit-box-orient: vertical; display: -webkit-box; } .hbPageDetails.colPage { width: calc(100% - 360px); margin-right: 24px; margin-bottom: 24px; } .hbPageDetails .hbptHead h1 { display: block; font-size: 36px; font-weight: 700; line-height: 130%; margin-bottom: 10px; } .hbptContent ul li, .jbtxt, .sltxt { font-weight: 400; } .hbPageDetails .hbptHead .hbptHeadH1, .hbptContent .yazarContent1 { padding: 24px 20px; } .hbPageDetails .hbptHead .hbptTagDate { font-size: 15px; font-weight: 500; margin-top: 0; line-height: 140%; } .hbPageDetails .hbptHead .hbptTagDate .hbptDate { font-size: 15px; font-weight: 500; } .hbPageDetails .hbptContent h3, .hbPageDetails .hbptHead h2 { margin-bottom: 20px; } .hbPageDetails .hbptContent h3 { margin: 0 0 20px; } .hbPageDetails .hbptContent.nameTitle h3 { margin: 10px 20px; } .hbPageDetails .hbptContent p { font-size: 18px; font-weight: 400; margin-top: 0; width: auto; display: block; line-height: 145%; } .hbnwboxig a.hbBoxMainText .hbBoxImage { margin-right: 20px; } .hbnwboxigv { background-color: #f4f4f4; } .hbptContent ul li { font-size: 16px; } .tab-checkbox:checked ~ .accordion-p ~ .tab-checkbox:checked ~ .accordion-p, .tab-checkbox:checked ~ .accordion-p ~ .tab-checkbox:not(:checked) ~ .accordion-p { display: block; } .hbPageDetails .hbptContent .accordion-p { display: block; margin: 0 0 20px; padding-left: 0; } .hbOtherNews .hbRow.hbNewsBox { width: 100%; line-height: 0; } .hbPageDetails .hbptItem.imgtxtarea { margin: 0 0 14px !important; padding: 0 !important; border: 0; order: 2; display: flex; align-items: center; background-color: #fff0; width: 100%; } .colPageLeft, .hbInRow.boxStyle.hbPageDetails { width: calc(100% - 360px); margin-bottom: 30px; } .hbptAuthorImg { height: 62px; } .hbPageDetails .hbptItem .hbptAuthorImg img { width: 62px; height: 62px; border: none; } .colpageYorumlar .hbcaTitle ~ .prYorumKutu, .hbCommentAdd .hbcYorumBaslik .colPage.colpageYorumlar { margin: 60px 0 0; } .hbBoxBiography .hbbbContent .hbbbTitle, .hbCatSlider, .hbInRow.boxRadius.hbCommentAdd, .podcast_adresler { margin-top: 0; } #nwsKeywords a { background-color: #e7e7e7; padding: 4px 15px; border-radius: 30px; font-size: 13px; display: inline-block; box-sizing: border-box; margin-right: 5px; margin-top: 10px; } #nwsKeywords a::after { content: ""; } #hbceEmojiContainer { order: 3; } .hbOtherNews .hbBoxScope .hbBoxMainText { box-shadow: none; padding: 14px 0; border-bottom: 1px solid; } .hbOtherNews .hbBoxScope .hbBoxMainText, .hbOtherNews .hbBoxScope .hbBoxMainText p { font-size: 16px; font-weight: 700; line-height: 140%; margin: 0; } .sltxt { font-size: 12px; color: #000; opacity: 1; } .hbFooterNewsText .hbftntTitle { padding: 0 15px; margin-top: 15px; } .hbFooterNewsText .hbftntTitle h3 { font-size: 20px; line-height: 140%; color: #333; } .hbFooterNewsText .hbftntContent { padding: 4px 20px 0; } .hbFooterNewsText .hbftntContent .hbftntLink { font-size: 14px; color: #333; padding: 10px 0; line-height: 140%; font-weight: 500; } .hbEmojiScope { display: inline-block; padding: 30px 20px 0; background-color: #fff; } .colPageRight .hbBoxScope .hbBoxImage { width: 100% !important; position: relative; float: left; overflow: hidden; } .colPageRight .hbBoxScope .hbBoxMainText { width: 100%; position: relative; float: left; height: auto; min-height: 112px; color: #333; padding: 0 8px; border-bottom: none; font-size: 16px; font-weight: 600; line-height: 130%; overflow: hidden; margin: 10px 0; } .colPageLeft { margin: 0 24px 0 0; padding: 0; } .hbGalleryQuiz, .hbWeatherBox { margin-bottom: 16px; } .hbBoxBiographyDetails .hbbbImageName .hbbbCityDate .hbbbcdMiddle, .hbDailyHeadline .colPageLeft, .hbDatePicker .hbdpScope.dateBtmCover, .hbWeatherBox .hbwbScope .generalSmallTitle, .hbWeatherBoxFull .hbwbScope { width: 100%; } .SliderRow .WpColumn .WpText, .col100 { width: 100%; position: relative; float: left; } .SliderRow, .SliderRow.gameSlide, .hbBreadCrumb .hbbcScope, .hbWeatherBox { display: flex; } .hbContainer.hbCatPage.ktgr-page .SliderRow { margin-top: 0; display: flex; } .hbContainer.hbCatPage.ktgr-page .SliderRow.gameSlide { margin-top: 20px; } .hbBoxScope .hbBoxImage .hbbiText, .hbCatBoxFullSlider .hbBoxImage .hbbiText { background-color: rgb(74 74 74 / 52%); font-size: 12px; color: #fff; } #mansetHaberler .hbBoxScope .box { width: calc(50% - 12px); height: 280px !important; } #mansetHaberler .hbBoxScope .box:nth-child(2n) { margin-left: 12px; } #mansetHaberler .hbBoxScope .box:nth-child(odd) { margin-right: 12px; } #mansetHaberler .hbBoxScope .box .hbBoxImage { width: 100% !important; height: auto !important; margin-right: 0; border-bottom: 4px solid; position: relative; } #mansetHaberler .hbBoxScope .box .hbBoxMainText { padding: 10px; font-weight: 500; } #mansetHaberler .hbonTitleFl { font-size: 32px; font-weight: 700; margin-bottom: 20px !important; margin-top: 0; line-height: 150%; } .hbPageDetails .hbptContent.SonDak { padding: 10px 0 0; } .hbptContent.SonDak .hbNewsDt { padding: 0 0 0 180px; margin: 7.5px auto; float: left; border: 0; min-height: 100px; } .hbptContent.SonDak .hbNewsDt .hbndImage { width: 170px; top: 0; } .hbptContent.SonDak .hbNewsDt .hbndImage img { border: 0; margin: 0; } .hbptContent.SonDak .hbNewsDt .hbndTitle { font-size: 18px; font-weight: 700; } .mob-pad { padding: 15px; } .hbBreadCrumb .hbbcScope { align-items: center; justify-content: space-between; } .SliderRow .SliderColumn { width: calc(100% - 324px); margin-right: 24px; } .SliderRow .WpColumn .WpText { height: 43px; color: #333; padding: 10px 15px 10px 45px; font-size: 15px; display: flex; align-items: center; } .SliderRow .WpColumn .WpText img { position: absolute; left: 10px; top: calc(50% - 13.5px); } .hbGalleryQuiz .hbGallerySwiper { width: calc(50% - 8px); max-width: 358px; position: relative; float: left; height: 140px; margin-right: 16px; margin-bottom: 0; border-left: 4px solid #ad3d85; } .hbGalleryQuiz .hbgsSlider { width: 100%; position: relative; float: left; padding: 5px; } .hbGalleryQuiz .hbgsSlider .swiper-slide { padding-left: 145px; } .hbGalleryQuiz .hbgsSlider .swiper-slide a { display: block; height: 130px; } .hbGalleryQuiz .hbgsSlider .swiper-slide .hbgsImage { position: absolute; left: 0; top: 0; width: 136px; height: 130px; overflow: hidden; } .hbGalleryQuiz .hbgsSlider .swiper-slide span { height: 100px; line-height: 135%; overflow: hidden; -webkit-line-clamp: 5; -webkit-box-orient: vertical; display: -webkit-box; } .hbGalleryQuiz .hbQuizSwiper { width: calc(50% - 8px); max-width: 358px; position: relative; float: left; height: 140px; border-left: 4px solid #2da187; margin-bottom: 0; } .hbGalleryQuiz .hbgsPgArw { position: absolute; bottom: 10px; top: auto; right: 5px; width: 200px; } .hbGalleryQuiz .hbgsPgArw .swiper-button-next { background-image: url(https://www.haberler.com/static/img/tasarim/icon-red-rightarrow.png); width: 22px; height: 22px; background-size: 22px 22px; margin-top: 0; z-index: 11; outline: 0; right: 0; top: 0; -webkit-transition: 0.34s; -moz-transition: 0.34s; -ms-transition: 0.34s; -o-transition: 0.34s; transition: 0.34s; } .hbGalleryQuiz .hbgsPgArw .swiper-button-prev { background-image: url(https://www.haberler.com/static/img/tasarim/icon-red-leftarrow.png); width: 22px; height: 22px; background-size: 22px 22px; margin-top: 0; z-index: 11; outline: 0; left: 0; top: 0; -webkit-transition: 0.34s; -moz-transition: 0.34s; -ms-transition: 0.34s; -o-transition: 0.34s; transition: 0.34s; } .hbGalleryQuiz .hbgsPgArw .swiper-pagination { width: 100%; position: relative; float: left; padding-left: 22px; padding-right: 22px; } .hbGalleryQuiz .hbgsPgArw .swiper-pagination .swiper-pagination-bullet { width: 13px; height: 22px; margin: 0 2px; color: #fe0000; background-color: #fff0; opacity: 1; font-size: 13px; line-height: 180%; outline: 0; } .hbGalleryQuiz .hbgsPgArw .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #fe0000; color: #fff; width: 22px; height: 22px; } .hbExchange.hb-fin { border-left: 4px solid #fe0000; height: 25px; display: flex; align-items: center; border-radius: 0; } .hbExchange .hbexCol { width: 20%; border-right: none; } .hbExchange .hbexCol a { display: flex; flex-direction: row; align-items: center; justify-content: center; } .hbExchange .hbexCol .hbexIcon { width: auto; line-height: 100%; margin-bottom: 0; position: relative; font-size: 14px; font-weight: 600; color: #575757; } .hbExchange .hbexCol .hbexIcon.down:after, .hbExchange .hbexCol .hbexIcon.up:after { position: absolute; top: 50%; transform: translateY(-50%); } .hbExchange .hbexCol .hbexStatus { width: auto; margin-left: 22px; font-size: 14px; } .colPageLeftNarrow .hbLeftMenu:hover .hblmItem, .hbExchange .hbexCol .hbexIcon.down ~ .hbexStatus { color: #b30000; } .hbExchange .hbexCol .hbexIcon.up ~ .hbexStatus { color: #063; } .hbIndex.hbBoxScope .hbBoxMainText { width: 100%; display: flex; flex-direction: column; padding: 0; margin-bottom: 24px; float: left; min-height: 280px; z-index: 9; } #quiz_list_categories ul li:last-child, .hbIndex.hbBoxScope .hbBoxMainText:nth-child(3), .hbIndex.hbBoxScope .hbBoxMainText:nth-child(3n + 5), .hbPrayerDistrict .hbpdScope .hbpdDistrictList .hbpdItem:nth-child(5n) { margin-right: 0; } .hbIndex.hbBoxScope .hbBoxMainText .hbBoxImageContent { width: 100%; height: 168px; overflow: hidden; position: relative; display: inline-flex; } .wordPage .hbIndex.hbBoxScope .hbBoxMainText .hbBoxImage { height: 100%; } .hbIndex.hbBoxScope .hbBoxMainText.color-general .hbBoxImageContent, .hbIndex.hbBoxScope .twoBox.color-general .hbBoxImage { border-color: #fe0000; } .hbIndex.hbBoxScope .hbBoxMainText.color-actual .hbBoxImageContent, .hbIndex.hbBoxScope .twoBox.color-actual .hbBoxImage { border-color: #850030; } .hbIndex.hbBoxScope .hbBoxMainText.color-finance .hbBoxImageContent, .hbIndex.hbBoxScope .twoBox.color-finance .hbBoxImage { border-color: #0b5bb3; } .hbIndex.hbBoxScope .hbBoxMainText.color-magazine .hbBoxImageContent, .hbIndex.hbBoxScope .twoBox.color-magazine .hbBoxImage { border-color: #ad3d85; } .hbIndex.hbBoxScope .hbBoxMainText.color-sport .hbBoxImageContent, .hbIndex.hbBoxScope .twoBox.color-sport .hbBoxImage { border-color: #2da187; } .hbIndex.hbBoxScope .hbBoxMainText.color-thirdpage .hbBoxImageContent, .hbIndex.hbBoxScope .twoBox.color-thirdpage .hbBoxImage { border-color: #242424; } .hbIndex.hbBoxScope .hbBoxMainText .hbBoxImage { width: 100% !important; height: auto; max-height: 168px; object-fit: cover; object-position: unset; display: block; } main.hbContainer.hbArsiv .hbIndex.hbBoxScope .hbBoxMainText .hbBoxImageContent, main.hbContainer.hbWeather .hbIndex.hbBoxScope .hbBoxMainText .hbBoxImage { height: 168px !important; } .hbIndex.hbBoxScope .hbBoxMainText .hbbiText { position: absolute; bottom: 0; left: 0; background-color: rgb(74 74 74 / 52%); font-size: 12px; color: #fff; font-weight: 500; line-height: 150%; padding: 2px 10px; } .hbIndex.hbBoxScope .hbBoxMainText .hbBoxText { padding: 0 8px; font-size: 16px; font-weight: 600; margin: 10px 0 18px; line-height: 134%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; height: auto; } .bik-ilan .hbBoxText, .p12-col .li-con.bik-ilan a .hbBoxText { line-height: 118%; } .hbBoxScope .boxV, .hbCatBoxFullSlider .boxV { width: calc((100% / 3) - 24px); float: left; } .hbBoxScope .boxV.blackStyle { height: 584px !important; } #widget_div, .hbBoxScope .blackStyle.yazarStyle { width: 100%; height: 280px !important; } .hbBoxScope .blackStyle.yazarStyle { margin-bottom: 24px; margin-top: 0; } .hbBoxScope .blackStyle .hbBoxImage { width: 100% !important; height: 138px !important; overflow: hidden; } .hbIndex.hbBoxScope .blackStyle .hbBoxMainText { font-size: 18px; font-weight: 500; width: 100%; height: 128px; padding: 10px; line-height: 130%; margin-bottom: 0; } .hbBoxScope .blackStyle .hbBoxVslider { padding: 15px; height: 266px; position: relative; } .hbBoxScope .blackStyle .hbBoxVslider .swiper-slide .hbvsImage { width: 80px; height: 61px; top: 3px; overflow: hidden; } .hbBoxScope .blackStyle .hbBoxVslider .swiper-slide .hbvsImageTitle { font-weight: 500; } .hbBoxScope .blackStyle .hbBoxHeadTitle { height: 40px; } .hbBoxScope .blackStyle .hbBoxVslider .hbgsPgArw .swiper-button-prev { background-image: url(../index/icon-white-leftarrow.png); } .hbBoxScope .blackStyle .hbBoxVslider .hbgsPgArw .swiper-button-next { background-image: url(../index/icon-white-rightarrow.png); } #widget_div { display: flex; flex-direction: column; padding: 0; margin: 0 12px 24px; float: left; } .slider .bullets.deskBullets { background-color: #fff; display: flex; } .slider .bullets.deskBullets .bullet { color: #393838; font-size: 15px; width: calc(100% / 25); position: relative; } .hbWriters .yazarStyle .hbYdyzr .hbYdyzra, .slider .bullets.deskBullets .bullet.active { font-weight: 700; } .slider .bullets.deskBullets .bullet.active::after { content: ""; width: 100%; height: 0; border-bottom: 3px solid #fe0000; position: absolute; bottom: 0; left: 0; } .hbMainSlider .swiper-button-next { background-image: url(https://www.haberler.com/static/img/tasarim/icon-white-arrowright.png); width: 20px; height: 40px; background-size: 20px 40px; } .hbMainSlider .swiper-button-prev { background-image: url(https://www.haberler.com/static/img/tasarim/icon-white-arrowleft.png); width: 20px; height: 40px; background-size: 20px 40px; } .hbMainSlider .swiper-pagination { width: 100%; background: #fff; height: 34px; border-bottom: 3px solid #dbdbdb; position: relative; float: left; display: flex; } #Manset .swiper-pagination .swiper-pagination-bullet { width: calc(100% / 25); height: 31px; border-radius: 0; padding: 8px 0; font-size: 15px; background-color: #fff; color: #393838; opacity: 1; text-align: center; } #Manset .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { font-weight: 600; height: 34px; border-bottom: 3px solid red; } .content-part .hbSportStandings .hbWeekMatchs .hbwmMatchsLineScope .hbwmMatchsLine .hbwmMatchs .hbwmScore, .hbBreadCrumb .hbbcScope .hbbcRight { display: flex; align-items: center; } .hbBreadCrumb .hbbcScope .hbbcRight .hbbcSocialIcon, .hbBreadCrumb .hbbcScope .hbbcRight .hbbcSocialIcon a { display: flex; margin-top: 0; align-items: center; } .hbBreadCrumb .hbbcScope .hbbcRight .hbbcRssAndAddWebsiteScope { margin-left: 5px; } .hbPageDetails .hbptContent .accordion-title { padding-bottom: 0; border-bottom: none; margin: 0 0 8px; } .hbOtherNews .hbRow.hbNewsBox .boxStyle.hbBoxMainText { height: auto !important; } .hbWeatherBox .hbwbScope { width: 100%; margin-right: 24px; } .hbWeatherBox .hbwbScope:last-child { margin-right: 0; display: flex; flex-wrap: wrap; } .hbPlate .hbpScope .hbpPlateList { width: calc(100% / 9) !important; min-width: 92px; margin-bottom: 25px; } .hbContainer.yerel .hbProvinceSwipeBox, .hbWriterNews .hbContainer.hbWeather .hbBreadCrumb, .ozeltext { margin-bottom: 0; } .hbDailyHeadline .hbdhText { font-size: 16px; padding-top: 0; } .hbWeatherBox .colBlock { width: 33.33%; } .hbWeatherBox .hbwbScope .hbwbBorderRightGrey { border-bottom: 0; margin: 0; padding: 0; min-height: 180px; } .hbWeatherBox .hbwbScope .hbwbBorderRightGrey.mid { border-left: 1px solid #cbcbcb; border-right: 1px solid #cbcbcb; } .hbbwDetailsDay { height: 80px; } .hbWeatherBox .hbwbScope .hbwbWeatherRow, .hbWeatherBox .hbwbScope .hbwbfLongText .hbwbfLongText { padding-bottom: 0; } .hbWeatherBox .hbwbScope .hbwbWeatherSpace { margin-bottom: 21px; display: flex; align-items: center; justify-content: center; } .hbWeatherBox .hbwbScope .hbwbWeatherRow:first-child .hbwbRightColumn { min-width: 160px; } .hbPrayerDistrict .hbpdScope .hbpdDistrictList .hbpdItem { width: calc(20% - 19.2px); padding: 10px; line-height: 180%; } .namaz-container .hbPrayerTime .hbptScope { padding: 30px; } .hbPrayerTime .hbptScope .hbptBlocks { width: calc(100% / 7); margin: 0; } .hbImsakDate .hbTimeScope { width: 50%; float: left; padding: 30px 20px; } .hbImsakDate .hbTimeScope .hbidCount { position: relative; right: 0; padding-top: 0; } .hbImsakDate .hbTimeScope .hbidText { width: auto; padding-top: 0; font-size: 16px; font-weight: 600; margin-right: 10px; } .hbImsakDate .hbTextRight { text-align: right; padding: 25px 20px 25px 0; float: right; font-size: 17px; } .hbImsakDate .hbCami { position: absolute; right: calc(50% - 200px); height: 100%; } .hbImsakDate .hbCami img { height: 100%; width: auto; } .hbImsakDate .hbTextRight .hbTextBold { line-height: 100%; font-size: 33px; font-weight: 800; } .hbImsakDate .hbTimeScope .timerMain { width: 120px; height: 40px; float: left; display: flex; align-items: center; } .NewspaperPage { display: flex; flex-direction: column; } .NewspaperPage .hbRow.newsPaperTitle { order: 1; margin-top: 45px; margin-bottom: 24px; } .NewspaperPage .hbRow.hbDatePicker { order: 5; } .NewspaperPage .hbRow.newsPaperTitle .hbGeneralTitles h1 { text-transform: capitalize; line-height: 100%; } .hbNewspaper .hbnScope .hbNewspaperList .hbNewspaperImg { width: calc(25% - 30px); margin: 15px; } .hbNewspaper .hbnScope .hbNewspaperList .hbNewspaperImg .hbNewspaperName, .sns-detay { font-size: 18px; } .hbNewspaper .hbnScope .hbNewspaperList .hbNewspaperImg .hbNewspaperName::after { content: " Gazetesi"; } .hbNewspaper .hbnScope .hbNewspaperWebsites .hbnwwBlock, .hbNewspaper .hbnScope .hbNewspaperWebsites.freemode .hbnwwBlock { width: 25%; margin-right: 0; } .hbNewspaper .hbnScope .hbNewspaperWebsites * { font-size: 16px; line-height: 160%; } .hbNewspaper .hbnScope .hbNewspaperWebsites p b { text-transform: uppercase; margin-right: 3px; } .hbNewspaper .hbnFullImage { position: relative; margin-top: 24px; } .hbNewspaper .hbnFullImage .hbnFullNewspaper { width: calc(100% - 200px); margin: auto; } .hbNewspaper .hbnFullImage .hbnArrowLeft, .hbNewspaper .hbnFullImage .hbnArrowRight { position: absolute; top: 50%; transform: translateY(-50%); max-width: 100px; } .hbNewspaper .hbnFullImage .hbnArrowLeft { left: 0; } .hbNewspaper .hbnFullImage .hbnArrowRight { right: 0; } .hbNewspaper .hbnFullImage .hbnArrowLeft a, .hbNewspaper .hbnFullImage .hbnArrowRight a { display: flex; flex-direction: column; align-items: center; text-align: center; } .hbDatePicker .hbdpScope, .hbNewspaper .hbnFullImage .hbnNextText, .hbNewspaper .hbnFullImage .hbnPrevText { font-size: 14px; font-weight: 800; color: #000; } .mainAstrology .hbGeneralTitles h2 { font-size: 24px; font-weight: 700; margin: 0 0 24px; } .mainAstrology .hbDailyHeadline .hbdhScope { padding: 20px; margin-bottom: 36px; } .mainAstrology .hbDailyHeadline .hbdhText { padding-top: 0; line-height: 150%; } .hbAstrology .hbaScope .hbaItemList { width: calc((100% / 12) - 20px); margin: 10px; min-width: 40px; } .hbAstrology .hbaScope .hbaItemList:nth-child(3n + 0), .sc-icons img { margin-right: 10px; } .hbAstrology .hbaScope { padding: 25px 20px; } .mainAstrology .hbDailyHeadline .hbdhScope .hbdhBox { border-bottom: 1px solid #e8e8e8; margin: 0; padding: 20px 0; } .mainAstrology .hbDailyHeadline .hbdhScope a:last-child .hbdhBox { border-bottom: none; padding-bottom: 0; } .mainAstrology .hbDailyHeadline .hbdhImage { width: 110px; float: left; margin-right: 30px; display: flex; justify-content: center; } .mainAstrology .hbDailyHeadline .hbdhBox .hbdhText, .mainAstrology .hbDailyHeadline .hbdhTitle { float: right; line-height: 150%; } .mainAstrology .hbDailyHeadline .hbdhTitle { padding-top: 0; margin-bottom: 10px; } .wordPage .hbIndex.hbBoxScope .hbBoxMainText .hblnTitle { overflow: hidden; -webkit-line-clamp: 7; -webkit-box-orient: vertical; display: -webkit-box; width: 100%; } .hbPodcast.hbBoxScope .hbBoxMainText .hbBoxText, .wordPage .hbIndex.hbBoxScope .hbBoxMainText .hbBoxImage ~ .hbBoxText, .wordPage .hbIndex.hbBoxScope .hbBoxMainText .hbBoxText { height: auto; } .wordPage .hbIndex.hbBoxScope .hbBoxMainText .hbbiText { bottom: 0; left: auto; top: auto; right: 0; } .wordPage .hbIndex.hbBoxScope .hbBoxMainText .hbBoxImage ~ .hbbiText { bottom: auto; left: auto; top: 0; right: 0; } .hbBoxScope .box.hbBoxBiography { height: 100%; max-height: 584px; float: left; position: relative; margin-bottom: 30px; } .hbBoxBiography .hbbbContent .hbbbText { overflow: hidden; -webkit-line-clamp: 11; -webkit-box-orient: vertical; display: -webkit-box; } /*.hbBoxBiography .hbbbContent .hbbbLink { position: absolute; bottom: 20px; right: 20px; }*/ .hbBoxBiography .hbbbCityDate .hbbcdRow, .hbRightMenu .hbrmItem .sc-icons .hbrmText, .hbiiPKisiRow .hbiiPKisiBaslik { line-height: 100%; } .hbProvinceSwipeBox { display: flex; float: right; margin-bottom: 15px; } .hbProvinceSwipeBox .hbpsbCity-alt:first-child { margin-right: 15px; } .hbProvinceSwipeBox .hbpsbCity-alt .hbpsbSelect { width: 185px; height: 40px; margin-bottom: 0; } .wordPage .hbBreadCrumb ~ .hbRow .hbGeneralTitles { width: 100%; float: left; } .wordPage .hbBreadCrumb ~ .hbRow .hbGeneralTitles:first-child { width: auto; } .hbBoxCountry { height: 584px; } .hbiiPKisiRow .hbiiPKisiAdi { line-height: 140%; } .hbiiPKisiRow .hbiiPKisiList li { min-height: 0; } .hbiiPKategoriRow .hbiiPKategoriBaslik { line-height: 90%; } .hbiiPKategoriRow .hbiiPKategoriListe li { line-height: 120%; } .hbBoxCountry .hbBoxContainer { height: 408px; } .hbIndex.hbBoxScope .hbBoxMainText video.hbBoxImage { object-fit: contain; } .hbWriterNews .hbContainer .hbGeneralTitles h1, .hbWriterNews .hbContainer.mainChanel .hbGeneralTitles h1, .hbWriterNews .hbContainer.sub .hbGeneralTitles h1, .hbWriterNews .hbContainer.wordPage .hbGeneralTitles h1 { text-transform: capitalize; } .hbContainer.wordPage .hbGeneralTitles h2.description, .hbGeneralTitles h2 { font-size: 20px; line-height: 135%; margin: 0 0 24px; float: left; } .col-50 { width: 50%; padding: 10px; } .hbWriterNews .hbOtherNews .hbonTitle { float: left; width: 100%; padding: 0 12px; font-size: 32px; font-weight: 800; color: #333; margin-bottom: 25px; } .hbBoxBiographyDetails .hbbbImageName, .hbBoxBiographyDetails .hbbbImageName .hbbbCityDate .hbbcdRow, .newsErrorScope .newsErrorScopeColumnTwo { display: flex; padding-left: 10px; flex-wrap: wrap; align-content: flex-start; justify-content: flex-start; gap: 5px; } .bioContainer .hbBiographyDetails .hbptLinkScope { padding: 0 20px; margin-top: 0; } .bioContainer .hbBiographyDetails .hbptLinkScope .hbptLink { color: #00f; } .hbBoxBiographyDetails .hbbbImageName .hbbbImagRadius { position: relative; left: 0; min-width: 80px; } .hbContainer.mainChanel .hbGeneralTitles h2 { font-size: 24px; margin-top: 24px; } .yazarStyle .hbYdimg, .yazarStyle .hbYdimg .hbYdimgi, .yazarStyle .hbYdimgi img { width: 70px; height: 70px; } .yazarStyle .hbYdimg .hbYdimgi { border-radius: 100%; } .hbBoxBiographyDetails .hbbbImageName .hbbbImagRadius.writer { width: 80px; height: 80px; margin-left: 0; } .hbPageDetails .hbptContent.hbBiographyContent { padding: 10px 20px; } .hbPageDetails .hbptContent.hbBiographyContent p { font-size: 14px; margin: 0; } .hbBoxScope .hbBoxMainText .yzrbaslik { font-size: 18px; line-height: 150%; } .true-control .hbBoxScope .hbBoxMainText .osd { position: relative; color: #696969; font-size: 15px; padding: 0 10px; text-align: right; } .hbContainer.true-control .hbGeneralTitles h1 { margin-bottom: 24px; text-transform: capitalize; } .hbContainer.true-control .hbGeneralTitles h1::after { content: url(/mstatic/assets/img/dogruluk-kontrolu-kutu.svg); width: 92px; height: 30px; display: inline-block; position: relative; top: 5px; margin-left: 10px; } .hbWriterNews .hbContainer.sub .hbGeneralTitles { width: calc(100% - 230px); float: left; } .hbWriterNews .hbContainer.sub .KatSearch { position: relative; z-index: 9; width: 230px; float: right; } .hbWriterNews .hbContainer.sub .KatSearch .KatSubmit { margin-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; cursor: pointer; } .hbWriterNews .hbContainer.sub .KatSearch .KatInput { width: 75%; border-top-right-radius: 0; border-bottom-right-radius: 0; background-position: 10px; padding-left: 30px; float: left; } #quiz_list_categories { padding: 20px; float: left; } #quiz_list_categories ul li { width: calc(((100% - 55px) / 28) - 5px); margin-right: 5px; min-width: 30px; } #quiz_list_categories ul li:first-child { width: 55px; } #quiz_list_categories ul li.twice-words { width: 66px; } #quiz_list_categories ul li .aktif, #quiz_list_categories ul li .pasif { line-height: 100%; padding: 8px; text-align: center; } .hbFinanceDetails .hbTableContent thead tr th { font-weight: 800; text-align: left; } .hbGeneralTitles h2.h2sd { font-size: 24px; } .hbnGeneralSubText { margin-top: 24px; font-size: 16px; line-height: 150%; } .hbContainer.all .hbFooter, .hbContainer.all .hbFooter .hbftLinkScope { background: #ffffff; } .hbContainer.all .hbFooter { margin-bottom: 36px; } .hbContainer.all .hbFooter .hbftLinkScope .hbftlHead { border: none; padding: 16px 16px 0; margin-bottom: 16px; font-size: 34px; font-weight: 700; color: #000; line-height: 120%; } .hbContainer.all .hbFooter .hbftLinkScope .hbftlContent { background: #fff; padding: 35px 20px 0; } .hbContainer.all .hbFooter .hbftLinkScope .hbftlCol, .newsErrorScope .newsErrorScopeOtherNewsCategories .newsErrorScopeOtherNewsCategoriesLeft { display: flex; flex-wrap: wrap; } .hbContainer.all .hbFooter .hbftLinkScope .hbftlCol .hbftUrl { width: calc(100% / 8); margin-bottom: 35px; } .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a { display: flex; flex-direction: column; align-items: center; justify-content: center; color: #a1a1a1; font-size: 14px; font-weight: 700; text-align: center; } .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a::before { content: ""; background-size: contain; background-repeat: no-repeat; background-position: center; height: 25px; width: 100%; margin-bottom: 5px; } .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="3.Sayfa"]::before { background-image: url(/mstatic/assets/img/tumu/ucuncu-sayfa-haberlercom.svg); } .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Anne-Çocuk"]::before { background-image: url(/mstatic/assets/img/tumu/anne-cocuk-haberlercom.svg); } .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Burçlar"]::before { background-image: url(/mstatic/assets/img/tumu/burclar-haberlercom.svg); } .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Doğruluk Kontrolü"]::before { background-image: url(/mstatic/assets/img/tumu/dogruluk-kontrolu-haberlercom.svg); } .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Döviz Kurları"]::before { background-image: url(/mstatic/assets/img/tumu/doviz-kurlari-haberlercom.svg); } .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Dünya"]::before { background-image: url(/mstatic/assets/img/tumu/dunya-haberlercom.svg); } .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Eğitim"]::before { background-image: url(/mstatic/assets/img/tumu/egitim-haberlercom.svg); } .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Ekonomi"]::before, .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Zirvedekiler"]::before { background-image: url(/mstatic/assets/img/tumu/ekonomi-haberlercom.svg); } .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Finans"]::before { background-image: url(/mstatic/assets/img/tumu/finans-haberlercom.svg); } .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Fotogaleri"]::before { background-image: url(/mstatic/assets/img/tumu/fotogaleri-haberlercom.svg); } .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Gamegar"]::before { background-image: url(/mstatic/assets/img/tumu/espor-haberlercom.svg); } .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Gazeteler"]::before { background-image: url(/mstatic/assets/img/tumu/gazeteler-haberlercom.svg); } .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Güncel"]::before { background-image: url(/mstatic/assets/img/tumu/guncel-haberlercom.svg); } .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Güzel Sözler"]::before { background-image: url(/mstatic/assets/img/tumu/guzel-sozler-haberlercom.svg); } .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Güzellik"]::before { background-image: url(/mstatic/assets/img/tumu/guzellik-haberlercom.svg); } .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Haber Arşivi"]::before { background-image: url(/mstatic/assets/img/tumu/haber-arsivi-haberlercom.svg); } .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Hava Durumu"]::before { background-image: url(/mstatic/assets/img/tumu/hava-durumu-haberlercom.svg); } .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="İmsakiye"]::before { background-image: url(/mstatic/assets/img/tumu/imsakiye-haberlercom.svg); } .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Kadın"]::before { background-image: url(/mstatic/assets/img/tumu/kadin-haberlercom.svg); } .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Komik Haberler"]::before { background-image: url(/mstatic/assets/img/tumu/komik-haberlercom.svg); } .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Koronavirüs"]::before { background-image: url(/mstatic/assets/img/tumu/koronavirus-haberlercom.svg); } .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Kültür - Sanat"]::before { background-image: url(/mstatic/assets/img/tumu/kultur-sanat-haberlercom.svg); } .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Maç Sonuçları"]::before { background-image: url(/mstatic/assets/img/tumu/mac-sonuclari-haberlercom.svg); } .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Manşetler"]::before { background-image: url(/mstatic/assets/img/tumu/manset-haberlercom.svg); } .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Magazin"]::before { background-image: url(/mstatic/assets/img/tumu/marka-kadinlar-haberlercom.svg); } .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Moda"]::before { background-image: url(/mstatic/assets/img/tumu/moda-haberlercom.svg); } .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Namaz Vakitleri"]::before { background-image: url(/mstatic/assets/img/tumu/namaz-vakitleri-haberlercom.svg); } .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Otomobil"]::before { background-image: url(/mstatic/assets/img/tumu/otomobil-haberlercom.svg); } .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Politika"]::before { background-image: url(/mstatic/assets/img/tumu/politika-haberlercom.svg); } .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="RSS Servisi"]::before { background-image: url(/mstatic/assets/img/tumu/rss-servisi-haberlercom.svg); } .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Rüya Tabirleri"]::before { background-image: url(/mstatic/assets/img/tumu/ruya-tabirleri-haberlercom.svg); } .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Sağlık"]::before { background-image: url(/mstatic/assets/img/tumu/saglik-haberlercom.svg); } .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Şans Oyunları"]::before { background-image: url(/mstatic/assets/img/tumu/sans-oyunlari-haberlercom.svg); } .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Seçim"]::before { background-image: url(/mstatic/assets/img/tumu/secim-haberlercom.svg); } .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Sektörel Bakış"]::before { background-image: url(/mstatic/assets/img/tumu/sektorel-bakis-haberlercom.svg); } .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Sitene Ekle"]::before { background-image: url(/mstatic/assets/img/tumu/sitene-ekle-haberlercom.svg); } .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Son Dakika"]::before { background-image: url(/mstatic/assets/img/tumu/son-dakika-haberlercom.svg); } .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Son Depremler"]::before { background-image: url(/mstatic/assets/img/tumu/sonn-depremler.svg); } .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Spor"]::before { background-image: url(/mstatic/assets/img/tumu/spor-haberlercom.svg); } .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Tatil"]::before, .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Turizm"]::before { background-image: url(/mstatic/assets/img/tumu/tatil-haberlercom.svg); } .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Teknoloji"]::before { background-image: url(/mstatic/assets/img/tumu/teknoloji-haberlercom.svg); } .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="TV Yayın Akışı"]::before { background-image: url(/mstatic/assets/img/tumu/tv-yayin-akisi-haberlercom.svg); } .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Quiz"]::before { background-image: url(/mstatic/assets/img/tumu/quiz-haberlercom.svg); } .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Yazarlar"]::before { background-image: url(/mstatic/assets/img/tumu/yazarlar-haberlercom.svg); } .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Yemek Tarifleri"]::before { background-image: url(/mstatic/assets/img/tumu/lezzet-haberlercom.svg); } .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Yerel Haberler"]::before { background-image: url(/mstatic/assets/img/tumu/yerel-haberler-haberlercom.svg); } .hbMainSlider .slider .bullets { background: #fff; } .hbMainSlider .slider .bullets .bullet { height: 31px; border-radius: 0; padding: 8px 0; font-size: 15px; background-color: #fff; color: #393838; opacity: 1; text-align: center; position: relative; } .hbMainSlider .slider .bullets .bullet.active { color: #393838 !important; font-weight: 600; } .hbMainSlider .slider .bullets .bullet.active::after { content: ""; width: 100%; position: absolute; border-bottom: 3px solid red; left: 0; bottom: -3px; } .hbMainSlider .slider .bullets .bullet::before { content: attr(data-sid); } .hbSportStandings .hbssScope .hbstWeekNumber { font-size: 20px; font-weight: 700; } .hbssScope > img { width: 74px; height: auto; } .hbSportStandings .hbssScope .hbssTitle span { font-size: 26px; } .hbSportStandings .hbWeekMatchs .hbwmMatchsLineScope .hbwmMatchsLine .hbwmMatchs .hbwmScore .hbsHome { margin: 5px 10px; } .colPageLeftNarrow { width: 336px; margin-right: 24px; padding: 20px; background-color: #fff; float: left; } .colPageRightBroad { width: calc(100% - 360px) !important; background-color: #fff; padding: 20px; float: right; } .colPageLeftNarrow .hbLeftMenu { cursor: pointer; padding: 10px 0; border-bottom: 1px solid #ececec; } .colPageLeftNarrow .hbLeftMenu:last-child { border-bottom: none; } .colPageLeftNarrow .hbLeftMenu:hover .hblmItem::after { content: ""; width: 8px; height: 15px; background: url(/mstatic/assets/img/icon-continue-red.png) right center/100% 100% no-repeat; display: inline-block; top: 5px; right: 5px; position: absolute; } .hbPageDetails .hbptHead.hbBoxBiographyDetails h1, .hbRightMenu .hbrmItem .hbrmTitle { margin-bottom: 5px; } .hbPageDetails .hbptHead.hbBoxBiographyDetails.bygrTitle h1 { margin-left: 20px; } .hbRightMenu .hbrmAboutProgress .hbrmAboutProgressItem, .hbRightMenu .hbrmAboutProgress .hbrmAboutProgressItem.hbrmBars { width: 33.3%; padding: 10px 0; } .hbRightMenu .hbrmAboutProgress { display: flex; align-items: center; flex-wrap: wrap; } #odullerimiz .hbrmAboutProgressItem { width: 50%; margin: 0; } #YerelMedya { margin: 0 -12px; } #YerelMedya .hbContactFormBlocks { width: calc(50% - 24px); margin: 0 12px; } #YerelMedya .hbContactFormBlocks.check { font-size: 12px; font-weight: 700; } #yzrKaydet { column-count: 2; } #YzrOrnekYazi { height: 270px !important; } .editor .yazarStyle .hbYdimg, .editor .yazarStyle .hbYdimg .hbYdimgi, .editor .yazarStyle .hbYdimgi img { width: 110px; height: 110px; } .editor .yazarStyle .hbYdyzr { width: calc(100% - 165px); margin-top: 10px; } .editor .colPageLeft .yazarStyle { padding: 24px 0; position: relative; } .editor .colPageLeft .yazarStyle::before { content: ""; width: 1px; height: calc(100% - 140px); position: absolute; opacity: 0.28; top: 70px; left: 50%; background-color: #c3c3c3; } .hbGeneralTitles .h2-pod { width: auto; float: left; margin-top: 7px; margin-right: 20px; } .podcast_adres { margin-right: 15px; margin-bottom: 0; } .hbPodcast.hbBoxScope .hbBoxMainText .hbBoxImage { height: 100% !important; width: auto !important; object-fit: contain; margin: 0; max-height: 85px; } .hbPodcast.hbBoxScope .hbBoxMainText .hbmtContent { padding: 0 10px; font-size: 14px; font-weight: 400; margin-top: 0; } .content-part .hbSportStandings .hbWeekMatchs .hbwmMatchsLineScope .hbwmMatchsLine .hbwmMatchs .hbwmScore .hbsAway { margin: 5px 10px; padding: 5px; } .hbBoxBiographyDetails .hbbbImageName .hbbbImagRadius img { width: 80px; height: 80px; position: relative; display: block; border-radius: 50%; } .hbBoxBiographyDetails .hbbbImageName .hbbbCityDate { width: calc(100% - 85px); padding-left: 0; } .hbBoxBiographyDetails .hbbbImageName > .hbbbcdMiddle { width: 100%; float: left; left: 125px; margin-top: -40px; position: relative; } .vdsax1 .hbYdinf { padding-left: 0; } .hbRow.arahbrow { background-color: #fff; padding: 20px; } table.gsc-search-box table.gsc-input .gsib_a::before { content: "HABERLERDE ARA:"; position: absolute; font-size: 16px; font-weight: 700; left: -171px; } table.gsc-search-box td.gsc-input { padding-left: 170px; } .newsErrorScope .newsErrorScopeColumnOne { width: 100%; display: flex; flex-direction: row-reverse; } .nesErrorTextLink { width: 35%; text-align: left; } .nesErrorText { font-size: 30px; width: 350px; font-weight: 600; } .newsErrorScope .newsErrorScopeImg { width: 65%; } .newsErrorScope .newsErrorScopeOtherCategorie { width: calc(50% - 0px); left: 0; transform: translateX(0); margin-right: 40px; } .newsErrorScope .newsErrorScopeOtherNewsCategories { width: calc(50% - 20px); } .newsErrorScope .newsErrorScopeOtherNewsCategories .newsErrorScopeOtherNewsCategoriesList { width: calc(50% - 15px); } .newsErrorScope .newsErrorScopeOtherNewsCategories .newsErrorScopeOtherNewsCategoriesList:nth-child(2n) { margin-right: 30px; } .newsErrorScope .newsErrorScopeOtherCategorie .newsErrorScopeOtherCategorieIcon { width: calc(20% - 10px); font-size: 12px; margin: 15px 5px; } .hbIndex.hbBoxScope.rvlRow .p12-col .boxStyle.hbBoxMainText { height: 370px !important; } .hbIndex.hbBoxScope.rvlRow .hbBoxMainText .hbBoxImage { max-height: 279px; } .hbIndex.hbBoxScope.rvlRow .hbBoxMainText .hbBoxText { height: 70px; } .hbGeneralTitles h2.h1, .hbGeneralTitles h3.h1 { font-size: 34px; margin: 0; } .hbPaperNameMenu span { width: calc(100% / 7); } .hbPaperNameMenu span:last-child, .hbPaperNameMenu span:nth-child(7) { border-right: none; } .hbEmojiScope .hbeCol { width: 28px; margin-right: 12px; } .hbEmojiScope .hbeCol .hbColImage { height: 38px; } .hbContainer.all .hbFooter .hbftLinkScope .hbftlContent.pagetumu { background: #fff; padding: 4px; } .hbContainer.all .hbFooter .hbftLinkScope .hbftlContent.pagetumu .hbftlCol .hbftUrl { width: calc(100% / 8); margin-bottom: 0; background: #f7f7f7; border: 4px solid #fff; display: flex; align-items: center; justify-content: center; padding: 20px; } .hbContainer.all .hbFooter .hbftLinkScope .hbftlContent.pagetumu .hbftUrl a::before { content: ""; background-size: contain; background-repeat: no-repeat; background-position: center; height: 25px; width: 100%; margin-bottom: 10px; } .hbContainer.all .hbFooter .hbftLinkScope .hbftlContent.pagetumu .hbftUrl a { display: flex; flex-direction: column; align-items: center; justify-content: center; color: #333; font-size: 14px; font-weight: 700; text-align: center; } .devamigeliyor .hbInRow.boxStyle.hbPageDetails { width: calc(100% - 360px); margin: 0 !important; } .detay4luhaber { margin: 0 12px 0 0 !important; order: 0 !important; } .bikAnaTitle { justify-content: flex-end; } .bikAnaTitle .ad-badge { position: absolute; top: 0; } .haberDetayVideo .hbPageDetails .hbptHead h1.title { display: block; font-size: 36px; font-weight: 700; line-height: 130%; } .hbComments .hbcContent { padding: 0 24px; } .yorumSayı { padding: 16px 24px !important; } .prYorumBlur { padding: 0 24px; } } @media screen and (max-width: 969px) { .hbContainer.hbmainp #ana_160x600_scroll { margin: 15px auto !important; min-height: 100px; max-height: 100px; height: 100px; display: block; } } @media only screen and (max-width: 930px) and (min-width: 840px) { .hbPlate .hbpScope .hbpPlateList { width: calc(100% / 8); } #detay_2 a.hbBoxMainText { background-color: #fff; } #detay_2 span, .hbnwboxig a.hbBoxMainText span { padding-top: 0; } } @media only screen and (max-width: 839px) and (min-width: 768px) { .hbPlate .hbpScope .hbpPlateList { width: calc(100% / 7); } #detay_2 span, .hbnwboxig a.hbBoxMainText span { padding-top: 0; } #detay_2 a.hbBoxMainText { background-color: #fff; } } @media only screen and (max-width: 1100px) { .hbFooter.desktop { display: none; } .hbChanel .hbaItemList { width: calc(100% / 5); } .hbChanel .hbaItemList:nth-child(5n) { border-right: none; } .slider .sporSlides, .slider .sporSlides .slide { max-height: 411px; } } @media only screen and (max-width: 767px) { .colPageRight { display: none !important; } #YoutubeWidget, #widget_div { display: none; } .hbGalleryQuiz .hbgsPgArw { width: 160px; } .hbGalleryQuiz .hbgsPgArw .swiper-pagination .swiper-pagination-bullet { margin: 0; } .hbBoxScope .blackStyle .hbBoxVslider .swiper-slide .hbvsImageTitle { overflow: hidden; -webkit-line-clamp: 4; -webkit-box-orient: vertical; display: -webkit-box; min-height: inherit !important; } .hbBiographyDetails .hbptHead.hbBoxBiographyDetails, .yzrDetails .hbptHead.hbBoxBiographyDetails { padding: 15px; } .hbBiographyDetails .hbBoxBiographyDetails .hbbbImageName, .yzrDetails .hbBoxBiographyDetails .hbbbImageName { margin-bottom: 0; } hbPageDetails .hbptHead h2 { margin: 24px 0 !important; } .hbRow { margin: 36px 0; } .my-24 { margin-top: 24px; margin-bottom: 24px; } .hbPageDetails .hbptHead h2 { margin-top: 30px !important; } .hbPageDetails .hbptContent p:first-child { margin-bottom: 24px; } .hbWriterNews .hbContainer .hbGeneralTitles h1.title { font-size: 26px; } a.financebtn { margin: 10px 0; } /* .hbkonu { max-height: 450px !important; }*/ /*.hbPageDetails .hbptHead h1 { padding-top: 16px; }*/ .kripto-danger { margin: 0 16px; } .p12-col.biyografi-col { margin-bottom: 36px; } .konu_maset_yani { padding-bottom: 14px; } .hbLastNews .hblnBox .hblnTime { font-size: 14px; } .colPage.pageDetailProp { padding: 16px 16px 0; } .yzrlstslc { margin-top: 0; } } @media only screen and (max-width: 1024px) { .hbWriterNews .hbContainer .SliderRow { margin-top: 16px; } .hbBreadCrumb .hbbcScope .hbbcRight { display: none; } .hbIndex.hbBoxScope .hbBoxMainText .hbBoxImageContent { min-height: 110px; } .wordPage .hbIndex.hbBoxScope .hbBoxMainText .hbBoxImageContent { height: 54%; } .colPageLeft, .hbInRow.boxStyle.hbPageDetails { width: 100%; padding-bottom: 24px; } .hbcatRightFin tbody td { padding: 10px 4px 14px !important; } } @media only screen and (max-width: 990px) { .SliderRow .SliderColumn.ekoSliderColumn { margin-right: 24px; } #mansetHaberler .hbBoxScope .box { height: 267px !important; float: left; } #mansetHaberler .hbBoxScope .box .hbBoxMainText { font-size: 17px; } .SliderRow .WpColumn, .hbDatePicker .hbdpScope .hbdpColumnBlockCenterTwo .categoryColor { display: none; } /* .SliderRow .SliderColumn { width: 100%; margin-right: 0; }*/ .hbGalleryQuiz .hbGallerySwiper, .hbGalleryQuiz .hbQuizSwiper { max-width: calc(50% - 8px); } .hbGalleryQuiz .hbgsPgArw { width: 200px; } .hbGalleryQuiz .hbgsPgArw .swiper-pagination .swiper-pagination-bullet { margin: 0 2px; } .hbGalleryQuiz .hbgsSlider .swiper-slide span { overflow: hidden; -webkit-line-clamp: 5; -webkit-box-orient: vertical; display: -webkit-box; } .ytube-container .ytube-header .ytube-logo { position: relative; } .ytube-container .ytube-header .ytube-logo .ytube-subscriber { margin-top: auto; } .ytube-container .ytube-header .ytube-logo img { clip: rect(0, 27px, 25px, 0); position: absolute; right: -50px; } .qDateDayHeadline input, .qDatePicker input { font-size: 14px; max-width: 150px; padding: 0; } .hbDatePicker .hbdpScope .hbdpColumnBlockCenterTwo { order: 2; margin-right: 0; } .hbDatePicker.hbArchive .hbdpColumnBlockCenterTwoLast .categoryColor { margin-right: 10px; } .hbDatePicker .hbdpScope { justify-content: space-around; padding: 10px; } .imsakDayContentScope .imsakDayRow .imsakDayCol { width: 100%; min-height: 130px; margin-right: 0; margin-bottom: 20px; } .imsakDayContentScope .imsakDayRow .imsakDayCol:nth-child(-n + 2) { width: calc(50% - 10px); } .imsakDayContentScope .imsakDayRow .imsakDayCol:first-child { margin-right: 20px; } .hbWebMBox .hbwbScope { width: 100%; } .hbYzrHead .hbYzrleft .yzrlstslc { right: -184px; } .yazarStyle { grid-template-columns: 50% 50%; } } @media only screen and (max-width: 810px) and (min-width: 768px) { .wordPage .hbIndex.hbBoxScope .hbBoxMainText .hbBoxImage ~ .hbBoxText { line-height: 100%; } } @media only screen and (max-width: 800px) { .imsakDayContentScope .imsakDayRow .imsakDayCol { min-height: 0; padding: 20px 20px 0; } .imsakDayContentScope .imsakDayRow .imsakDayCol:nth-child(-n + 2) { width: 100%; } .imsakDayContentScope .imsakDayRow .imsakDayCol:first-child { margin-right: 0; } .imsakDayContentScope .imsakDayRow .imsakDayCol .imsakDayHead { margin-bottom: 0; } .imsakDayContentScope .imsakDayRow .imsakDayCol .imsakDayText { margin-top: 20px; } } @media only screen and (max-width: 768px) { .hbPageDetails .hbptContent h3 { margin: 0 0 24px; } .slider .slide .partner_title { padding: 10px; font-size: 22px; } .hbBoxScope .blackStyle .hbBoxHeadTitle { height: auto; padding: 10px; } .hbBoxScope .blackStyle.yazar-content .hbYdyzr .hbYdyzra { font-size: 14px; font-weight: 600; margin-bottom: 5px; } .hbBoxScope .blackStyle.yazar-content .hbYdyzr .hbYdyzryz { font-size: 13px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .hbBoxScope .blackStyle.yazarStyle .yazar-content a { padding: 10px 0; gap: 0 16px; } .hbBoxScope .blackStyle.yazarStyle .yazar-content { padding: 0 10px; } .hbBoxScope .blackStyle.yazarStyle .yazar-content .hbYdimg { margin-bottom: 0; margin-right: 0; } .hbBoxScope .blackStyle.yazarStyle .hbYdyzr { min-height: auto; padding-top: 0; } .hbYzrHead .hbYzrleft { width: 98%; } .hbYzrHead .hbYzrleft .hbGeneralTitles { flex-direction: column; gap: 10px 0; } .hbYzrHead .hbYzrleft .hbYzrlfdiv { height: 40px; } .hbYzrHead .hbYzrleft .yzrlstslc { left: 0; } .hbYzrHead .hbYzrright { position: relative; z-index: 9; margin-top: -40px; margin-bottom: 24px; } } @media only screen and (max-width: 1100px) and (min-width: 869px) { .konu_maset_yani .hbTableContent tbody tr { height: calc(100% / 9); } } @media only screen and (max-width: 1100px) and (min-width: 768px) { .slider .slides { left: 0; width: calc((100vw - 354px) * 25); } .slide img, .slider .slide { width: calc(100vw - 354px); } .hbBoxCountry .hbBoxContent .countryInfo tr td:first-child { width: 100px; } .hbFooter .hbftLinkScope .hbftlContent { padding: 20px; } .konu_maset_yani .boxStyle.hbFncBox { height: auto; } .hbcatRightFin tbody td { padding: 8px 4px !important; } .hbContainer.sport .hbIndex.hbBoxScope .hbBoxMainText .hbBoxImage { height: 140px !important; } } @media only screen and (max-width: 990px) and (min-width: 821px) { .hbBoxBiography .hbbbImageName .hbbbName { font-size: 20px; padding: 10px 0; min-height: 0; line-height: 130%; } .hbBoxBiography .hbbbImageName .hbbbImagRadius { position: relative; font-size: 20px; min-height: 0; top: 0; } } @media only screen and (max-width: 990px) and (min-width: 768px) { .hbMainSlider .slider .slides { height: calc((411 / 732) * (100vw - 30px)); } .SliderColumn.ekoSliderColumn .hbMainSlider .slide img, .SliderColumn.ekoSliderColumn .hbMainSlider .slider .slides { height: calc((411 / 732) * (100vw - 364px)); } main.ktgr-page .SliderColumn { margin-right: 24px; } main.ktgr-page .SliderColumn .hbMainSlider .slide img, main.ktgr-page .SliderColumn .hbMainSlider .slider .slides { height: calc((411 / 732) * (100vw - 388px)); } .hbBoxScope .blackStyle .hbBoxHeadTitle h3 { font-size: 20px !important; } .yazarStyle .yazar-content .hbYdyzr .hbYdyzra { font-size: 16px; } .yazarStyle .yazar-content .hbYdyzr .hbYdyzryz { max-height: 40px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; position: relative; } .ytube-container .ytube-content .ytube-video-row img { width: 50%; height: auto; } .ytube-container .ytube-content .ytube-video-row .ytube-video-title { width: calc(50% - 15px); } .hbMainSlider .SliderRow .SliderColumn, .hbPrayerDistrict .hbpdScope .hbpdDistrictList .hbpdItem:nth-child(4n) { margin-right: 0; } .editor .yazarStyle .hbYdyzr, .hbMainSlider .slide img { width: 100%; } main.ktgr-page .hbCatSlider:not([class*="sliderWithRContent"]) .SliderColumn { margin-right: 0 !important; } .hbCatSlider:not([class*="sliderWithRContent"]) .hbMainSlider .slide img { width: 100%; height: calc((411 / 732) * (100vw - 30px)) !important; } .hbCatSlider:not([class*="sliderWithRContent"]) .hbMainSlider .slider .slides { height: calc((411 / 732) * (100vw - 30px)) !important; } .hbMainSlider .slider .slide, .hbMainSlider .slider .sliderkonu { height: auto; } .hbPrayerDistrict .hbpdScope .hbpdDistrictList .hbpdItem, .hbPrayerDistrict .hbpdScope .hbpdDistrictList .hbpdItem:nth-child(5n) { width: calc(25% - 18px); margin-right: 24px; } .hbLastNews .hblnBox .hblnContent { width: calc(100% - 63px); margin-left: 63px; margin-top: 10px; } .hbLastNews .hblnBox .hblnImage { width: calc(100% - 74px); height: auto; } .hbWeatherBox .hbwbScope .hbwbWeatherRow .hbwbLeftColumn .hbwbWeatherText { font-size: 15px; } .hbWeatherBox .hbwbScope .hbwbWeatherRow .hbwbRightColumn .hbwbTemp span { font-size: 60px; } .hbWeatherBox .hbwbScope .hbwbWeatherRow:first-child .hbwbRightColumn { min-width: 0; } .yazarStyle .hbYdimg { margin-bottom: 15px !important; } .hbAstrology .hbaScope .hbaItemList { width: calc((100% / 6) - 20px); } .hbContainer.all .hbFooter .hbftLinkScope .hbftlCol .hbftUrl { width: calc(100% / 6); } .editor .yazarStyle .hbYdimg, .editor .yazarStyle .hbYdimg .hbYdimgi, .editor .yazarStyle .hbYdimgi img { width: 90px; height: 90px; } .editor .colPageLeft .yazarStyle { display: flex; flex-wrap: wrap; } .editor .yazarStyle .hbYazar { display: flex; flex-direction: column; align-items: center; } .SliderRow.sliderWithRContent .SliderColumn { width: calc(100% - 324px); margin-right: 24px; } .hbContainer.sport .hbMainSlider .slider .slides { height: calc((411 / 732) * (100vw - 354px)); } /*.p12-col.hbBoxCountry { width: calc((100% / 3) * 2); }*/ .ekoSliderColumn .hbMainSlider .slider .bullets .bullet, .ktgr-page .hbMainSlider .slider .bullets .bullet { font-size: 12px; } .hbBoxBiography .hbbbContent .hbbbLink { position: relative; bottom: 0; right: 0; } .hbBoxBiography .hbbbImageName .hbbbName h1 { font-size: 20px; } .hbBoxBiography .hbbbContent .hbbbText { -webkit-line-clamp: 4; } .hbBoxBiography .hbbbContent .hbbbTitle { line-height: 130%; } } @media only screen and (max-width: 870px) and (min-width: 768px) { .hbBoxScope .blackStyle.yazarStyle, .hbIndex.hbBoxScope .p12-col .boxStyle.hbBoxMainText, .hbIndex.hbBoxScope .p12-col .boxStyle.twoBox { height: 280px !important; } .ytube-container { height: 524px; } .ytube-container .ytube-content .ytube-video-row .ytube-video-title { height: 60px; } .ytube-container .ytube-content .ytube-video-row { height: 70px; } .konu_maset_yani .hbTableContent tbody tr { height: calc(100% / 5); } .konu_maset_yani .hbcatRightFin tbody tr:last-child, .piyasa_maset_yani .hbcatRightFin tbody tr:nth-child(6), .piyasa_maset_yani .hbcatRightFin tbody tr:nth-child(7), .piyasa_maset_yani .hbcatRightFin tbody tr:nth-child(8) { display: none; } .konu_maset_yani .hbTableContent tbody tr:nth-child(5) { border-bottom: none; } .hbBoxScope .box.hbBoxBiography { height: 100%; } } @media only screen and (min-width: 820px) { .hbHeader.mobile { display: none; } .hbGeneralScope { padding-top: 0 !important; } } @media only screen and (max-width: 819px) { .hbHeader.mobile .hbContainer { display: flex; align-items: center; height: 100%; justify-content: space-between; } .hbHeader.mobile .hbContainer .hbhdNavIcon { position: relative; left: auto; top: auto; width: 23px; height: 19px; cursor: pointer; z-index: 2; } .hbHeader.mobile .hbContainer .hbhdLogo { width: 178px; height: 100%; padding-right: 0; padding-left: 0; } .hbHeader.mobile .hbContainer .hbhdLogo .logo-area { height: 20px; } .hbHeader.mobile .hbContainer .hbhdSearch { position: relative; right: 0; top: 0; z-index: 2; cursor: pointer; height: 20px; } .hbHeader.mobile .hbContainer .hbhdSearch:before { content: ""; position: absolute; width: 20px; height: 20px; left: 0; top: 0; } .hbContainer.hbCatPage.ktgr-page .hbRow.hbCatRow .hbContainer { padding: 0 !important; } .hbHeader.generalHeader { display: none; } .hbcatRightFin tbody td { padding: 4px !important; } } @media only screen and (max-width: 767px) { .hbIndex.hbBoxScope .hbBoxMainText .hbBoxImageContent, .yarim-box .hbBoxImageContent { min-height: inherit; object-position: top; object-fit: cover; } .hbPageDetails .hbptContent.nameTitle h3 { padding: 0 15px; } .datetimehbptHead_h2 { margin: 0 0 15px; } .box.boxV.boxStyle.sondakika_blok section.hbRow.hbFooterNewsText { max-height: 300px !important; height: 100% !important; margin: 0; } #eng_m_sw_0_135053, #eng_m_sw_1_135053 /*.lst .hbBoxScope.nStyle.hbnwboxig*/ { border-bottom: 1px solid #eee; } .lst .hbBoxScope.nStyle.hbnwboxig:last-child { border-bottom: none; margin-bottom: 0 !important; } .sondakika_blok { max-height: 300px !important; height: 100% !important; margin: 0 0 24px !important; } #YoutubeWidget, #widget_div { display: block; } .full-width-row { margin: 0 0 15px; width: 100%; } .hbCatPage img.lazyload.hbBoxImageContent.hbBoxImage.brdFill { height: 100px !important; width: 178px; } .konu_maset_yani, .piyasa_maset_yani a.financebtn { max-width: 100%; } .hbMainSlider .slider .slides { height: 56.25%; min-height: 200px; } .hbMainSlider .slide img, .hbMainSlider .slider .slide { height: calc((9 / 16) * 100vw); } .hbPageDetails .hbMainSlider, .hbPageDetails ~ #anasayfamanset .hbMainSlider { width: 100%; margin: 0; } #Manset { width: calc(100% + 30px); left: -15px; } .hbFooter .hbftLinkScope .hbftlContent .hbftCol, .hbFooter .hbftLinkScope.desktop .hbftlContent .hbftCol { width: 50% !important; } .hbBoxScope .hbBoxMainText p { width: auto; margin-bottom: 0; display: flex; font-size: 16px; line-height: 140%; } .imsakCalendar { padding-bottom: 40px; } #mansetHaberler, #widget_div, .NewspaperPage .hbDatePicker.hbDateHeadlineScope, .SliderRow .WpColumn, .hbBreadCrumb .hbbcScope .hbbcRight, .hbContainer.yerel .hbPlate .generalSmallTitle, .hbContainer.yerel .hbProvinceSwipeBox, .hbGalleryQuiz .hbGallerySwiper, .hbGalleryQuiz .hbQuizSwiper, .hbIndex.hbBoxScope .box.twoBox .hbBoxMainSubText p, .hbIndex.hbBoxScope .box.twoBox .hbbiText, .hbIndex.hbBoxScope .hbBoxMainText .hbBoxImageContent .hbbiText, .hbPageDetails .hbptContent.SonDak, .hbnGeneralSubText, .newsErrorScope .newsErrorScopeOtherCategorie .newsErrorScopeOtherCategorieIcon.manset, .slider .bullets.deskBullets, .wordPage .hbIndex.hbBoxScope .hbBoxMainText .hbbiText, header .hbSubMenuSwiper { display: none; } .bbc-strap.head { border-style: solid; border-color: #f4f4f4; border-width: 10px 0; height: 44px !important; } .colPageLeft, .hbPrayerDistrict .hbpdScope .hbpdDistrictList .hbpdItem:nth-child(2n) { margin-right: 0; } #KoronavirusHaberleri, .bioContainer .colPageLeft .hbNewsBox.hbContainer, .hbContainer.all, .hbContainer.p0, .hbContainer.yzrhaberler, .hbFinanceDetails ~ .hbRow.hbContainer, main > .hbContainer { padding: 0; /*margin: 36px 0;*/ } .partners { width: calc(100% - 30px); margin: 15px 15px 0; } .DnmBnr_logo { padding: 5px; } .hbPageDetails .hbptHead h1 { line-height: 125%; } .hbptHead .datetimehbptHead_h2 .hbptTagDate.hbptDate { font-size: 12px; } .hbptHead .datetimehbptHead_h2 h2.hbptHead_h2 { font-size: 12px !important; line-height: 200%; } .hbLastNews .hblnBox .hblnContent .hblnTitle { overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; } .hbBoxScope .blackStyle.yazarStyle { display: block; position: relative; } .hbMainSlider .swiper-button-next { background-image: url(https://www.haberler.com/static/img/tasarim/icon-white-arrowright.png); width: 20px; height: 40px; background-size: 20px 40px; } .hbMainSlider .swiper-button-prev { background-image: url(https://www.haberler.com/static/img/tasarim/icon-white-arrowleft.png); width: 20px; height: 40px; background-size: 20px 40px; } .hbMainSlider .swiper-pagination { width: 100%; background: #000; height: 34px; border-bottom: 3px solid #dbdbdb; position: relative; float: left; } #Manset .swiper-pagination .swiper-pagination-bullet { width: calc(100% / 25); height: 31px; font-size: 0; opacity: 1; border-radius: 0; position: relative; top: 0; float: left; } #Manset .swiper-pagination .swiper-pagination-bullet::after { content: "•"; position: absolute; font-size: 30px; color: #fff; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); } #Manset .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #0000; } #Manset .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after { color: #fe0000; } .p12-col .mobCardImg { width: 140px; height: 100px; } .yarim-box .hbBoxImageContent { width: 100% !important; height: auto !important; } .ytube-container .ytube-header .ytube-logo .ytube-subscriber { margin-top: 5px; } .ytube-container .ytube-header .ytube-logo img { clip: auto; position: relative; right: 0; } .hbIndex.hbBoxScope .box.twoBox .hbBoxMainText { width: calc(100% - 188px); padding: 0; border: none; float: right; font-size: 15px; } .hbIndex.hbBoxScope .box.twoBox .hbBoxImage { overflow: hidden; width: auto; } .hbIndex.hbBoxScope .box.twoBox .hbBoxImage img { width: 178px; height: 100px; } .hbPrayerDistrict .hbpdScope .hbpdDistrictList .hbpdItem, .hbPrayerDistrict .hbpdScope .hbpdDistrictList .hbpdItem:nth-child(4n) { width: calc(50% - 24px); } .hbWriterNews .hbContainer .hbGeneralTitles h1 { font-size: 26px; text-transform: inherit; } .editor .colPageLeft .yazarStyle, .hbContainer.all .hbFooter .hbftLinkScope .hbftlContent, .imsakCalendar .imsakCalendarBox { padding: 20px; } .hbNewspaper .hbnScope .hbNewspaperList .hbNewspaperImg { width: calc(50% - 30px); margin: 15px; } .mainAstrology .colPageRight { display: inline-block; margin-top: 24px !important; } .mainAstrology .colPageRight .hbBoxScope .hbBoxMainText { border-bottom: none; } .mainAstrology .colPageRight .hbBoxScope .hbBoxImage { margin: 0; height: auto; } .mainAstrology .colPageRight .hbBoxScope .hbBoxImage img { padding: 10px 10px 0; } /*.wordPage .hbIndex.hbBoxScope .hbBoxMainText .hbBoxImage { width: 100%; height: auto; float: none; margin-bottom: 10px; }*/ /*.wordPage .hbIndex.hbBoxScope .hbBoxMainText .hbBoxText { font-size: 18px; margin-bottom: 10px; }*/ .wordPage .hbIndex.hbBoxScope .hbBoxMainText .hblnTitle { padding: 0; margin-bottom: 0; } .colPageLeftNarrow, .hbProvinceSwipeBox, .hbWriterNews .hbContainer.sub .KatSearch { margin-top: 20px; } .mainChanel .colPageRight { display: inline-block; margin-top: 10px !important; } .hbRow.hbNewsBox.yazarStyle { padding: 15px; } .hbYazar { height: auto; } .hbWriterNews .hbOtherNews.yzrhaberler .hbonTitle { color: #333; font-size: 24px; } #nwsKeywords a, .hbSportStandings .hbWeekMatchs .hbwmMatchsLineScope .hbwmMatchsLine .hbwmMatchs span, .hbSportStandings .hbssScope .hbssTitle .hbstWeekNumber { font-size: 13px; } .yzrlstslc { right: 0; margin-bottom: 20px; } #devami .boxStyle.hbPageDetails.tuhps .hbptHead, #devami .hbPageDetails .hbptHead p:nth-child(-1), .detay .hbptContent p:nth-of-type(-1), .hbPageDetails .hbptHead.hbBoxBiographyDetails { margin-bottom: 0; } .hbPageDetails.yzrDetails { margin-bottom: 12px; } .true-control .hbBoxScope .hbBoxMainText .osd { position: relative; bottom: 0; padding-top: 5px; padding-left: 0; text-align: right; } .hbGeneralTitles .h2sd { text-align: left; margin: 0; } .hbftlCol { column-count: 2; } .hbftlCol .hbftUrl { width: 100%; display: inline-block; padding: 6px 0; font-size: 16px; border-bottom: 1px solid #dfe9f2; line-height: 130%; } .hbContainer.all .hbFooter { margin-bottom: 36px; } .hbMainSlider { width: 100%; overflow: hidden; margin-bottom: 24px !important; } .ScoreColumn .hbRow { margin-bottom: 24px !important; } .hbContainer.chance .colPageRight, .new-hbr-row .new-hbr-box { display: inline-block; } .hbIndex.hbBoxScope.rvlRow .hbBoxMainText .hbBoxImageContent { width: 178px; height: 146px; } .hbFinanceTopBar { width: 100%; margin: 0 -15px 30px; padding: 10px 10px 5px; align-items: center; overflow: auto; background: #fe0000; display: flex; } .hbFinanceTopBar span { display: inline-block; padding: 0 10px; margin-bottom: 10px; border-right: 1px solid #e3e3e3; font-size: 15px; font-weight: 400; white-space: nowrap; color: #fff; } .hbFinanceTopBar span:first-child { padding-left: 18px; } .hbFinanceTopBar span:last-child { border-right: none; } .hbFinanceTopBar span.active { color: #fff; font-weight: 700; } .hbFinanceTopBar::-webkit-scrollbar { color: #ffffff; height: 0; } .hbMainSlider .slider .swsl-title { left: 25px; font-size: 15px; } .hbWebMBox { width: 100%; padding: 20px; } .scrollSlide { display: flex; flex-direction: column; } .colPageLeftNarrow.order { order: 5; margin-top: 24px; } .new-hbr-row .new-hbr-box img { float: left; display: inline-block; margin-right: 10px; width: 178px; } .new-hbr-row .new-hbr-box p { font-size: 16px; font-weight: 600; line-height: 140%; height: auto; overflow: visible; display: flex; margin: 0; } #ENGAGEYA_WIDGET { margin-bottom: 10px; } #devami .colPage.colpageYorumlar { padding-top: 0 !important; } #devami .colPage.colpageYorumlar .hbCommentAdd, .colPage.pageDetailProp, .hbRow { margin-top: 0; } #devami .hbptContent.schaberMetin { padding-bottom: 0 !important; } .hbnwboxig a.hbBoxMainText { padding: 0; margin-top: 10px; } .hbIndex.hbBoxScope .hbBoxMainText2 { width: 48%; display: flex; flex-direction: column; padding: 0; margin-bottom: 24px; float: left; margin-right: 2%; } .hbIndex.hbBoxScope .hbBoxMainText2 .hbBoxImage2 { width: 100% !important; height: auto !important; max-height: 168px; min-height: 110px; object-fit: cover; overflow: hidden; position: relative; border-bottom: 4px solid #666; } .hbIndex.hbBoxScope .hbBoxMainText2.color-sport .hbBoxImageContent2 { border-color: #2da187; } .hbIndex.hbBoxScope .hbBoxMainText2.color-thirdpage .hbBoxImageContent2 { border-color: #242424; } .hbIndex.hbBoxScope .hbBoxMainText2.color-finance .hbBoxImageContent2 { border-color: #0b5bb3; } .hbIndex.hbBoxScope .hbBoxMainText2.color-general .hbBoxImageContent2 { border-color: #fe0000; } .hbIndex.hbBoxScope .hbBoxMainText2.color-magazine .hbBoxImageContent2 { border-color: #ad3d85; } .hbIndex.hbBoxScope .hbBoxMainText2.color-actual .hbBoxImageContent { border-color: #850030; } .hbIndex.hbBoxScope .hbBoxMainText2 .hbBoxText2 { padding: 0 10px; font-size: 18px; font-weight: 500; line-height: 130%; height: 92px; overflow: hidden; margin: 10px 0; } #cconsent-bar .ccb__right, #cconsent-bar .ccb__right > div { display: flex !important; color: #fff !important; width: 100% !important; } section#sagsondakika_blok.hbFooterNewsText .hbftntContent .hbftntLink:last-child { padding-bottom: 25px; } .colPage.kaynakbilgisi { padding: 0 30px !important; } #devami .hbPageDetails .hbptHead p.ediSade { margin: 0 0 15px; font-size: 14px; font-weight: 400; display: block; line-height: 14px; } .hbPageDetails .hbptHead p { font-size: 18px; color: #000; margin: 0 0 15px; padding: 0; word-break: break-word; font-weight: 600; line-height: 140%; } .detay .hbptContent p:has(img) { display: block; line-height: 0; } #devami .hbPageDetails .hbptHead p:has(img) { line-height: 0; } .hbPageDetails .hbptHead p:nth-of-type(-1) { display: block; line-height: 0; } #devami .hbPageDetails .hbptHead .hbptContent p.ediSade ~ #devami .hbPageDetails .hbptHead .hbptContent p:nth-last-child(-1), #devami .hbPageDetails .hbptHead .hbptContent p:nth-of-type(-1), #devami .hbPageDetails .hbptHead p:nth-of-type(-1) ~ #devami .hbPageDetails .hbptHead p.ediSade, #devami .hbptContent.schaberMetin p:nth-of-type(-1) ~ #devami .hbptContent.schaberMetin p.ediSade, .hbPageDetails .hbptHead p:nth-of-type(-1) ~ .hbPageDetails .hbptHead p.ediSade { margin: 0; display: block; line-height: 0; } #devami .hbptContent .lst ~ .orderFlex { margin-top: -15px; } #anasayfamanset .hbRow.hbMainSlider, .editorSade { margin: 0 0 15px !important; } .description { margin: 24px 0 !important; } #cconsent-bar .ccb__wrapper { flex-wrap: wrap !important; } #cconsent-bar { padding: 16px !important; background-color: #000 !important; } #cconsent-bar button { color: #000 !important; background-color: #ffd234; line-height: normal; font-size: 13px; border: 0; padding: 10px; width: 100% !important; display: flex; } #cconsent-bar button.ccb__edit { -moz-appearance: none; -webkit-appearance: none; appearance: none; margin-left: 0 !important; text-decoration: none; color: #fff !important; border: 1px solid #fff !important; justify-content: center; background-color: #000 !important; } #cconsent-bar .ccb__left { align-self: center; text-align: left; margin: 0; max-width: 700px !important; width: 100% !important; font-size: 12px; } #cconsent-bar .ccb__right { align-self: center !important; white-space: nowrap !important; justify-content: space-between !important; } #cconsent-bar .ccb__right > div { justify-content: space-between !important; gap: 16px !important; } .ccb__button .consent-give { justify-content: center; color: #000 !important; } .hbBoxScope.nStyle.hbnwboxig a.hbBoxMainText { margin: 0 !important; } /* .hbBoxScope.nStyle.hbnwboxig { border-bottom: 1px solid #eee; margin-bottom: 0 !important; }*/ /* .lst .hbBoxScope.nStyle.hbnwboxig { margin-bottom: 0 !important; }*/ #nwsKeywords a { background-color: #e7e7e7; padding: 4px 15px; border-radius: 30px; display: inline-block; box-sizing: border-box; margin-top: 10px; margin-right: 5px; } #nwsKeywords a::after { content: ""; } #nwsKeywords { padding: 0; margin-top: -10px; } .hbPageDetails .hbptItem.imgtxtarea { background-color: #fff0; border: 0; } .hbBiographyDetails .hbptContent p.ybiyo { margin-bottom: 0; padding: 15px; } .hbPageDetails .hbptContent p#inpage_reklam { margin: 30px auto; } .colPage.pageDetailProp { margin: 0 auto 30px; } } .depremTableContent .deprem-body table th, .depremTableContent .title h3, .depremTableContent a { font-family: Helvetica; font-style: normal; font-weight: 700; } @media only screen and (max-width: 550px) { .detay-verisi-b { justify-content: flex-end; } } @media only screen and (max-width: 500px) { .yzrDetails .hbBoxBiographyDetails .hbbbImageName { display: contents; } .hbPageDetails .hbptLinkScope.writerLink .hbptLink:before { left: -10px; } .hbPageDetails .hbptLinkScope, .hbPageDetails .hbptLinkScope.writerLink .hbptLink { padding-left: 0; } .hbContainer .sporNew { max-width: 520px; width: 100%; overflow: auto !important; } } @media only screen and (max-width: 450px) { a.financebtn { width: 100%; } .hbContainer .sporNew { max-width: 470px; width: 100% !important; } } @media only screen and (max-width: 430px) { .hbContainer .sporNew { max-width: 460px; } } @media only screen and (max-width: 520px) { .newsErrorScope input[type="button"] { right: -10px; width: 60px; padding: 9px 12px; } .hbPrayerDistrict .hbpdScope .hbpdDistrictList .hbpdItem, .hbPrayerDistrict .hbpdScope .hbpdDistrictList .hbpdItem:nth-child(2n) { width: 100%; margin-right: 0; } .imsakCalendar .imsakCalendarBox .imsakCalDate .imsakOtherCountry { width: 55px; } .imsakCalendar .imsakCalendarBox .imsakCalDate .imsakDateBigText { padding-top: 60px; padding-bottom: 60px; } .imsakCalendar .imsakCalendarBox .imsakCalDate .imsakDateBigText .imsakMonth { font-size: 30px; } .imsakCalendar .imsakCalendarBox .imsakCalDate .imsakDateBigText .imsakDay { font-size: 60px; } .imsakCalendar .imsakCalendarBox .imsakCalDate .imsakDateBigText .imsakDayName { font-size: 25px; } .imsakCalendar .imsakCalendarBox .imsakCalFooter { padding: 0; font-size: 12px; } .imsakCalendar .imsakCalendarBox .imsakCalHeader .imCalRow .imCalFour { width: 50%; padding: 5px 0; } .hbChanel .hbaItemList { width: calc(100% / 3); } .hbChanel .hbaItemList:nth-child(5n) { border-right: 1px solid #f4f4f4; } .hbChanel .hbaItemList:nth-child(3n) { border-right: none; } .chanel-table tbody tr td, .chanel-table thead tr th { width: 33.3%; } .hbWriterNews .hbContainer .hbRow.chRow { order: 3; } .yzr-ozet { overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; } .yzrtime { margin-top: 5px; } .slider .prev { left: -2px; } .slider .next { right: -2px; } .slider .next, .slider .prev { background-size: 32px; } .editorBiography .hbBoxBiography .hbbbImageName .hbbbTitle { font-size: 12px; } .yazarStyle { grid-template-columns: 100%; } } @media only screen and (max-width: 360px) { .imsakCalendar, .imsakCalendar .imsakCalendarBox { padding: 10px; } .imsakCalendar .imsakCalendarBox .imsakCalDate .imsakDateBigText { padding-top: 100px; padding-bottom: 100px; } .imsakCalendar .imsakCalendarBox .imsakCalDate .imsakDateBigText .imsakMonth { font-size: 20px; } .imsakCalendar .imsakCalendarBox .imsakCalDate .imsakDateBigText .imsakDay { font-size: 50px; } .imsakCalendar .imsakCalendarBox .imsakCalDate .imsakDateBigText .imsakDayName { font-size: 18px; } .hbNewspaper .hbnScope .hbNewspaperList .hbNewspaperImg { width: calc(100% - 30px); } .qDateDayHeadline input { padding-right: 10px; } .hbDateHeadlineScope .hbdpScope .hbdpColumnCenter .hbdpText { max-width: 180px; } } @media only screen and (max-width: 320px) { .hbSportStandings .hbWeekMatchs .hbwmMatchsLineScope .hbwmMatchsLine .hbwmMatchs .hbwmScore .hbsHome { font-weight: 600; font-size: 11px; margin-bottom: 5px; } .hbSportStandings .hbColBoxFull { margin-top: 15px; } .hbSportStandings .hbssScope .hbssTitle .hbstWeekNumber { top: 80% !important; } } section#sagsondakika_blok::-webkit-scrollbar { display: none; } .depremTableContent { width: 100%; height: 100%; background-color: #fff; } .depremTableContent .title { background: url(/mstatic/assets/img/depremwidget/deprem-cont-bgc.png) right/cover no-repeat #eb1919; display: flex; align-items: center; padding: 12px 20px; min-width: 234px; max-height: 46px; } .depremTableContent .title h3 { font-size: 18px; line-height: 21px; color: #fff; } .depremTableContent .deprem-body table { font-family: arial, sans-serif; border-collapse: collapse; width: 100%; } .depremTableContent .deprem-body thead { background: #e0e9f2; border-bottom: 1px solid #e0e9f2; box-sizing: border-box; width: 100%; } .depremTableContent .deprem-body table th { font-size: 15px; line-height: 17px; color: #4a72d7; } .depremTableContent .deprem-body table td { font-family: Helvetica; font-style: normal; font-weight: 400; font-size: 12px; line-height: 14px; } .depremTableContent .deprem-body table td, .depremTableContent .deprem-body table th { border: 1px solid #ddd; text-align: left; padding: 12px 20px; } tbody td:first-child { font-weight: 700 !important; } .depremTableContent .conbtn { background: #f1f1f1; padding: 10px 24px; display: flex; flex-direction: row; justify-content: center; align-items: center; border-radius: 24px; margin-top: 10px; min-width: 225px; } .depremTableContent a { text-decoration: none; color: #3d3d3d; font-size: 13px; line-height: 15px; text-align: center; } .colTwo.depremwidget { height: 304px; } @media screen and (max-width: 768px) { .depremTableContent .deprem-body table td, .depremTableContent .deprem-body table th { padding: 15px 10px; } .depremTableContent { padding-bottom: 10px; } .colTwo.depremwidget { height: auto; } } @media screen and (max-width: 870px) { .depremTableContent .deprem-body table td, .depremTableContent .deprem-body table th { padding: 8px 10px; } .mtm-20 { margin-top: 20px; } } @media only screen and (max-width: 599px) { #hbYdYazar h2, #yzrbiba h1 { font-size: 18px; line-height: 110%; } #hbYdYazar .yzr-gorev, #yzrbiba .yzr-gorev { font-size: 14px; line-height: 110%; } } @media screen and (max-width: 394px) { .depremTableContent .deprem-body table td, .depremTableContent .deprem-body table th { padding: 10px; } } @media only screen and (max-width: 400px) { .hbContainer .sporNew { max-width: 420px; } #detay_2 { padding: 0 15px; } .hbnwboxig a.hbBoxMainText { padding: 0; max-height: 100px; overflow: hidden; } .box.boxV.boxStyle.sondakika_blok .hbftntContent { max-height: 260px; overflow-y: overlay; } } @media only screen and (max-width: 355px) { .hbnwboxig a.hbBoxMainText { padding: 0; max-height: unset; overflow: hidden; } } .hbBoxBiographyDetails ul.hbYdinf li { margin-top: 4px; } #anasayfa_haber_yukle, #bnrflateb .hbRow.hbFlashNews, .hbBiographyDetails .hbptContent p.ybiyo { margin-bottom: 0; } @media only screen and (max-width: 512px) { .colPage.kaynakbilgisi { padding: 0 15px !important; height: 20px; overflow: hidden; text-overflow: ellipsis; } .hbFinanceTopBar span:first-child { padding-left: 4px; } .hbContainer .hbRow.hbMainSlider.AhbsondakikaSlider, main.hbContainer section.SliderRow .hbRow.hbMainSlider, main.hbContainer.hbCatPage.ktgr-page .hbCatSlider .hbRow.hbMainSlider { width: 100vw; margin-left: -15px; } } @media only screen and (max-width: 375px) { #cconsent-bar .ccb__right > div { display: flex !important; color: #fff !important; justify-content: space-between !important; width: 100% !important; gap: 8px !important; flex-direction: column; } #yorum_blok { margin-top: 5px; } #anasayfa_haber_yukle { margin-bottom: 0; } #devami .hbInRow.boxStyle.boxRadius.hbPageDetails.tuhps { margin-top: 0; } .colPage.pageDetailProp .hbInRow.boxStyle.boxRadius.hbPageDetails iframe { margin-bottom: -10px; } } .yzrhbrb { font-weight: 600 !important; font-size: 16px !important; height: 105px !important; } @media only screen and (min-width: 1025px) { .TitleCoverSlider, .hbHeader.mobile, .mobileImage { display: none; } } @media only screen and (max-width: 1024px) { .hbContainer.hbdetay .colPageRight#detaySag, .hbHeader.generalHeader .hbHeaderInBottom { display: none; } .hbContainer.hbdetay, .hbContainer.hbdetay #detaySol, .hbContainer.hbdetay #yorum_blok, .hbContainer.hbdetay .hbInRow.boxStyle.hbPageDetails { width: 100%; } .hbHeader.mobile { display: block; } .hbHeader.mobile .hbContainer { display: flex; align-items: center; height: 100%; justify-content: space-between; } .hbHeader.mobile .hbContainer .hbhdSearch { position: relative; right: 0; top: 0; z-index: 2; cursor: pointer; height: 23px; } .hbHeader .hbhdLogo { height: 100%; } .hbHeader.mobile .hbContainer .hbhdSearch:before { content: ""; position: absolute; width: 22px; height: 23px; left: 0; top: 0; } .hbHeader.mobile .hbContainer .hbhdLogo { width: 178px; height: 100%; padding-right: 0; padding-left: 0; } .hbHeader.mobile .hbContainer .hbhdNavIcon { position: relative; left: auto; top: auto; width: 23px; height: 19px; cursor: pointer; z-index: 2; } .hbHeader .hbhdLogo .logo-area { height: 20px; } .hbHeader .hbhdLogo .logo-area a { display: block; height: 20px; } .hbhdSearch img { width: 22px; height: 23px; } } .slider .slide { height: 411px; } @media only screen and (max-width: 1024px) and (min-width: 512px) { .hbPageDetails .hbptHead h1 { font-size: 32px; margin: 0 0 24px; } .yazarpdet .hbPageDetails .hbptHead h1 { margin: 0 0 20px; } } @media only screen and (max-width: 1024px) and (min-width: 768px) { header .hbHeader.mobile .hbContainer { padding: 0 15px; } .hbCommentAdd .hbcaTitle { padding-top: 24px; } .hbFooterNewsText .hbftntContent { padding-right: 24px; padding-left: 24px; margin-bottom: 14px; } .hbFooterNewsText .hbftntTitle { margin-top: 24px; } } @media only screen and (max-width: 767px) and (min-width: 512px) { .hbWriterNews.hbWriters .hbContainer, header .hbHeader.mobile .hbContainer { padding: 0 30px; } .hbRow.hbNewsBox.hbNewsBoxHead.hbContainer.hbBoxScope.vStyle.hbIndex { padding: 0; } .hbContainer .hbRow.hbMainSlider.AhbsondakikaSlider, main.hbContainer section.SliderRow .hbRow.hbMainSlider, main.hbContainer.hbCatPage.ktgr-page .hbCatSlider .hbRow.hbMainSlider { width: 100vw; margin-left: -30px; } } .hbptContent.schaberMetin + .hbptContent { padding: 0 !important; } .hbRow.hbNewsBox.hbNewsBoxHead.hbBoxScope.vStyle.yazarStyle + .hbInRow { background: #fff; } .hbRow.hbNewsBox.hbNewsBoxHead.hbBoxScope.vStyle.yazarStyle + .hbInRow .hbPagination { margin-top: 0; margin-bottom: 20px; } .hbPageDetails.hbBiographyDetails .hbptContent h3 { font-family: sans-serif; font-size: 16px; } @media screen and (-webkit-min-device-pixel-ratio: 0) { .hbDatePicker .qDateDayHeadline input#dateCursorP { font-size: 16px; } } .devamigeliyor .hbInRow.boxStyle.hbPageDetails, .hbContainer.hbdetay #yorum_blok { margin-bottom: 30px !important; margin-top: 10px !important; } .haberDetayVideo .hbPageDetails .hbptHead h2.title { font-size: 18px; font-weight: 400; margin-top: 0; width: auto; display: block; line-height: 145%; } .haberDetayVideo header.hbptHead figure { display: flex; margin-bottom: 16px; } .haberDetayVideo .description { font-size: 18px; width: auto; display: block; line-height: 145%; margin: 0 0 40px; font-weight: 400; color: #333; word-break: break-word; } .haberDetayVideo a.hbtdevami { color: #0b5bb3; font-style: normal; display: initial; } @media only screen and (min-width: 1024px) { .hbContainer.hbdetay #yorum_blok { width: calc(100% - 360px); } /* main.hbContainer.wordPage { margin-top: 18px; }*/ .haberDetayVideo #yorum_blok { width: 100% !important; } } @media only screen and (max-width: 870px) and (min-width: 766px) { .hbIndex.hbBoxScope .hbBoxMainText .hbBoxText { padding: 0 8px; font-size: 16px; font-weight: 600; margin: 10px 0; line-height: 131%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; height: auto; } @media only screen and (max-width: 1100px) and (min-width: 1088px) { .hbMainSlider .slide img { width: 101%; height: auto; } } @media only screen and (max-width: 969px) { .desktopImage { display: none; } } @media only screen and (min-width: 970px) { .TitleCoverSlider, .mobileImage { display: none; } } @media only screen and (max-width: 990px) and (min-width: 720px) { .slide .imgTitleCoverSlider { width: 100%; } } }