header { 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; } }