#header .alt ul.sol li a, #header .alt a.sag@charset "utf-8"; @font-face { font-family: 'Dosis'; src: url('fonts/dosis.woff2') format('woff2'); src: url('fonts/dosis.woff') format('woff'); src: url('fonts/dosis.ttf') format('truetype'); font-weight: normal; font-style: normal; } /* Ust Bar ------------------------------------------------*/ #topbar {background-color: #2A3744; height: 40px;} #topbar ul.sol {list-style: none;} #topbar ul.sol li { list-style: none; float: left; border-left:1px solid rgba(256,256,256,.2); padding:0px 3px; height:20px; margin-top:10px; } #topbar ul.sol li:first-child { border-left:0px; padding-left:0px;} #topbar ul.sol li a { display:block; height:40px; line-height:40px; padding:0px 8px; margin-top:-10px; color:#ddd; text-transform:uppercase;} #topbar ul.sol li a i {line-height:40px; margin-right:5px;} #topbar ul.sol li a:hover, #topbar ul.sol li a.secili { background-color: #004B79; color: #FFFFFF;} #topbar form.sag { height:30px; margin-top:5px; background-color:rgba(256,256,256,.1);} #topbar form.sag input[type=text] {border:none; padding:6px; height:30px; box-sizing:border-box; background:none; width:100px;} #topbar form.sag input[type=text]:focus, #topbar form.sag:hover input[type=text] { width:150px; background-color:#fff;} #topbar form.sag button[type=submit] { width:30px; height:30px; color:#eee; border:none; cursor:pointer; font-size:18px; background-color:#00A0E3;} #topbar form.sag button[type=submit]:hover {background-color:#34bf49;} /* Header Logo + Reklam + Ana Menü ------------------------------------------------*/ #header .ust {height: 90px;} #header .ust a.logo img {height: 90px;} #header .alt {height: 50px;} #header .alt ul.sol { list-style:none;} #header .alt ul.sol li { list-style:none; float:left;} #header .alt ul.sol li a, #header .alt a.sag { display:block; height:50px; line-height:50px; padding:0px 10px; color:#EEEEEE; font-size:13px;} #header .alt ul.sol li a:hover, #header .alt a.sag:hover { background-color:#ED1B2E; color:#FFFFFF;} #header .alt ul.sol li.secili a { background-color:#004B79; color:#FFFFFF;} #header .alt ul.sol li a i { line-height:50px; margin-right:3px; color:#fff; display:none;} #header .alt ul.sol li:first-child a {-webkit-border-top-left-radius: 3px;-webkit-border-bottom-left-radius: 3px;-moz-border-radius-topleft: 3px;-moz-border-radius-bottomleft: 3px;border-top-left-radius: 3px;border-bottom-left-radius: 3px;} #header .alt a.sag { text-transform:uppercase; background-color: #F44336; font-size: 14px;} #header .alt a.sag i { line-height:52px; margin-left:5px;} /* Mobil Menu ------------------------------------------------*/ #topbar ul.mobilmenu, #header .alt ul.mobilmenu { float:left; list-style:none; position:relative; display:none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} #topbar ul.mobilmenu li, #header .alt ul.mobilmenu li { list-style:none; float:left; height:40px; position:relative;} #topbar ul.mobilmenu li span, #header .alt ul.mobilmenu li span { display:block; float:left; padding:0px 10px; line-height:40px; height:40px; color:#fff; text-transform:uppercase; font-size:14px;} #topbar ul.mobilmenu li span i, #header .alt ul.mobilmenu li span i { line-height:38px; margin-right:5px;} #topbar ul.mobilmenu li > ul, #header .alt ul.mobilmenu li > ul { position:absolute; left:0; top:100%; background-color:#FFF; color:#fff; z-index:100; width:468px; border:1px solid #ccc; border-top:none; display:none; padding:0px 15px; box-sizing:border-box;} #topbar ul.mobilmenu li > ul li, #header .alt ul.mobilmenu li > ul li { width:100%; border-bottom:1px dashed #ccc; height:auto; padding:5px 0px;} #topbar ul.mobilmenu li > ul li:last-child, #header .alt ul.mobilmenu li > ul li:last-child { border-bottom:none;} #topbar ul.mobilmenu li > ul li a, #header .alt ul.mobilmenu li > ul li a { display:block; float:left; width:100%; padding:5px; box-sizing:border-box;} #topbar ul.mobilmenu li > ul li a i, #header .alt ul.mobilmenu li > ul li a i { margin-right:5px; margin-top:1px;} #topbar ul.mobilmenu li > ul li a:hover, #header .alt ul.mobilmenu li > ul li a:hover {background-color:#00A0E3; color:#fff;} #topbar ul.mobilmenu li:hover span, #header .alt ul.mobilmenu li:hover span { background-color:#fff; color:#00A0E3; border-left:1px solid #ccc} #topbar ul.mobilmenu li:hover ul, #topbar ul.mobilmenu li:focus ul, #header .alt ul.mobilmenu li:hover ul, #header .alt ul.mobilmenu li:focus ul { display:block;} #header .alt ul.mobilmenu li > ul li a em { background-color: #e4e5ea; padding: 2px 5px; color: #737373; font-size: 11px; font-family: Arial, Helvetica, sans-serif;} #header .alt ul.mobilmenu li { height:40px;} #header .alt ul.mobilmenu li span { height:40px; line-height:40px;} #header .alt ul.mobilmenu li span i { line-height:38px;} #header .alt ul.mobilmenu li:hover span { background-color:#fff; color:#00A0E3; border-top:1px solid #ccc} /* Footer ------------------------------------------------*/ #footer .ust, #footer .alt {color: #bfc3c7; font-size: 16px; line-height: 1.5; } #footer .ust img { height: 90px;} #footer .alt .sol a {font-weight: bold; color: #FFFFFF;} #footer .alt .sol a:hover {text-decoration: underline;} #footer .alt .sag a{color: #bfc3c7;} #footer .alt .sag a:hover{color: #FFFFFF;} /* Sidebar ------------------------------------------------*/ #sidebar h4 {text-transform: uppercase; font-weight: bold; border-bottom: 1px solid #DDDDDD; background-color: #fafafa; color: #2e303a;} /* Tv Liste ------------------------------------------------*/ ul.tv_list {list-style: none;} ul.tv_list li { list-style: none; width: 100%; float:left; border-bottom:1px dashed #ccc; padding:10px 0px;} ul.tv_list li:hover a { background-color:#EEEEEE; -webkit-border-radius: 45px;-moz-border-radius: 45px;border-radius: 45px;} ul.tv_list li:first-child { padding-top:0;} ul.tv_list li:last-child { border-bottom:none; padding-bottom:0;} ul.tv_list li a { display:block; width:100%;} ul.tv_list li a img.sol, ul.tv_list li a span.sol { width:80px; height:45px; float:left;} ul.tv_list li a img.sol {border: 1px solid #DDDDDD;} ul.tv_list li a span.sag { width:45px; height:45px; float:right; text-align:center; line-height:45px; color:#FFFFFF; font-size:16px; text-transform:uppercase; background-color:#607d8b;} ul.tv_list li a span.sag i { line-height:45px; padding-left:5px;} ul.tv_list li:hover a span.sag {background-color:#243c48;} ul.tv_list li a span.sag:hover {background-color:#00A0E3; font-size:22px;-webkit-border-radius: 45px;-moz-border-radius: 45px;border-radius: 45px;} ul.tv_list li a span.ort { width:calc(100% - 125px); height:45px; float:left;} ul.tv_list li a span.ort strong { font-size:18px; color:#062f3c; font-weight:bold; display:block;} ul.tv_list li a span.ort em { color:#999; font-size:14px; display:block;} ul.tv_list li:hover a span.ort strong {color:#00A0E3;} ul.tv_list li a span.ort strong:hover { text-decoration: underline;} .rbar { height:45px; position: relative;} .rbar:after { width: 100%; height: 15px; background-color:rgba(0, 0, 0, 0.1); position: absolute; bottom: 0px;} .rbar em { font-size:22px !important; position: absolute; top: 0; right: 0; font-style: normal; color: #2A3744 !important;} .rbar .rbarb { position: absolute; bottom: 0px; background-color:#607d8b; height:15px;} ul.tv_list li:hover .rbar em { color:#00A0E3;} ul.tv_list li:hover .rbar .rbarb {background-color:#016773;} /* Tv Block ------------------------------------------------*/ ul.tv_block { list-style: none; } ul.tv_block li { width: 25%; float: left; border:1px dashed #CCC; border-left-color:#fff; border-bottom-color:#fff; position: relative;} ul.tv_block li a {display: block; width: 100%;} ul.tv_block li a.tvlogo img {width: 100%; padding-top: 10px;} ul.tv_block li a.tvhd { position: absolute; top: 5px; right: 5px; width: auto; color:#fff; background-color:rgba(0,0,0,.2); padding: 2px 5px;} ul.tv_block li a.tvad {font-size: 18px; text-align: center; padding: 10px 0px;} ul.tv_block li:nth-child(1), ul.tv_block li:nth-child(2), ul.tv_block li:nth-child(3), ul.tv_block li:nth-child(4) {border-top-color: #FFF;} ul.tv_block li:nth-child(4n){border-right-color: #FFF;} ul.tv_block li:hover a.tvad {color: #00A0E3;} ul.tv_block li:hover a.tvhd {background-color: #212121;} ul.tv_block li a.tvhd:hover {background-color: #ed1b2e;} /* Blog Liste ------------------------------------------------*/ ul.blog { list-style: none; } ul.blog li {padding: 15px 0px; border-bottom: 1px dashed #DDD;} ul.blog li:after{content: ' '; display: block; width: 100%; clear: both;} ul.blog li:first-child{ padding-top: 0px; } ul.blog li:last-child{ padding-bottom: 0px; border-bottom: none;} ul.blog li a.blog_logo { display: block; float: left; width: 240px;} ul.blog li a img {width: 100%;} ul.blog li .blog_icerik { float: left; width: calc(100% - 240px); padding: 0px 10px;} ul.blog li .blog_icerik a.ad { font-size: 20px; display: block; width: 100%; padding-bottom: 15px;} ul.blog li .blog_icerik p {font-size: 16px; line-height: 1.2; padding-bottom: 15px;} ul.blog li .blog_icerik a.devami {color:#FF3322;} ul.blog li .blog_icerik a.devami:hover {text-decoration: underline;} ul.blog.anasayfa li{ width:calc(50% - 15px); float:left; padding:0px; margin-left:15px; margin-bottom:15px; padding-bottom:15px;} ul.blog.anasayfa li a.blog_logo {width:33.333%; float:left;} ul.blog.anasayfa li .blog_icerik {width:66.666%; float:left;} ul.blog.anasayfa li:first-child {border:none; border-right: 1px dashed #DDD; padding:0px 15px 0px 0px; width:50%; margin:0;} ul.blog.anasayfa li:first-child a.blog_logo, ul.blog.anasayfa li:first-child .blog_icerik {width:100%;} ul.blog.anasayfa li:first-child .blog_icerik {padding:0;} ul.blog.anasayfa li .blog_icerik a.ad {font-size:16px; padding:0;} ul.blog.anasayfa li:first-child .blog_icerik a.ad {font-size:20px; padding: 10px 0px;} ul.blog.anasayfa li:last-child {margin-bottom:0px; padding-bottom:0px;} /* Liste ------------------------------------------------*/ ul.list { list-style: none;} ul.list li { list-style: none; width: 100%; float: left;} ul.list li a { display:block; width:100%; border-bottom:1px solid #fff; border-top:1px solid #fff; padding:5px 0px; color:#21aabd;} ul.list li a span.sag { background-color:#e4e5ea; padding:1px 5px; color:#737373; font-size:11px;} ul.list li a:hover { border-color:#e4e5ea; color:#004B79;} ul.list li a:hover span.sag { background-color:#004B79; color:#fff;} /* TXT Kutu Modeli ------------------------------------------------*/ .pkutu { border: 1px solid; border-color: #e5e6e9 #dfe0e4 #d0d1d5;} .pkutu h1, .pkutu h2, .pkutu h3 {font-size:28px; border-bottom:1px solid #DDDDDD; background-color:#fafafa; color:#2e303a;} .pkutu p { line-height:1.5; color:#454757; font-size:16px; text-indent:15px; margin-bottom:20px; margin-top:10px;} .pkutu p a { text-decoration:underline;} .pkutu em {color:#999;} .pkutu img { width: 100%} .pkutu .etiket a { display: block; float: left; margin-right: 5px; margin-bottom: 5px; background-color: #EEE; padding: 3px 5px;} .pkutu .etiket a:hover { background-color: #00A0E3; color: #FFFFFF;} /* Tv Kategori Kutu Modeli ------------------------------------------------*/ .tvkutu{ border: 1px solid; border-color: #e5e6e9 #dfe0e4 #d0d1d5; } .tvkutu .ust { border-bottom:1px solid #dddddd; background-color:#fafafa;} .tvkutu .ust h1.sol, .tvkutu .ust strong.sol { display:block; height:30px; line-height:30px; padding:0px 10px; background-color:#F44336; color:#fff; font-size:16px; text-transform:uppercase; letter-spacing:1px; margin-right:5px; width:auto; font-weight:bold;} .tvkutu .ust h1.sol i, .tvkutu .ust strong.sol i { margin-right:10px; line-height:30px; font-size:20px;} .tvkutu .ust span.sol { display:block; height:30px; line-height:30px; font-size:16px; color:#aaaaaa;} .ktv_btn { display:block; height:30px; text-transform:uppercase; cursor:pointer; overflow:hidden; color:#888888;} .ktv_btn span, .ktv_btn i { display:block; float:left; height:30px; line-height:32px; padding:0px 10px;} .ktv_btn i { padding:0px 7px; line-height:30px;} .ktv_btn:hover { color:#ffffff !important;} .ktv_btn:hover span { background-color:#607d8b;} .ktv_btn:hover i { background-color:#243c48;} #kategoribilgi { background-color:#EEE; position:relative; display:none; font-size:14px; color:#222;} #kategoribilgi:after {content: '';position:absolute;right:10px;top:-20px;border-style: solid;border-width: 10px;border-color: transparent; border-bottom-color:#EEE; width: auto;} #kategoribilgi .s { padding:5px 0px;} #kategoribilgi .s p i, #kategoribilgi .s p em { font-style:normal;} #kategoribilgi .s p i { padding-top:2px; padding-right:3px;} #kategoribilgi .s p em { padding-right:10px;} #kategoribilgi strong {float: left; display: block; width: 100%; margin-bottom: 5px;} #kategoribilgi a { display: block; float: left; margin-right: 5px; margin-bottom: 5px; background-color: #FFFFFF; padding: 3px 5px;} #kategoribilgi a:hover { background-color: #00A0E3; color: #FFFFFF;} /* Form Stili ------------------------------------------------*/ .form strong {display: block; width: 100%; margin-bottom: 5px;} .form input[type=text], .form textarea { display: block; width: 100%; height: 40px; padding: 5px; box-sizing: border-box; border: 1px solid #DDDDDD; margin-bottom: 15px; font-family:"Dosis", Arial, Helvetica, sans-serif; font-size: 16px; } .form textarea {height: 194px; min-height: 194px; max-height: 194px; width: 100%; min-width: 100%; max-width: 100%;} .form input[type=submit] { color: #FFFFFF; border:none; padding: 5px 10px; height: 40px; box-sizing: border-box; cursor: pointer;} .form input[type=submit]:hover{background-color: #00C4FF;} .form input[type=text]:focus, .form textarea:focus{border-color: #00C4FF;} .form .pr {padding-right: 5px;} .form .pl {padding-left : 5px;} /* Bildirim ------------------------------------------------*/ .bildirim { background-color: #212121; color: #FFFFFF; padding: 15px;} .bildirim.kirmizi{background-color: #be0027;} .bildirim.yesil{background-color: #49a942;} .bildirim p {margin: 0; text-indent: 0; color: #FFFFFF; font-size: 14px;} /* Arama Alanı ------------------------------------------------*/ .aramakutusu input[type=text]{ display: block; width: 80%; height: 40px; padding: 5px; box-sizing: border-box; border: 1px solid #DDDDDD; margin-bottom: 15px; font-family:"Dosis", Arial, Helvetica, sans-serif; font-size: 16px; } .aramakutusu input[type=text]:focus{border-color: #00C4FF;} .aramakutusu button[type=submit] { width: 20%; color: #FFFFFF; border:none; padding: 5px 10px; height: 40px; box-sizing: border-box; cursor: pointer;} .aramakutusu button[type=submit]:hover{background-color: #00C4FF;} /* 404 ------------------------------------------------*/ .s404 {text-align:center;} .s404 strong { font-size:40px; padding-bottom:40px; padding-top:20px; display:block; color: #ED1B2E;} .s404 p { font-size:18px; padding-bottom:5px; padding-top:10px;} /* Sayfalama ------------------------------------------------*/ ul.sayfalama { float: right; padding: 0px 10px 10px;} ul.sayfalama li { list-style: none; float: left; display: block; box-sizing: border-box; margin: 0px 2px; font-size: 14px;} ul.sayfalama li a, ul.sayfalama li span { display: block; min-width: 30px; height: 30px; padding: 0px 5px; line-height: 30px; box-sizing: border-box; text-align: center; background-color: rgba(0, 0, 0, 0.1); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } ul.sayfalama li span {color: #AAAAAA;} ul.sayfalama li.onceki, ul.sayfalama li.sonraki {font-weight: bold;} ul.sayfalama li.onceki i, ul.sayfalama li.sonraki i {font-size: 18px; line-height: 30px; padding: 0px 10px;} ul.sayfalama li.secili a {background-color: #0095DD; color: #FFFFFF;} ul.sayfalama li:hover a {background-color: #3CBC10; color: #FFFFFF;} /* Canli Tv ------------------------------------------------*/ #tvplay { width: 100%; padding-top: 56.25%; background-color: #212121; position: relative;} #tvplay iframe { position: absolute; width: 100%; height: 100%; top: 0; overflow: hidden;} #tvdetay { -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.05); -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.05); box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.05);} #tvdetay .sol img { float: left; border: 1px solid #eee; height:45px;} #tvdetay .sol div.sol { margin-left: 10px;} #tvdetay .sol div.sol .s { line-height: 1; } #tvdetay .sol div.sol .s h1 {font-weight: bold; font-size: 22px; margin-bottom: 5px; margin-top: 3px;} #tvdetay .sol div.sol .s a { color: #00A0E3;} #tvdetay .sol div.sol .s a:hover { text-decoration: underline;} #tvdetay .sol div.sol .s h1 a { color: #313233;} #tvdetay .sol div.sol .s h1 a:hover { color: #00A0E3; text-decoration: none;} #tvdetay .sag .s { clear: both;} #tvdetay .sag .s strong, #tvdetay .sag .s a { display: block; float: left; padding: 3px 5px;} #tvdetay .sag .s strong {padding-top: 2px; font-weight: normal;} #tvdetay .sag .s a { background-color: #60677a; color: #FFF; margin-left: 5px; text-transform: uppercase; font-size: 12px;} #tvdetay .sag .s a:hover {background-color: #212121;} #tvdetay .sag .s a.secili {background-color: #00A0E3;} #tvdetay .sag span.sag { font-size: 16px; padding-top: 3px; } #tvetkilesim .pr{ padding-right: 5px; } #tvetkilesim .pl{ padding-left: 5px; } #tvetkilesim .tvbtn { width: 100%; background-color: #CCC; display: block; height: 40px; font-size: 16px; text-transform: uppercase; text-align: center; line-height: 40px; cursor: pointer; color: #FFFFFF; } #tvetkilesim .tvbtn i { line-height: 40px; margin-right: 10px;} #tvetkilesim .tvbtn.tvbtn_sinema { background-color: #2baf2b;} #tvetkilesim .tvbtn.tvbtn_hata { background-color: #ed1c24;} #tvetkilesim .tvbtn.tvbtn_favori { background-color: #037ef3;} #tvetkilesim .tvbtn.tvbtn_favori.favori { background-color: #f47721;} #tvetkilesim .tvbtn:hover { background-color: #212121;} #tvbenzer{ padding: 10px 5px; } #tvbenzer a { display: block; width: 20%; float: left; padding: 0px 5px;} #tvbenzer a img { width: 100%; border: 1px dashed #ddd;} #tvbenzer a:hover img {border-color: #00A0E3;} ul#tabs { list-style-type: none; padding: 0; text-align: left;} ul#tabs li { display:inline-block; padding: 10px; border-bottom:2px; cursor: pointer; margin-left:0px; color:#AAA;margin-right:10px; font-size:16px;} ul#tabs li i { margin-right:4px; padding-top:2px;} ul#tabs li:hover {color:#666;border-bottom: solid 2px #666;} ul#tabs li.active {color:#00A0E3;border-bottom: solid 2px #00A0E3;} ul#tab {list-style-type: none;float:left;margin: 0;padding: 0;background-color:#fff;width:100%;border-top:1px dashed #d5d5d5; margin-top:-1px;} ul#tab li { display: none;width:100%; padding: 10px 0px;} ul#tab li.active { display: block;} #tvyorumyap textarea {height: 100px; min-height: 100px; max-height: 200px;} #tvyorumlar {border-top: 2px dashed #CCC; margin-top: 10px;} #tvyorumlar ul, #tvyorumlar ul li { display: block; width: 100%; list-style: none;} #tvyorumlar ul:after, #tvyorumlar ul li:after { content: ' '; display: block; width: 100%; clear: both;} #tvyorumlar ul li i { width: 60px; height: 60px; background-color: #607d8b; display: block; float: left; text-align: center; line-height: 60px; font-size: 22px; color: #FFF;} #tvyorumlar ul li div.sol { width: calc(100% - 70px); margin-left: 10px; float: left; background-color: #EEEEEE; padding: 15px;} #tvyorumlar ul li div.sol .baslik { border-bottom: 2px dashed #CCC; padding-bottom: 15px;} #tvyorumlar ul li div.sol .baslik strong { display: block; font-size: 18px; float: left;} #tvyorumlar ul li div.sol .baslik a { display: block; font-size: 12px; float: right; font-style: normal; color: #999;} #tvyorumlar ul li div.sol .baslik a:hover { color: #212121;} #tvyorumlar ul li div.sol .yorum { padding-top: 10px; font-size: 16px;} .tvhakkinda { border:1px solid #DDD;} .tvhakkinda .aciklama, .tvhakkinda .etiket { padding: 15px;} .tvhakkinda .etiket:after { content: ' '; display: block; width: 100%; clear: both;} .tvhakkinda .etiket a { display: block; float: left; margin-left: 5px; margin-bottom: 5px; background-color: #EEE; padding: 3px 5px;} .tvhakkinda .etiket a:hover { background-color: #00A0E3; color: #FFFFFF;} .tvhakkinda .aciklama { border-top: 1px solid #DDD; border-bottom: 1px solid #DDD;} .tvhakkinda .istatistik .s4, .tvhakkinda .istatistik .s4 { padding: 15px 0px;} .tvhakkinda .istatistik .s4 { border-right: 1px solid #DDD; padding: 15px;} .tvhakkinda .istatistik .s4 img { width: 100%;} .tvhakkinda .istatistik .s8 {width: 66.666%; display: inline-block;box-sizing: border-box;} .tvhakkinda .istatistik .s8 .s { border-bottom: 1px solid #DDD; padding: 5px 15px;} .tvhakkinda .istatistik .s8 .s:last-child {border:none;} #tvpaylas .s5 {padding: 0px 5px;} #tvpaylas a { display:block; width:100%; height:40px; background-color:#eee; line-height:40px; text-align:center; color:#fff; font-size:16px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} #tvpaylas a i { line-height:40px; padding-right:5px; font-size:20px;} #tvpaylas a.facebook { background-color:#3b5998;} #tvpaylas a.twitter { background-color:#1da1f2;} #tvpaylas a.gplus { background-color:#dd4b39;} #tvpaylas a.pinterest { background-color:#bd081c;} #tvpaylas a.email { background-color:#373737;} #tvpaylas a:hover { background-color:#212121;} #tvpaylas input[type=text] { width:100%; height:40px; padding:10px; border:1px solid #ddd; background-color:#fff; box-sizing:border-box; background-image:url(img/input_t_bg.png); background-repeat:repeat-x; background-position:top; color:#666;} #tvekle .s2 { line-height:40px;} #tvekle .s2:hover { background-color:#eee; padding-left:10px;} #tvekle input[type=text], #tvekle select, #tvekle textarea { width:100%; height:40px; padding:10px; border:1px solid #ddd; background-color:#fff; box-sizing:border-box; background-image:url(img/input_t_bg.png); background-repeat:repeat-x; background-position:top; color:#666;} #tvekle textarea { max-width:100%; height:60px; max-height:100px;} /* Ek ------------------------------------------------*/ #bg_sinema_modu, #bg_hata_bildir, #bg_sinirlama { display: none; position: fixed; z-index: 100; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.75); } #bg_sinema_modu {background-color: rgba(0, 0, 0, 0.9);-webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px);} #bg_sinirlama {display: block;} .mod_tv_def{ -webkit-box-shadow: 0px 0px 200px 0px rgba(255,255,255,0); -moz-box-shadow: 0px 0px 200px 0px rgba(255,255,255,0); box-shadow: 0px 0px 200px 0px rgba(255,255,255,0); } .mod_tv { position: absolute; z-index: 1000; -webkit-box-shadow: 0px 0px 100px 0px rgba(255,255,255,0.25); -moz-box-shadow: 0px 0px 100px 0px rgba(255,255,255,0.25); box-shadow: 0px 0px 100px 0px rgba(255,255,255,0.25); } .mod_tv:before { content: '\f00d'; font: normal normal normal 14px/1 FontAwesome; position: absolute; cursor: pointer; top: -15px; right: 0; text-align: right; color: rgba(256, 256, 256, 0.3); } .mod_tv:hover:before {color: rgba(256, 256, 256, 0.6);} #hatabildir_pop { position: fixed; top: 50px; background-color: #FFFFFF; width: 400px; margin-left: -200px; left: 50%; padding: 15px; z-index: 1000; display: none;} #hatabildir_pop .baslik { padding-bottom: 10px; border-bottom: 2px dashed #DDD;} #hatabildir_pop .baslik strong { font-size: 18px; text-transform: uppercase;} #hatabildir_pop .baslik i { display: block; float: right; cursor: pointer;} #hatabildir_pop .baslik i:hover {color: #e21} #hatabildir_pop .govde { padding-top: 10px;} #hatabildir_pop .govde textarea {height: 100px; min-height: 100px; max-height: 100px;} #sinirlama_pop {position: fixed; top: 50px; width: 400px; margin-left: -200px; left: 50%; z-index: 1000;} #sinirlama_pop h5 {border-bottom: 2px dashed #EEE; font-size: 22px; color: #be0027;} #sinirlama_pop .sol {width: 100px; float: left;} #sinirlama_pop .sag {width: 300px; float: left;} #sinirlama_pop i {display: block; width: 100%; text-align: center; font-size: 56px; color: #be0027;} #sinirlama_pop .pr {padding-right: 5px;} #sinirlama_pop .pl {padding-left: 5px;} #sinirlama_pop .btn {background-color: #EEEEEE; display: block; width: 100%; height: 40px; text-align: center; line-height: 40px; cursor: pointer;} #sinirlama_pop .btn:hover {background-color: #be0027; color: #FFFFFF;} #sinirlama_pop span.btn {background-color: #212121; color: #FFFFFF;} #sinirlama_pop span.btn:hover {background-color: #279b37; color: #FFFFFF;} /* Özel Blok Yapisi ------------------------------------------------*/ .div_pc {display: block;} .div_tablet {display: none;} .div_mobil {display: none;} .div_pc img, .div_tablet img, .div_mobil img {width: 100%;} .div_pc:after, .div_tablet:after, .div_mobil:after {content: ' '; width: 100%; display: block; clear: both;} /* Mobil Uyumluluk ------------------------------------------------*/ @media screen and (max-width: 1080px) { .kapsayici {width: 783px;} .kapsayici_sol {width: 468px;} .kapsayici_sag {width: 300px;} .baslik_reklam {width:468px; height: 60px;} .icerik_yatay_reklam {width:100%;} .sidebar_reklam {width:100%;} #topbar ul.sol li a {font-size: 12px;} #topbar ul.sol li a i, #topbar ul.sol li a strong {display: none;} #header .ust a.logo img, #header .ust {height: 60px;} #header .alt {height: 40px;} #header .alt ul.sol li a, #header .alt a.sag {font-size: 14px; padding: 0px 7px; height: 40px; line-height: 40px;} #header .alt a.sag i {line-height: 40px;} #footer .ust img { height: 60px; float: right;} .pkutu h1, .pkutu h2, .pkutu h3 {font-size: 20px;} .pkutu p {font-size: 15px;} ul.tv_list li a span.ort strong, ul.tv_block li a.tvad {font-size: 15px;} .tvkutu .ust h1.sol, .tvkutu .ust strong.sol {font-size: 14px;} .tvkutu .ust h1.sol i, .tvkutu .ust strong.sol i {font-size: 16px;} #tvdetay .sol div.sol .s h1 {font-size: 16px;} #tvetkilesim .tvbtn, ul#tabs li, #tvpaylas a { font-size: 12px; } #tvpaylas a i {font-size: 14px;} ul.blog li a.blog_logo {width: 100%;} ul.blog li .blog_icerik {width: 100%; padding: 15px 0px;} ul.blog.anasayfa li, ul.blog.anasayfa li:first-child {width:100%; padding:0px; margin:0px; margin-bottom:15px; padding-bottom:15px;} ul.blog.anasayfa li .blog_icerik {padding:0px 15px;} ul.blog.anasayfa li:first-child {border:none; border-bottom: 1px dashed #CCC;} ul.blog.anasayfa li:last-child {padding-bottom:0; margin-bottom:0;} #tvdetay .sag .s strong {display: none;} h1, h2, h3, h4 {font-size: 15px;} .pkutu .br_alt { overflow: scroll;} .div_pc {display: none;} .div_tablet {display: block;} .div_mobil {display: none;} } @media screen and (max-width: 784px) { .kapsayici {width: 468px;} .kapsayici_sol {width: 100%;} .kapsayici_sag {width: 100%;} .baslik_reklam {width: 100%; height: auto;} #topbar ul.sol {display: none;} #header .ust {height: auto;} #header .ust a {display: none;} #header .ust:after {content: ' '; display: block; width: 100%; clear: both;} #header .alt ul.sol {display: none;} #footer .alt .sol, #footer .alt .sag {width: 100%; text-align: center;} #footer .ust img {float: left;} #topbar ul.mobilmenu, #header .alt ul.mobilmenu { display:block;} #topbar ul.mobilmenu li > ul, #header .alt ul.mobilmenu li > ul { width:468px;} } @media screen and (max-width: 469px) { .kapsayici {width: calc(100% - 30px);} ul.tv_block li {width: 50%;} ul.tv_block li:nth-child(3), ul.tv_block li:nth-child(4) {border-top-color: #CCC;} ul.tv_block li:nth-child(2n) { border-right-color: #FFF;} #tvdetay .sag span.sag {font-size: 12px;} #tvdetay .sol img {height: 40px;} #tvetkilesim .tvbtn, ul#tabs li, #tvpaylas a {font-size: 10px;} .tvbtn span { display: none;} #tvetkilesim .tvbtn i { margin-right: 0px; font-size: 18px;} #hatabildir_pop, #sinirlama_pop { width: calc(100% - 30px); left: 15px; right: 15px; margin-left: 0;} #sinirlama_pop .sag { width: calc(100% - 110px); float: left;} #topbar ul.mobilmenu li > ul, #header .alt ul.mobilmenu li > ul { width:300px;} .ktv_btn span {display: none;} .div_pc {display: none;} .div_tablet {display: none;} .div_mobil {display: block;} }