:root { --theme-bg: #1e2124; --theme-text: #efefef; --primary-bg: #d90000; --primary-text: #ffffff; --radius-lg: 0; --radius-sm: 0; --link-color: #1e2124; --link-color-hover: #000000; --swiper-theme-color: #1e2124; --swiper-navigation-size: 16px; --body-font-family : 'Roboto', Arial, Helvetica, sans-serif; --title-font-family : 'Roboto Slab', Arial, Helvetica, sans-serif; } html { scroll-behavior: smooth; height: 100%; } body { height: 100%; font-family: var(--body-font-family); } ::-webkit-scrollbar { width: 6px; height: 6px; margin-right: 5px; padding-right: 5px } body:hover::-webkit-scrollbar-thumb { background: rgba(155, 167, 183, 0.4) } ::-webkit-scrollbar-thumb { background: rgba(155, 167, 183, 0.2); border-radius: 9px } ::-webkit-scrollbar-track { border-radius: 9px; background: transparent } main { min-height: 400px; } .row { --bs-gutter-x: 1rem; --bs-gutter-y: 1rem; } aside .col_aside { background-color: #f8f9fa; padding: 1rem; height: 100%; } .bik-ilan-container { border: 2px solid #fff0e1; border-radius: 1rem; background-color: #fffcf8; } @media (min-width: 992px) { .container { max-width: 992px; } } @media (max-width: 991.98px) { .logo img { max-width: 200px; } } a { color: #121212; text-decoration: none; } a:hover { color: #000000; text-decoration: underline; } h1, h2 { font-family: var(--title-font-family); } .h2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.6rem; word-wrap: break-word; font-size: 1.4rem; letter-spacing: -1px; max-height: calc(2* 1.8rem); } .h3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 1.4rem; word-wrap: break-word; font-size: 1.2rem; letter-spacing: -1px; max-height: calc(3* 1.8rem); } p:empty { display: none } .turquaz { color: #00929e !important } .siyah { color: #121212 !important } .beyaz { color: #fff !important } .yesil { color: #9fca1b !important } .mavi { color: #3498db !important } .pembe { color: #9b59b6 !important } .sari { color: #f1c40f !important } .turuncu { color: #e67e22 !important } .kirmizi { color: #e30000 !important } .koyu-mavi { color: #34495e !important } .bg-turquaz { background-color: #00929e !important } .bg-yesil { background-color: #9fca1b !important } .bg-beyaz { background-color: #fff !important } .bg-siyah { background-color: #121212 !important } .bg-mavi { background-color: #3498db !important } .bg-pembe { background-color: #9b59b6 !important } .bg-sari { background-color: #f1c40f !important } .bg-turuncu { background-color: #e67e22 !important } .bg-kirmizi { background-color: #e30000 !important } .bg-koyu-mavi { background-color: #34495e !important } .b-beyaz { border-color: #fff !important } .b-siyah { border-color: #121212 !important } .b-turquaz { border-color: #00929e !important } .b-yesil { border-color: #8fba0b !important } .b-mavi { border-color: #2488cb !important } .b-pembe { border-color: #8b49a6 !important } .b-sari { border-color: #e1b400 !important } .b-turuncu { border-color: #d66e12 !important } .b-kirmizi { border-color: #b70000 !important } .b-koyu-mavi { border-color: #24394e !important } .ad { text-align: center } .swiper-wrapper { padding: 0 0 24px 0; margin: 0; } .swiper-button-prev, .swiper-button-next { background-color: var(--theme-bg); color: var(--theme-text); padding: 16px; border-radius: 16px; border: 1px solid rgba(255, 255, 255, .5); top: var(--swiper-navigation-top-offset, 23%); } .headline_top .swiper-button-prev, .headline_top .swiper-button-next, .headline .swiper-button-prev, .headline .swiper-button-next { top: var(--swiper-navigation-top-offset, 40%); } .swiper-button-prev:hover, .swiper-button-next:hover { color: var(--theme-bg); background-color: var(--theme-text); } .swiper-button-prev { left: 5px; } .swiper-button-next { right: 5px; } .news { list-style: none; padding: 0; position: relative; } ol.news { list-style: auto; list-style-position: outside; padding-left: 1.5rem; } ol.news h5 { display: inline; } ol.news li::marker { font-size: 125%; font-weight: 600; color: var(--primary-bg); } .news .col, .news .col>div { position: relative; } .news .category { font-size: 60% !important; background-color: var(--primary-bg); color: var(--primary-text); } .news .date { text-transform: uppercase; font-size: 70%; } .news-img { display: inline-block; position: relative; width: 100%; overflow: hidden; border-radius: var(--radius-sm); } .img_16-9 { padding-bottom: 56.25%; } .img_1-1 { padding-bottom: 100%; } .img_4-1 { padding-bottom: 33%; } .news-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease, filter 0.3s ease; } .headline_top .news-img { height: 100%; } .swiper-slide:hover .news-img img, .news .news-img:hover img { transform: scale(1.05); filter: brightness(1.1); } .news-img i { position: absolute; top: 5%; right: 5%; font-size: 125%; color: var(--primary-bg); text-shadow: -2px 2px 0px rgb(255 255 255 / 80%); } .news-img i.fa-images { top: 5%; right: 15%; } .news-img::after { content: ""; position: absolute; width: 200%; height: 0%; left: 50%; top: 50%; background-color: rgba(255, 255, 255, .3); transform: translate(-50%, -50%) rotate(-45deg); z-index: 1; } .news-img:hover::after { height: 250%; transition: all 600ms linear; background-color: transparent; } .header_top_bar_container { background-color: var(--theme-bg); color: var(--theme-text); padding: .25rem 0; height: 47px; overflow-y: hidden; overflow-x: auto; } .header_top_bar_container a, .header_top_bar_container i { color: var(--theme-text); text-decoration: none; font-size: 90%; } .header_container { padding: 1rem 0; } .social_icons a { display: inline-block; padding: 0.5rem; text-decoration: none; background-color: rgba(128, 128, 128, .15); margin-right: 1px; border-radius: 50%; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; } .social_icons a:hover { background-color: rgba(128, 128, 128, .25); } .header_top_bar { --swiper-navigation-size: 18px; --swiper-theme-color: #fff; padding-top: 0.25rem; padding-bottom: 0.25rem; } .header_top_bar .swiper-wrapper { margin-left: 4rem; margin-right: 2rem; } .header_top_bar .swiper { height: 24px; display: flex; margin-left: unset; margin-right: unset; } .header_top_bar .swiper-button-prev, .header_top_bar .swiper-button-next { background-color: var(--theme-bg); color: var(--theme-text); padding: 16px 12px; border-radius: 0; border: 0; top: 20%; } .header_top_bar .swiper-button-prev:hover, .header_top_bar .swiper-button-next:hover { color: var(--theme-bg); background-color: var(--theme-text); } .header_top_bar .swiper .swiper-button-next { left: 24px; } .header_top_bar .swiper-button-prev { left: 0; } .header_top_bar .swiper abbr { text-decoration: none; color: rgb(201 201 201); font-size: 75%; margin-left: 1rem; text-transform: uppercase; } .header_search { margin-left: 2rem; } .header_search .input-group { flex-wrap: nowrap; } .header_search .form-control { min-width: 170px; background-color: transparent; border-color: rgba(128, 128, 128, .5); color: #fff; } .header_search input::placeholder { color: rgba(255, 255, 255, 0.9); } /* menu_container */ .menu_container { background-color: rgba(var(--bs-light-rgb), 1) !important; } .menu_container .navbar { --bs-navbar-padding-y: 0; } .menu_container .navbar .container { display: flow; } .menu_container .navbar .nav-item { margin-right: .5rem; } .menu_container .navbar .nav-item:first-child, .menu_container .navbar .nav-item:last-child { margin-right: 0; } .menu_container .navbar .nav-link { font-weight: 500; color: rgba(0, 0, 0, 0.85); text-transform: uppercase; } .menu_container .navbar .nav-link:hover { text-decoration: none; } .menu_container .navbar-nav .nav-link.active, .menu_container .navbar-nav .nav-link.show, .menu_container .navbar-nav .nav-link:hover { background-color: rgba(128, 128, 128, .15); } .menu_container .dropdown-menu { background-color: var(--theme-bg); border-radius: 0; padding: .25rem; } .menu_container .dropdown-item { color: var(--theme-text); font-weight: 600; font-size: 90%; text-transform: uppercase; } .menu_container .dropdown-item:hover { background-color: rgb(128 128 128 / 25%); text-decoration: none; } footer { background-color: var(--theme-bg); color: var(--theme-text); margin-top: 1rem; padding-top: 1rem; } .footer_menu { margin-bottom: 1rem; } footer a, footer .nav-link { color: var(--theme-text); padding: 0 1rem; } footer a:hover, footer .nav-link:hover { color: var(--theme-text); } footer .footer { border-bottom: 1px solid rgba(128, 128, 128, .5); margin-bottom: .25rem; } footer .copyright_row { padding-bottom: 1rem; } footer .copyright_row p { font-size: 75%; margin-bottom: .25rem; opacity: .80; white-space: nowrap; } footer .footer_menu .nav-link:hover { color: #fff; background-color: rgba(128, 128, 128, .15); text-decoration: none; } footer .copyright_menu { justify-content: end; } footer .copyright_menu .nav-link { font-size: 75%; padding: 0 .5rem; } footer .copyright_menu .nav-link:hover { color: #fff; text-decoration: underline; } .headline_sub { background-color: rgb(248 249 250); } .headline_sub .swiper-slide { width: 230px; margin-right: 16px; } .headline_sub .swiper-pagination { bottom: 0; } .headline_sub .h3 { padding: 0 .5rem; margin-bottom: 0; } .headline_sub.stil_1 .h3 { position: absolute; bottom: 0; background-color: rgba(0, 0, 0, 0.85); background: linear-gradient(to bottom, rgb(0 0 0 / 10%) 0%, black 100%); color: rgb(255, 255, 255); padding: 1rem; margin: 0; text-transform: uppercase; font-size: 18px; text-shadow: -2px 2px 6px #000; } .headline_sub.stil_1 .category { position: absolute; top: 0; background-color: var(--primary-bg); color: var(--primary-text); padding: 5px 10px 5px 10px; font-size: 12px; border-radius: 0 0 10px; text-decoration: none; } .headline_sub.stil_1 .img_1-1 { padding-bottom: 85%; } .headline_sub.stil_1 .swiper-horizontal>.swiper-pagination-bullets, .headline_sub.stil_1 .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: 0px; } .headline_top .swiper-wrapper { padding-bottom: 0; height: 300px !important; } .headline_top .h3 { position: absolute; bottom: 0; background-color: rgba(0, 0, 0, 0.85); background: linear-gradient(to bottom, rgb(0 0 0 / 0%) 0%, black 100%); color: rgb(255, 255, 255); padding: clamp(1rem, 2rem, 3rem); margin: 0; text-transform: uppercase; font-size: clamp(2rem, 3.5vw, 3rem); text-shadow: -2px 2px 6px #000; display: block; width: 100%; text-decoration: none; font-weight: 800; max-height: unset; line-height: 1.15; font-family: var(--title-font-family); } .headline_top .category { position: absolute; top: 0; background-color: var(--primary-bg); color: var(--primary-text); padding: 5px 10px 5px 10px; font-size: 12px; border-radius: 0 0 10px; text-decoration: none; } .autoplay-progress { position: absolute; right: 16px; bottom: 16px; z-index: 10; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; font-size: 12px; color: rgba(255, 255, 255, 1); } .autoplay-progress svg { --progress: 0; position: absolute; left: 0; top: 0px; z-index: 10; width: 100%; height: 100%; stroke-width: 4px; stroke: rgba(255, 0, 0, 0.7); fill: none; stroke-dashoffset: calc(125.6px * (1 - var(--progress))); stroke-dasharray: 125.6; transform: rotate(-90deg); } .headline { background: var(--theme-bg); padding: 0; } .headline .swiper-wrapper { padding: 0 0 0 0; margin-bottom: 32px; } .headline .swiper-pagination { background: var(--theme-bg); bottom: 0; display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; height: 40px; border-top: 1px solid rgb(128 128 128 / 25%); } .headline .swiper-pagination-bullet { background: var(--theme-bg); color: var(--theme-text); width: 100%; height: 100%; opacity: 1; display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; flex: 1 1 auto !important; border-radius: 0; margin: 0 0 !important; border-right: 1px solid rgb(128 128 128 / 25%); font-weight: 600; } .headline .swiper-pagination-bullet-active, .headline .swiper-pagination-bullet:hover { color: #000; background: white; } .headline .h3 { position: absolute; bottom: 0; background-color: rgba(0, 0, 0, 0.85); background: linear-gradient(to bottom, rgb(0 0 0 / 0%) 0%, black 100%); color: rgb(255, 255, 255); padding: 2rem; margin: 0; text-transform: uppercase; font-size: clamp(1.5rem, 2rem, 2.5rem); text-shadow: -2px 2px 6px #000; display: block; width: 100%; text-decoration: none; font-weight: 800; max-height: unset; line-height: 1; font-family: var(--title-font-family); } .headline .category, .news .category, .headline_sub .category { position: absolute; top: 0; left: 0; background-color: var(--primary-bg); color: var(--primary-text); padding: 5px 10px 5px 10px; font-size: 12px; font-weight: 600; border-radius: 0 0 10px; text-decoration: none; text-transform: uppercase; } .block-title { margin: 0 0 .5rem 0; padding: .5rem; background-color: var(--theme-bg); color: var(--theme-text); } .block-title>i { margin-right: .5rem; } .block-title h5 { margin: 0; font-size: 115%; } .block-title .flex-grow-1 { margin: -3px 3px 0 1rem; background: transparent; height: 3px; } .block-title .flex-shrink-1 i { color: var(--theme-text); } .block-body { padding: 0; } .news-3:not(.bik-ilan) .h3 { font-size: 100%; letter-spacing: 0; margin-bottom: 1rem; } .news-3:not(.bik-ilan) .col:nth-child(2) .h3, .news-3:not(.bik-ilan) .col:nth-child(1) .h3 { font-size: 110%; } .news-3:not(.bik-ilan) .col:nth-last-child(-n+4) .h3 { font-size: 80%; line-height: normal; } .news-3:not(.bik-ilan) .col:nth-child(1), .news-3:not(.bik-ilan) .col:nth-child(2) { width: 50%; } .news-3:not(.bik-ilan) .col:nth-last-child(-n+4) { width: 25%; } .bik-ilan .category { background-color: #ffae00; color: #ffffff; font-weight: 600; text-shadow: 1px 1px 1px #000; font-size: 13px !important; } .news-slider .swiper-slide { display: inline-block; } .tab_news .nav-underline, .col_tab_news .nav-underline { margin-bottom: 1rem; border-bottom: 1px solid rgb(128 128 128 / 25%); } .tab_news .nav-underline .nav-link, .col_tab_news .nav-underline .nav-link { font-weight: 600; text-transform: uppercase; text-decoration: none; color: #1e2124; } .col_tab_news .news h5 { font-size: 100%; font-weight: normal; } .col_tab_news .news li { border-bottom: 1px solid rgb(128 128 128 / 25%); margin-bottom: .5rem; } .col_tab_news .news li a i { color: var(--primary-bg); } .news_3 .news_big .date { font-weight: 600; text-transform: uppercase; } .news_3 .news_big .content a { font-weight: 600; font-size: 150%; padding: .25rem 0; line-height: 1.2; margin: .5rem 0; display: block; } .news_3 .news_small>div { display: flex; flex-direction: row; gap: 1rem; margin-bottom: .5rem; height: 100px; overflow: hidden; } .news_3 .news_small .news-img { width: 25%; } .news_3 .news_small img { height: 100px; } .news_3 .news_small .content { flex-grow: 1; width: 75%; } .news_3 .news_small .content a { font-weight: 500; display: block; } .news_3 .news_small .date { text-transform: uppercase; font-size: 75%; } .home_videos { background: #1e2124; color: rgb(255 255 255 / 50%); padding: 1rem; border-radius: 0 0 16px 16px; } .home_video_title, .home_gallery_title { margin-bottom: 0; padding: 1rem; border-radius: 16px 16px 0 0; border-bottom: 1px solid rgb(255 255 255 / 20%); } .home_videos a { color: #efefef; } .home_videos .news-img img { border: 1px solid rgb(255 255 255 / 50%); border-radius: 16px; } .home_videos .news_small .news-img { width: 40%; } .home_videos .news_small .content { width: 60%; } .home_videos .news_small img { height: 90px; } .home_videos .icon { position: absolute; top: calc(50% - 40px); left: calc(50% - 40px); z-index: 10; font-size: 4rem; text-shadow: none; color: rgb(255 255 255); background-color: black; width: fit-content; padding: .5rem; border-radius: 50%; } .home_videos .news_small .icon { position: absolute; top: 3rem; right: 0rem; left: auto; z-index: 10; font-size: 2rem; padding: .25rem; } .home_videos a:hover .icon { color: rgb(255 255 255); background-color: rgb(201, 0, 0); } .home_videos a:hover img { border: 1px solid rgb(255 255 255 / 80%); } .home_gallery { background: rgb(241 237 225); padding: 1rem; } .home_gallery a { color: #121212; } .home_gallery .news-img img { border: 1px solid rgb(255 255 255 / 50%); } .home_gallery .news_small .news-img { width: 40%; } .home_gallery .news_small .content { width: 60%; } .home_gallery .news_small img { height: 90px; } .home_gallery a:hover img { border: 1px solid rgb(255 255 255 / 80%); } .home_authors { text-align: center; } .home_authors h4, .home_authors h5 { font-size: 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; letter-spacing: -1px; max-height: 18px; margin: 1rem 0 0 0; } .home_authors h4 a { color: var(--primary-bg); text-transform: uppercase; } .home_authors h5 { font-size: 18px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 52px; margin-top: .5rem; padding-top: .5rem; border-top: 1px solid rgb(128 128 128 / 25%); } .home_authors .thumb { border-radius: 50%; width: 120px; height: 120px; display: inline-block; position: relative; overflow: hidden; border: 2px solid rgba(128, 128, 128, .2); } .home_authors .thumb img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease, filter 0.3s ease; } .col_authors .swiper-wrapper { flex-direction: column; max-height: 520px; overflow-y: auto; overflow-x: hidden; padding: 0; } .col_authors .swiper-button-prev, .col_authors .swiper-button-next { display: none; } .col_authors .swiper-slide { max-height: 70px; min-height: 70px; margin: .25rem; white-space: nowrap; display: flex; flex-direction: row; border-bottom: 1px solid rgba(128, 128, 128, .2); padding-bottom: .5rem; } .col_authors h4, .col_authors h5 { font-size: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; letter-spacing: -1px; margin: 0 0 0 0; } .col_authors h4 a { color: var(--primary-bg); text-transform: uppercase; } .col_authors h5 { font-size: 16px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: .25rem; } .col_authors .thumb { border-radius: 50%; width: 80px; height: 60px; display: inline-block; position: relative; overflow: hidden; border: 1px solid rgba(128, 128, 128, .2); } .col_authors .thumb img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease, filter 0.3s ease; } .col_authors .info { display: inline-block; width: 100%; white-space: normal; margin-left: .5rem; } .col_news .swiper-button-prev, .col_news .swiper-button-next { top: var(--swiper-navigation-top-offset, 26%) } .col-poll h4 { margin: 1rem 0; font-size: 110%; } .col-poll .answers { padding-left: 0; list-style-type: none; } .col-poll .answers li { margin-bottom: .5rem; } .search-col { margin-top: 1rem; } #namaz-container { background: #e0e3e2 url(../images/namaz-vakitleri.webp); width: 100%; height: 190px; background-size: cover; position: relative; } #namaz-container select { position: absolute; right: 1rem; top: 1rem; padding: .25rem .5rem; opacity: .7; border-radius: 4px; border: 0; width: 122px; cursor: pointer; } #namaz-container .module_loading { position: absolute; left: 45%; top: 45%; width: 30px; height: 30px; } #namaz-container #timeSonuc { position: absolute; left: 0; bottom: 0rem; display: flex; width: 100%; justify-content: center; text-align: center; text-transform: uppercase; flex-wrap: wrap; color: black; padding: .5rem; } #namaz-container #timeSonuc .col { padding: .15rem; font-weight: 600; text-align: center; } #namaz-container #timeSonuc .col i { font-weight: 400; font-style: normal; font-size: 70%; text-shadow: none; padding: .25rem 0.25rem; display: block; color: var(--theme-text); background-color: var(--theme-bg); border-radius: 7px 7px 0 0; line-height: 100%; width: 50px; text-align: center; } #namaz-container #timeSonuc .col b { background-color: #ffffffc2; color: var(--theme-bg); padding: .5rem; font-size: 100%; line-height: 1; width: 100%; display: block; border-radius: 0 7px; } .social_col { padding-left: 0; } .social_col img { width: 36px; vertical-align: middle; margin-right: .5rem; } .social_col li { display: flex; flex-direction: column; margin-bottom: .15rem; } .social_col li a { font-size: 90%; font-weight: 600; display: flex; align-items: center; text-transform: uppercase; background-color: rgba(0, 0, 0, 0.05); padding: .25rem 1rem .25rem .25rem; border-radius: .5rem; } .social_col li a:hover { text-decoration: none; background-color: rgba(0, 0, 0, 0.1); } .social_col li a i { margin-left: auto; color: rgb(0 0 0 / 70%); font-style: normal; font-size: 90%; white-space: nowrap; } .social_col2 { display: flex; flex-wrap: wrap; justify-content: center; } .social_col2 li { margin: .25rem; } .social_col2 img { width: 60px; } .league_container { background-color: #fff; min-height: 315px; max-height: 315px; overflow: auto; font-size: 90%; } #toggleLeagueButton { font-weight: bold; font-size: 90%; display: block; padding: .25rem; cursor: pointer; cursor: row-resize; text-align: center; -webkit-user-select: none; /* Safari */ -ms-user-select: none; /* IE 10 and IE 11 */ user-select: none; /* Standard syntax */ } .league_container table { margin-bottom: 0; } .league_container thead th { font-weight: 600; } .league_container tbody tr:nth-child(-n+3) td, .league_container tbody tr:nth-child(-n+3) td a { color: rgb(0, 87, 0); } .league_container tbody tr:nth-last-child(-n+3) td, .league_container tbody tr:nth-last-child(-n+3) td a { color: rgb(202, 0, 0); } .col_news_1>div { display: flex; flex-direction: row; align-content: center; margin-bottom: .5rem; border-bottom: 1px solid rgb(128 128 128 / 25%); } .col_news_1 h5 { font-size: 90%; font-weight: 500; margin-left: .5rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: normal; word-wrap: break-word; max-height: 55px; width: 100%; } .col_news_1 .news-img { width: 150px; } .col_news_1 .news-img img { height: 55px; } .content_info { display: flex; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: .5rem 0; overflow-x: auto; overflow-y: hidden; flex-wrap: nowrap; } .content_info .social_share { display: flex; margin-left: auto; margin-bottom: 0; } .content_info .social_share a { display: inline-block; padding: 0.5rem; font-size: 120%; background-color: rgba(128, 128, 128, .15); margin-right: 1px; border-radius: 50%; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; text-decoration: none; } .content_info .social_share a:hover { background-color: rgba(128, 128, 128, .30); } .content_info .social_icon.facebook { color: #1877F2; } .content_info .social_icon.twitter { color: #1DA1F2; } .content_info .social_icon.whatsapp { color: #25D366; } .content_info .social_icon.telegram { color: #0088CC; } .content_info .social_icon.facebook:hover { background-color: #1877F2; color: #fff; } .content_info .social_icon.twitter:hover { background-color: #1DA1F2; color: #fff; } .content_info .social_icon.whatsapp:hover { background-color: #25D366; color: #fff; } .content_info .social_icon.telegram:hover { background-color: #0088CC; color: #fff; } .content_info .post_details { padding: 0; list-style-type: none; display: flex; margin-bottom: 0; align-items: center; } .content_info .post_details .detail { white-space: nowrap; } .content_info a { color: var(--link-color); text-transform: uppercase; } .content_info .detail { background-color: transparent; margin-right: 20px; font-size: 95% !important; color: #343434; position: inherit; padding: inherit; } .content_info .detail i { color: var(--primary-bg); } article>*:first-child { margin-top: 0; } article::after { display: block; clear: both; content: ""; } .breadcrumb { display: flex; padding: .5rem 0; border-top: 1px solid rgb(235 239 243); border-bottom: 1px solid rgb(235 239 243); font-size: 75%; overflow-x: auto; overflow-y: hidden; height: 32px; white-space: nowrap; flex-wrap : nowrap; } .breadcrumb::-webkit-scrollbar { height: 3px; } .breadcrumb-item + .breadcrumb-item::before { float: none; } .breadcrumb li { display: inline-block; position: relative; } .breadcrumb a, .breadcrumb span { color: rgba(0, 0, 0, 0.5); text-transform: uppercase; font-weight: 500; } .breadcrumb a:hover { text-decoration: none; color: rgba(0, 0, 0, 0.9); } .breadcrumb-item+.breadcrumb-item::before { content: ">"; } .title_divider { background: #F0F0F0; height: 10px; margin: 1rem 0 1rem 0; position: relative; opacity: 1; } .title_divider::after { content: ""; height: 30px; width: 20px; background: url(../images/subheader_arrow.png) no-repeat 0 0; top: 0; left: 2rem; position: absolute; } .content_title, .page_title { font-size: 3.5rem; font-weight: 900; letter-spacing: -2px; margin: 1rem 0; line-height: 1; font-family: var(--title-font-family); } .page_title { font-size: 2.5rem; font-weight: 600; letter-spacing: 0px; margin: 1rem 0 1rem 0; } .page_title i { color: var(--primary-bg); } .page_title .rss { float: right; font-size: 50%; margin-top: 1.5rem; } .page_title .rss i { color: rgba(128, 128, 128, .25); } .page_title .rss:hover i { color: var(--primary-bg); } .content_excerpt { font-size: 1.5rem; font-weight: 400; margin: 1rem 0; line-height: normal; text-transform: uppercase; font-family: var(--title-font-family); } .content_img { display: block; margin: 1rem 0; } .content_img img { width: 100%; height: auto; } .content_text { margin: 1rem 0; font-size: 1.25rem; line-height: 1.5; } .content_text h3, .content_text h4, .content_text h5, .content_text h6 { font-family: var(--title-font-family);} .content_text h3 { font-size: 1.3rem;} .content_text h4 { font-size: 1.2rem;} .content_text h5 { font-size: 1.1rem;} .content_text h6 { font-size: 1rem;} .content_text img { max-width: 100%; height: auto; margin: 0 1rem 1rem 0; display: inline-block; border: 1px solid rgb(0 0 0 / 15%); } .content_text table { width: 100% !important; border: 1px solid rgb(0 0 0 / 15%); margin-bottom: 1rem } .content_text .table-sm td, .content_text .table-sm th { font-size: 70%; } .content_text .table-sm th { white-space: nowrap; } .content_text .ad img { width: auto } .content_tags { display: flex; justify-content: space-between; align-items: center; margin: 1rem 0; background-color: rgb(128 128 128 / 10%); padding: .5rem 1rem; } .taxonomies a { display: block; font-weight: 500; padding: .25rem; text-decoration: none; font-size: 90%; } .taxonomies a:hover { background: var(--theme-bg); color: var(--theme-text); } .taxonomies.tags li a:before { content: "#"; } .taxonomies { padding: 0 0 0 1.5rem; list-style-type: none; margin: 0; display: flex; flex-wrap: wrap; line-height: 1; } .taxonomies.tags { background: url("../images/icons/other/post_footer_tags.png") no-repeat left center; } .taxonomies.categories { background: url("../images/icons/other/post_footer_category.png") no-repeat left center; } .taxonomies.left { margin-right: auto; } .taxonomies.right { margin-left: auto; } #ad_29, #ad_30, #ad_31 { width: 100%; overflow: hidden } .video_onu { position: absolute; height: 100%; width: 100%; background: #fff; z-index: 1000 } .video_onu .content { position: relative; margin-top: 1%; text-align: center !important } .video_onu .bar { text-align: right; font-weight: 700; background: #cd252e; padding: 10px; height: 40px; font-size: 15px; color: #fff } .video_onu .bar div { margin-right: 10px; cursor: pointer } .video_onu .saniye { float: right } .video_onu .kapat { float: right; display: none } #block_tg .news_img { display: inline-block; position: relative; width: 100%; overflow: hidden; border-radius: var(--radius-sm); padding-bottom: 56.25%; } #block_tg .news_img img { position: absolute; top: 0; left: 0; width: 100%; height: 125px; object-fit: cover; transition: transform 0.3s ease, filter 0.3s ease; border-radius: 0; } #block_tg .block-title { background: none; margin-bottom: 1rem; text-shadow: none; } #block_tg .card { border: 0; } #block_tg .card-body { border: 0; border-radius: 0; padding: 0; } #block_tg .card-body a { font-weight: bold; text-decoration: none; } #block_tg .card-body small { opacity: .9; font-size: 80%; } #comment_container #topnews-tab { margin-bottom: 1rem; } #comment_container #topnews-tab a { text-decoration: none; color: var(--link-color); } #comment_container { position: relative } #comment_container .tab-content { padding: .5rem; background-color: #fff } #comment_container .nav-pills { border-bottom: 0; position: absolute; right: 8px; top: 10px } #comment_container .nav-pills .nav-link { margin: 0 .2rem; padding: .2rem .5rem; color: var(--link-color); line-height: 20px; font-size: 85% } #comment_container .nav-pills .nav-link:hover { text-decoration: none } #comment_container .nav-pills .nav-link.active { background: #dedede73; border-color: #dedede73; color: var(--link-color) } #comment_container .tab-content { border-radius: 0 0 var(--radius-sm) var(--radius-sm) } #comment_container .comments { margin: 1rem 0 } #comment_container .comments .card { margin: 1rem 0 0 0; border-radius: var(--radius-sm); border-bottom-width: 2px } #comment_container .comments .card:hover { background-color: rgba(0, 0, 0, .01) } #comment_container .comments .card-title { font-weight: 700; font-size: 100%; padding: 0; margin: 0 } #comment_container .comments .card-title span { font-weight: 200; font-size: 90%; float: right; color: #999 } #comment_container .comments .card .avatar { border-radius: 50%; display: inline-block; float: left; margin-right: .5rem; width: 75px; height: 75px; overflow: hidden } #comment_container .comments .card .avatar img { border-radius: 50%; width: 75px; height: 75px } #comment_container .comments .card-footer { background-color: transparent; padding: 0 .5rem; text-align: right; border-top: 1px dotted #ddd } #comment_container .comments .card-footer a { font-size: 75%; margin-left: 1rem } #comment_container #replay_form { padding: .5rem; background-color: #f7f7f7 } #comment_container #pills-website-tab { color: var(--primary-bg) } #comment_container #pills-facebook-tab { color: #2662d0 } #comment_container #pills-disqus-tab { color: #006cce } #author, .card-header, .card-body, .card-footer { border: 0; background-color: transparent; } #author .card-header h3 { text-align: center; font-size: 140%; margin: 0; text-transform: uppercase; color: var(--primary-bg); } #author .list-group-item { background-color: transparent; border-color: transparent; color: inherit; } #author .list-group-item.active { font-weight: 600; background-color: transparent; border-color: transparent; color: inherit; } #author a small { font-weight: 600; text-decoration: none; display: block; } #author h4 { font-weight: 600; text-align: center; background: rgb(128 128 128 / 10%); text-transform: uppercase; font-size: 110%; padding: .25rem; border-radius: .5rem .5rem 0 0; } .list-group-item { background-color: inherit; color: inherit; border-color: rgb(128 128 128 / 10%); text-transform: uppercase; } .list-group-item.active { font-weight: 600; background-color: inherit; color: inherit; border-color: rgb(128 128 128 / 10%); } .list-group-item i { color: var(--primary-bg); margin-right: .5rem; width: 1rem; text-align: center; } .weather { display: flex; align-items: center; justify-content: space-between; margin-left: 1rem; border-left: 1px solid rgba(0, 0, 0, 0.1); } .weather>span { margin-left: .5rem; font-weight: 600; } .weather .derece { font-weight: 600; font-size: 1.25rem; display: inline-block; min-width: 40px; } .weather .dropdown-toggle { text-transform: uppercase; width: 125px; overflow: hidden; } .weather .dropdown-toggle.show, .weather .dropdown-toggle:active { border-color: transparent; } .weather .dropdown-menu.show { display: flex; } .weather .dropdown-menu { border-radius: 0; width: 750px; flex-wrap: wrap; padding: .5rem; } .weather .dropdown-item.active, .weather .dropdown-item:active { color: var(--primary-text); background-color: var(--primary-bg); } .weather .dropdown-menu li { width: 16.66%; } .weather .dropdown-menu li a { font-size: 75%; } .nav-top-pages a { color: var(--link-color); text-decoration: none; text-transform: uppercase; font-weight: 500; font-size: 90%; padding: .5rem 0rem .5rem .5rem; text-align: center; } .nav-top-pages a i { color: var(--primary-bg); font-size: 125%; vertical-align: middle; } .nav-top-pages a:hover { color: var(--primary-bg); } .nav-top-pages a:hover i { color: var(--link-color); } .logo_right_currency { max-width: 300px; } .currency { display: flex; align-items: center; justify-content: space-between; font-size: 75%; font-weight: 500; border-left: 1px solid rgba(0, 0, 0, 0.1); color: rgb(74 74 74); } main .currency { border-left: 0; } .currency>div { margin-left: 1rem; } .currency .val { font-size: 1rem; font-weight: 600; display: inline-block; color: rgb(0 0 0 / 25%) } .currency .red { color: #be0000; } .currency .green { color: #007613; } .currency .gray { color: #636363; } .gallery_image { position: relative; margin-bottom: 2rem; border: 1px solid rgba(0, 0, 0, 0.5); } .gallery_image img { width: 100%; transition: transform 0.3s ease, filter 0.3s ease; } .gallery_image a:hover { transform: scale(1.05); filter: brightness(1.1); } .gallery_image p { margin: 1rem; font-size: 120%; } .gallery_image span { position: absolute; top: 0; left: 0; background-color: var(--theme-bg); color: var(--theme-text); display: inline-block; padding: .5rem; font-size: 150%; font-weight: bold; font-style: normal; } .gallery_image span i, .gallery_image span b { font-weight: bold; font-style: normal; } .no_records { padding: 3rem 0; font-size: 1.2rem; text-align: center; font-weight: 500; color: rgb(0 0 0 / 70%); } .col_gallery .news>div { position: relative; margin-bottom: 1rem; } .col_gallery .news>div h5 { position: absolute; bottom: 0; background-color: rgba(0, 0, 0, 0.85); background: linear-gradient(to bottom, rgb(0 0 0 / 0%) 0%, black 100%); padding: 1rem; margin: 0; text-transform: uppercase; text-shadow: -2px 2px 6px #000; display: block; width: 100%; text-decoration: none; font-weight: 800; max-height: unset; line-height: 1; font-family: var(--title-font-family); } .col_gallery .news>div h5 a { color: rgb(255, 255, 255); } .video_detail { border-radius: 16px; } .video_detail iframe, .video_detail video { border-radius: 16px; } main { position: relative; } .ad-left, .ad-right { position: absolute; top: -12px; max-width: 180px; min-width: 180px; width: 180px; overflow: hidden; } .ad-left .ad, .ad-right .ad { display: inline-block; } .home .ad-left, .home .ad-right { top: 32px; } .ad-left { left: calc(50vw - 684px); text-align: right; } .ad-right { left: calc(50vw + 496px); text-align: left; } .resmi_ilan_kaynak { display: flex; justify-content: space-between; margin-top: 1rem; } @media (max-width: 1200px) { .ad-left, .ad-right { display: none; } }