body{font-family: 'Titillium Web', sans-serif;} .reklam{ padding:0 20px;margin-bottom: 15px;} .reklam a{ width: 100%; display: inline-block; outline: none;} .reklam img{ width: 100%; height: inherit; border:0;} .noMargin{ margin:0;} .noPadding{ padding:0; } .yesTop{ padding-top:15px; } .yesBottom{ margin-bottom: 15px; } .container{ width: 1200px; margin: 0 auto; position: relative;} .bxMenuAlti{ list-style: none; margin:0; } .radyo {position: absolute;top: 108px;left: 182px; background: url(../img/radyo.png) no-repeat left;background-size: contain;padding: 2px; height: 32px;} .radyo audio{ margin-left: 108px; } .sakaryatv{ position: relative; height:550px; margin:0 20px 20px 20px; } .sakaryatv iframe{ width: 100%; height:550px; } .tv{ position: absolute; right: 0; bottom: 6px; cursor: pointer;} .instagram{background-color: #fff;padding: 1px;border-radius: 4px;position: relative;top: -8px;height: 30px;} .instagram:hover{background-color: #c92f9c;} .ustsag {float:right;margin-top: 50px;} .header{ background: #007C34; position: relative; background-repeat: repeat-x;/* background-position: 0 60px;*/ /*padding:20px 20px 0 20px;*/ } .header:after, .container:after, .digerHaberler:after{ content: ''; display:block; clear: both; } .logo{ float: left; } .head{ height: 100px; width: 100%;display: block;padding-top: 15px;} .anamenu { float: left; } .anamenu ol{ list-style: none; margin: 0; padding: 0; } .anamenu ol li{ float: left; } .anamenu ol li a{ display: block; line-height: 40px; padding: 0 20px; color: #fff; font-weight: 700;font-size: 15px;} .anamenu ol li a:hover{background-color: #0a0a0a;} .anamenu ol li a:active {background-color: #131212;} .ara{ float: right; } #ara{border: 1px solid #007c34; margin:5px 0 5px 20px; height: 30px; outline: none; padding: 0 30px 0 10px; width: 200px; background-image: url("../img/ara.png"); background-repeat: no-repeat; background-position:220px 6px; border-radius: 15px; } .menuAlti{ padding:0 20px; margin-bottom: 15px; overflow: hidden; height: 120px;} #altin_doviz_kuru_ekle_kutucuk{height: 500px!important;} .sonDakika{ margin-bottom:15px; } .sonDakika:after{ content: ''; display: block; clear: both; } .son{ float: left; text-align: center; height: 22px; width: 200px; background-color: #cf3d43; background-image: url("../img/loading.gif"); background-repeat: no-repeat; background-position: center 5px; color: #fff; padding: 30px 3px 3px 3px;} .sonLayer{ float: left; height: 55px; width: 992px; background-color: #14233a; } #sonDakika { height: 55px; margin: 0; background-color: #105fa0; } #sonDakika li a{ text-transform:uppercase!important;display: block; height: 55px; width: 96%; padding: 0 2%; color: #fff;line-height: 100%;} #sonDakika li a i {width: 110px;float: left; font-size: 30px;color: #fff;text-align: center;line-height: 55px; font-style: normal;} #sonDakika li a em { font-size:13px;height: 55px;overflow: hidden;display: table-cell;position: relative;width: 200px;vertical-align: middle;} #sonDakika li a em label{ font-size: 12px; color: #cf3d43; } .sonDakika .bx-wrapper .bx-prev{ height: 55px!important; width: 30px!important; } .sonDakika .bx-wrapper .bx-prev:hover{background-position: 5px 14px;} .sonDakika .bx-wrapper .bx-next{ height: 55px!important; width: 30px!important; } .sonDakika .bx-wrapper .bx-next:hover{background-position: 5px 14px;} .spot {padding: 0; text-align: center;} .spot a { display: inline-block; height:200px; width: 23.3%; margin:2% 2% 2% 0; border:1px solid #ccc; background-color:#fff; position: relative;} .spot a {} .spot a h3{ width: 100%!important; text-align: left; font-size: 15px; margin:0; position: absolute; bottom: 0; left: 0; width: 96%; /*padding:10px 2%;*/ position: absolute; z-index: 2; color: #fff; background: rgba(32,32,32,.8);/*text-shadow: #000 2px 2px;*/ background: -moz-linear-gradient(top, rgba(32,32,32,.8), rgba(32,32,32,.8) ); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(32,32,32,.8)), color-stop(100%, rgba(0,0,0,1))); background: -webkit-linear-gradient(top, rgba(32,32,32,.8), rgba(32,32,32,.8)); background: -o-linear-gradient(top, rgba(32,32,32,.8), rgba(32,32,32,.8)); background: -ms-linear-gradient(top, rgba(32,32,32,.8), rgba(32,32,32,.8)); background: linear-gradient(to bottom, rgba(32,32,32,.8), rgba(32,32,32,.8)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 ); text-transform: uppercase!important;} .spot a figcaption, .spot a img{ display: none; } .spot a div{width: 100%; height: 200px; overflow: hidden;} .spot a:hover div figure{transform: scale(1.15); -webkit-transform: scale(1.15);} .spot a figure{transition: all .4s ease-in-out; background-repeat: no-repeat; background-size: cover; background-position: center center; width: 100%; margin: 0; height: 200px; position: relative;z-index: 1; } .spot a:first-child{ margin-left: 0; } .spot a:last-child{ margin-right: 0; } .ikiliManset{ margin-bottom: 15px; padding: 0; margin-bottom: 2%; } .ikiliManset:after{ content: ''; display: block; clear: both; } .ikiliManset .sol{ float: left; width: 85px; } .ikiliManset .sol a img{ display: none;} .ikiliManset .sol a { transition: all 0.2s ease-in-out;color:#fff;-webkit-filter: grayscale(1); margin:0 0 10px 0; width: 85px; height: 60px; line-height: 60px;text-align: center;font-size: 25px; background-size: cover; background-position: center right; display: block;position: relative; } .ikiliManset .sol a:hover {-webkit-filter: grayscale(0);} .ikiliManset .sol a:last-child{ margin:10px 0 0 0; } .ikiliManset .sag{ float: right; width: 1090px; position: relative; } .ikiliManset .sag a { position: absolute; left: 0; top: 0; display: block; width: 1090px; height: 340px;} .ikiliManset .sag a:first-child{ z-index: 2; } .ikiliManset .sag a img{ width: 1090px; height: 340px; } .ikiliManset .sol a:before { transition: all 0.2s ease-in-out;display: block;content:'';position: absolute;left:0;top:0;width: 85px;height: 60px;background-color: rgba(0,0,0,0.6);z-index: 0;} .ikiliManset .sol a label{position: relative;z-index: 1;} .ikiliManset .sol a:hover:before{background-color:rgba(218, 27, 35, 0.88);} .mansetler{padding: 0; } .mansetler:after{ content: ''; display: block; clear: both; } #mansetler { float: left; width: 775px; height:530px; position: relative;margin-bottom: 2%;} #mansetler .resimler{ position: relative; width: 775px; height: 480px;} #mansetler .resimler a{ display: block; width: 775px; height: 480px; position: absolute; left: 0; top: 0; background-color: #fff; z-index: 1;} #mansetler .resimler a.aktif{ z-index: 2; } #mansetler .resimler a figure{ width: 775px; height: 480px; background-size: cover; background-position: center center; margin:0;} #mansetler .resimler a h3{ position: absolute; padding: 20px 0 20px 0;width: 100%; bottom: -25px; text-align:center;background-color: rgb(0, 124, 52);color: white; font-size: 25px;text-transform: uppercase; } #mansetler .sayilar{ position: relative; width: 775px; height: 40px; text-align: center; padding-top: 2%;} #mansetler .sayilar a{display: inline-block;font-weight: 700;font-size: 15px;background: #f7f7f7;border: 1px solid #d0d0d0;margin:0 3.5px;width: 43px; height: 30px; line-height: 30px; text-align: center;} #mansetler .sayilar a:first-child{ margin-left: 0;} #mansetler .sayilar a:last-child{ margin-right: 0; } #mansetler .sayilar a:hover, #mansetler .sayilar a.aktif{background: rgb(0, 124, 52);color: #fff;border: rgb(0, 124, 52);} .mansetlerSpor{padding: 0; } .mansetlerSpor:after{ content: ''; display: block; clear: both; } #mansetlerSpor { float: left; width: 775px; height:530px; position: relative;margin-bottom: 2%;} #mansetlerSpor .resimler{ position: relative; width: 775px; height: 480px;} #mansetlerSpor .resimler a{ display: block; width: 775px; height: 480px; position: absolute; left: 0; top: 0; background-color: #fff; z-index: 1;} #mansetlerSpor .resimler a.aktif{ z-index: 2; } #mansetlerSpor .resimler a figure{ width: 775px; height: 480px; background-size: cover; background-position: center center; margin:0;} #mansetlerSpor .resimler a h3{ position: absolute; padding: 20px 0 20px 0;width: 100%; bottom: -25px; text-align:center;background-color: rgba(20, 173, 15, 0.8);color: white; font-size: 25px;text-transform: uppercase; } #mansetlerSpor .sayilar{ position: relative; width: 775px; height: 40px; text-align: center; padding-top: 2%;} #mansetlerSpor .sayilar a{display: inline-block;font-weight: 700;font-size: 15px;background: #f7f7f7;border: 1px solid #d0d0d0;margin:0 3.5px;width: 69px; height: 30px; line-height: 30px; text-align: center;} #mansetlerSpor .sayilar a:first-child{ margin-left: 0;} #mansetlerSpor .sayilar a:last-child{ margin-right: 0; } #mansetlerSpor .sayilar a:hover, #mansetlerSpor .sayilar a.aktif{background: #099c08;color: #fff;border: 1px solid #3bca6e;} .mansetlerGuncel{padding: 0; } .mansetlerGuncel:after{ content: ''; display: block; clear: both; } #mansetlerGuncel { float: right; width: 775px; height:530px; position: relative;margin-bottom: 2%;} #mansetlerGuncel .resimler{ position: relative; width: 775px; height: 480px;} #mansetlerGuncel .resimler a{ display: block; width: 775px; height: 480px; position: absolute; left: 0; top: 0; background-color: #fff; z-index: 1;} #mansetlerGuncel .resimler a.aktif{ z-index: 2; } #mansetlerGuncel .resimler a figure{ width: 775px; height: 480px; background-size: cover; background-position: center center; margin:0;} #mansetlerGuncel .resimler a h3{ position: absolute; padding: 20px 0 20px 0;width: 100%; bottom: -25px; text-align:center;background-color: rgb(251, 95, 8);color: white; font-size: 25px;text-transform: uppercase; } #mansetlerGuncel .sayilar{ position: relative; width: 775px; height: 40px; text-align: center; padding-top: 2%;} #mansetlerGuncel .sayilar a{display: inline-block;font-weight: 700;font-size: 15px;background: #f7f7f7;border: 1px solid #d0d0d0;margin:0 3.5px;width: 69px; height: 30px; line-height: 30px; text-align: center;} #mansetlerGuncel .sayilar a:first-child{ margin-left: 0;} #mansetlerGuncel .sayilar a:last-child{ margin-right: 0; } #mansetlerGuncel .sayilar a:hover, #mansetlerGuncel .sayilar a.aktif{background: #fb5f08;color: #fff;border: 1px solid #fb5f08;} .mansetlerYasam{padding: 0; } .mansetlerYasam:after{ content: ''; display: block; clear: both; } #mansetlerYasam { float: right; width: 775px; height:530px; position: relative;margin-bottom: 2%;} #mansetlerYasam .resimler{ position: relative; width: 775px; height: 480px;} #mansetlerYasam .resimler a{ display: block; width: 775px; height: 480px; position: absolute; left: 0; top: 0; background-color: #fff; z-index: 1;} #mansetlerYasam .resimler a.aktif{ z-index: 2; } #mansetlerYasam .resimler a figure{ width: 775px; height: 480px; background-size: cover; background-position: center center; margin:0;} #mansetlerYasam .resimler a h3{ position: absolute; padding: 20px 0 20px 0;width: 100%; bottom: -25px; text-align:center;background-color: rgb(3, 175, 177);color: white; font-size: 25px;text-transform: uppercase; } #mansetlerYasam .sayilar{ position: relative; width: 775px; height: 40px; text-align: center; padding-top: 2%;} #mansetlerYasam .sayilar a{display: inline-block;font-weight: 700;font-size: 15px;background: #f7f7f7;border: 1px solid #d0d0d0;margin:0 3.5px;width: 69px; height: 30px; line-height: 30px; text-align: center;} #mansetlerYasam .sayilar a:first-child{ margin-left: 0;} #mansetlerYasam .sayilar a:last-child{ margin-right: 0; } #mansetlerYasam .sayilar a:hover, #mansetlerYasam .sayilar a.aktif{background: #03afb1;color: #fff;border: 1px solid #03afb1;} .mansetlerSiyaset{padding: 0; } .mansetlerSiyaset:after{ content: ''; display: block; clear: both; } #mansetlerSiyaset { float: left; width: 775px; height:530px; position: relative;margin-bottom: 2%;} #mansetlerSiyaset .resimler{ position: relative; width: 775px; height: 480px;} #mansetlerSiyaset .resimler a{ display: block; width: 775px; height: 480px; position: absolute; left: 0; top: 0; background-color: #fff; z-index: 1;} #mansetlerSiyaset .resimler a.aktif{ z-index: 2; } #mansetlerSiyaset .resimler a figure{ width: 775px; height: 480px; background-size: cover; background-position: center center; margin:0;} #mansetlerSiyaset .resimler a h3{ position: absolute; padding: 20px 0 20px 0;width: 100%; bottom: -25px; text-align:center;background-color: #e41717;color: white; font-size: 25px;text-transform: uppercase; } #mansetlerSiyaset .sayilar{ position: relative; width: 775px; height: 40px; text-align: center; padding-top: 2%;} #mansetlerSiyaset .sayilar a{display: inline-block;font-weight: 700;font-size: 15px;background: #f7f7f7;border: 1px solid #d0d0d0;margin:0 3.5px;width: 69px; height: 30px; line-height: 30px; text-align: center;} #mansetlerSiyaset .sayilar a:first-child{ margin-left: 0;} #mansetlerSiyaset .sayilar a:last-child{ margin-right: 0; } #mansetlerSiyaset .sayilar a:hover, #mansetlerSiyaset .sayilar a.aktif{background: #ea2727;color: #fff;border: 1px solid #ea2727;} .mansetlerKulis{padding: 0; } .mansetlerKulis:after{ content: ''; display: block; clear: both; } #mansetlerKulis { float: left; width: 775px; height:530px; position: relative;margin-bottom: 2%;} #mansetlerKulis .resimler{ position: relative; width: 775px; height: 480px;} #mansetlerKulis .resimler a{ display: block; width: 775px; height: 480px; position: absolute; left: 0; top: 0; background-color: #fff; z-index: 1;} #mansetlerKulis .resimler a.aktif{ z-index: 2; } #mansetlerKulis .resimler a figure{ width: 775px; height: 480px; background-size: cover; background-position: center center; margin:0;} #mansetlerKulis .resimler a h3{ position: absolute; padding: 20px 0 20px 0;width: 100%; bottom: -25px; text-align:center;background-color: rgba(3, 82, 171, 0.78);color: white; font-size: 25px;text-transform: uppercase; } #mansetlerKulis .sayilar{ position: relative; width: 775px; height: 40px; text-align: center; padding-top: 2%;} #mansetlerKulis .sayilar a{display: inline-block;font-weight: 700;font-size: 15px;background: #f7f7f7;border: 1px solid #d0d0d0;margin:0 3.5px;width: 69px; height: 30px; line-height: 30px; text-align: center;} #mansetlerKulis .sayilar a:first-child{ margin-left: 0;} #mansetlerKulis .sayilar a:last-child{ margin-right: 0; } #mansetlerKulis .sayilar a:hover, #mansetlerKulis .sayilar a.aktif{background: #2783ea;color: #fff;border: 1px solid #2783ea;} #mansetYani { float: left; width: 300px; height:326px;} #mansetYani:after{ display: block; content: ''; clear: both; } #mansetYani a { display: inline-block; height:324px; width: 100%; margin:0 0 10px 0; border:1px solid #ccc; background-color:#fff; text-align: center;} #mansetYani a h3{height: 70px; text-transform:uppercase;font-size: 17px;padding: 0 30px;margin: 7px 0; display: table-cell;vertical-align: middle;text-align: center;} #mansetYani a figcaption, #mansetYani a img{ display: none; } #mansetYani a figure{ background-repeat: no-repeat; background-size: cover; background-position: center center; width: 94%; margin: 2.3% 3%; height: 230px; } #mansetYani a:nth-of-type(2n+1){ margin-left: 0; float: left; } #mansetYani a:nth-of-type(2n){ margin-right: 0; float: right;} #mansetYani2 { float: right; width: 300px; height:300px;} #mansetYani2:after{ display: block; content: ''; clear: both; } #mansetYani2 a { display: inline-block; height:324px; width: 100%; margin:0 0 10px 0; border:1px solid #ccc; background-color:#fff; text-align: center;} #mansetYani2 a h3{ height: 70px; text-transform:uppercase;font-size: 17px;padding: 0 30px;margin: 7px 0; display: table-cell;vertical-align: middle;text-align: center;} #mansetYani2 a figcaption, #mansetYani2 a img{ display: none; } #mansetYani2 a figure{ background-repeat: no-repeat; background-size: cover; background-position: center center; width: 94%; margin: 2.3% 3%; height: 230px; } #mansetYani2 a:nth-of-type(2n+1){ margin-left: 0; float: left; } #mansetYani2 a:nth-of-type(2n){ margin-right: 0; float: right;} #mansetYani3 { float: left; width: 540px; height:300px;margin-left: 2%;} #mansetYani3:after{ display: block; content: ''; clear: both; } #mansetYani3 a { transition: all 0.2s ease-in-out;display: inline-block; height:100px; width: 545px; margin:0 0 10px 0; border:1px solid #ccc; border-right:10px solid #2c6b5d; background-color:#fff; text-align: center;} #mansetYani3 a h3{ display:table-cell;height:100px;vertical-align:middle;text-align:left;text-transform:uppercase;font-size: 17px;padding: 0 30px;margin: 7px 0;color:white; } #mansetYani3 a figcaption, #mansetYani3 a img{ display: none; } #mansetYani3 a figure{ float:left;background-repeat: no-repeat; background-size: cover; background-position: center center; width: 150px; margin: 0.5% 0.5%; height: 94px; display: inline-block;} #mansetYani3 a:nth-of-type(2n+1){ margin-left: 0; float: left;background-color: rgb(0, 124, 52);} #mansetYani3 a:nth-of-type(2n){ margin-right: 0; float: left;background-color: rgb(0, 124, 52);} #mansetYani3 a:hover {border-left-width: 10px;border-right-width: 1px;border-left-color:#2c6b5d;} #mansetYani4 { float: left; width: 361px; height:auto;margin-left: 2%;} #mansetYani4:after{ display: block; content: ''; clear: both; } #mansetYani4 a { transition: all 0.2s ease-in-out;display: inline-block; height:103px; width: 390px; margin:0 0 0 0; border:1px solid #ccc; border-right:10px solid #ccc; background-color:#fff; text-align: center;} #mansetYani4 a h3{ display:table-cell;height:100px;vertical-align:middle;text-align:left;text-transform:uppercase;font-size: 17px;padding: 0 30px;margin: 7px 0; } #mansetYani4 a figcaption, #mansetYani4 a img{ display: none; } #mansetYani4 a figure{ float:right;background-repeat: no-repeat; background-size: cover; background-position: center center; width: 150px; margin: 0.5% 0.5%; height: 94px; display: inline-block;} #mansetYani4 a:nth-of-type(2n+1){ margin-left: 0; float: left; } #mansetYani4 a:nth-of-type(2n){ margin-right: 0; float: left;} #mansetYani4 a:hover {border-left-width: 10px;border-right-width: 1px;border-left-color:#007c34;} #mansetYaniSpor { float: left; width: 361px; height:auto;margin-left: 2%;} #mansetYaniSpor:after{ display: block; content: ''; clear: both; } #mansetYaniSpor a { transition: all 0.2s ease-in-out;display: inline-block; height:103px; width: 390px; margin:0 0 0 0; border:1px solid #ccc; border-right:10px solid #ccc; background-color:#fff; text-align: center;} #mansetYaniSpor a h3{ display:table-cell;height:100px;vertical-align:middle;text-align:left;text-transform:uppercase;font-size: 17px;padding: 0 30px;margin: 7px 0; } #mansetYaniSpor a figcaption, #mansetYaniSpor a img{ display: none; } #mansetYaniSpor a figure{ float:right;background-repeat: no-repeat; background-size: cover; background-position: center center; width: 150px; margin: 0.5% 0.5%; height: 94px; display: inline-block;} #mansetYaniSpor a:nth-of-type(2n+1){ margin-left: 0; float: left; } #mansetYaniSpor a:nth-of-type(2n){ margin-right: 0; float: left;} #mansetYaniSpor a:hover {border-left-width: 10px;border-right-width: 1px;border-left-color:#43bd3f;} #mansetYaniGuncel { float: left; width: 361px; height:auto;} #mansetYaniGuncel:after{ display: block; content: ''; clear: both; } #mansetYaniGuncel a { transition: all 0.2s ease-in-out;display: inline-block; height:103px; width: 390px; margin:0 0 0 0; border:1px solid #ccc; border-right:10px solid #ccc; background-color:#fff; text-align: center;} #mansetYaniGuncel a h3{ display:table-cell;height:100px;vertical-align:middle;text-align:left;text-transform:uppercase;font-size: 17px;padding: 0 30px;margin: 7px 0; } #mansetYaniGuncel a figcaption, #mansetYaniGuncel a img{ display: none; } #mansetYaniGuncel a figure{ float:right;background-repeat: no-repeat; background-size: cover; background-position: center center; width: 150px; margin: 0.5% 0.5%; height: 94px; display: inline-block;} #mansetYaniGuncel a:nth-of-type(2n+1){ margin-left: 0; float: left; } #mansetYaniGuncel a:nth-of-type(2n){ margin-right: 0; float: left;} #mansetYaniGuncel a:hover {border-left-width: 10px;border-right-width: 1px;border-left-color:#f77400;} #mansetYaniYasam { float: left; width: 361px; height:auto;} #mansetYaniYasam:after{ display: block; content: ''; clear: both; } #mansetYaniYasam a { transition: all 0.2s ease-in-out;display: inline-block; height:103px; width: 390px; margin:0 0 0 0; border:1px solid #ccc; border-right:10px solid #ccc; background-color:#fff; text-align: center;} #mansetYaniYasam a h3{ display:table-cell;height:100px;vertical-align:middle;text-align:left;text-transform:uppercase;font-size: 17px;padding: 0 30px;margin: 7px 0; } #mansetYaniYasam a figcaption, #mansetYaniYasam a img{ display: none; } #mansetYaniYasam a figure{ float:right;background-repeat: no-repeat; background-size: cover; background-position: center center; width: 150px; margin: 0.5% 0.5%; height: 94px; display: inline-block;} #mansetYaniYasam a:nth-of-type(2n+1){ margin-left: 0; float: left; } #mansetYaniYasam a:nth-of-type(2n){ margin-right: 0; float: left;} #mansetYaniYasam a:hover {border-left-width: 10px;border-right-width: 1px;border-left-color:#03afb1;} #mansetYaniSiyaset { float: left; width: 361px; height:auto;margin-left: 2%;} #mansetYaniSiyaset:after{ display: block; content: ''; clear: both; } #mansetYaniSiyaset a { transition: all 0.2s ease-in-out;display: inline-block; height:103px; width: 390px; margin:0 0 0 0; border:1px solid #ccc; border-right:10px solid #ccc; background-color:#fff; text-align: center;} #mansetYaniSiyaset a h3{ display:table-cell;height:100px;vertical-align:middle;text-align:left;text-transform:uppercase;font-size: 17px;padding: 0 30px;margin: 7px 0; } #mansetYaniSiyaset a figcaption, #mansetYaniSiyaset a img{ display: none; } #mansetYaniSiyaset a figure{ float:right;background-repeat: no-repeat; background-size: cover; background-position: center center; width: 150px; margin: 0.5% 0.5%; height: 94px; display: inline-block;} #mansetYaniSiyaset a:nth-of-type(2n+1){ margin-left: 0; float: left;} #mansetYaniSiyaset a:nth-of-type(2n){ margin-right: 0; float: left;} #mansetYaniSiyaset a:hover {border-left-width: 10px;border-right-width: 1px;border-left-color:#ea2727;} #mansetYaniKulis { float: left; width: 361px; height:auto;margin-left: 2%;} #mansetYaniKulis:after{ display: block; content: ''; clear: both; } #mansetYaniKulis a { transition: all 0.2s ease-in-out;display: inline-block; height:103px; width: 390px; margin:0 0 0 0; border:1px solid #ccc; border-right:10px solid #ccc; background-color:#fff; text-align: center;} #mansetYaniKulis a h3{ display:table-cell;height:100px;vertical-align:middle;text-align:left;text-transform:uppercase;font-size: 17px;padding: 0 30px;margin: 7px 0; } #mansetYaniKulis a figcaption, #mansetYaniKulis a img{ display: none; } #mansetYaniKulis a figure{ float:right;background-repeat: no-repeat; background-size: cover; background-position: center center; width: 150px; margin: 0.5% 0.5%; height: 94px; display: inline-block;} #mansetYaniKulis a:nth-of-type(2n+1){ margin-left: 0; float: left;} #mansetYaniKulis a:nth-of-type(2n){ margin-right: 0; float: left;} #mansetYaniKulis a:hover {border-left-width: 10px;border-right-width: 1px;border-left-color:#2783ea;} #mansetYani5 { float: left; width: 340px; height:auto;margin-bottom: 6%;} #mansetYani5:after{ display: block; content: ''; clear: both; } #mansetYani5 a { display: inline-block; height:240px; width: 100%; margin:0 0 10px 0; border:1px solid #ccc; background-color:#fff; text-align: center;} #mansetYani5 a h3{height: 70px; text-transform:uppercase;font-size: 17px;padding: 0 30px;margin: 7px 0; display: table-cell;vertical-align: middle;text-align: center;} #mansetYani5 a figcaption, #mansetYani5 a img{ display: none; } #mansetYani5 a figure{ background-repeat: no-repeat; background-size: cover; background-position: center center; width: 94%; margin: 2.3% 3%; height: 150px; } #mansetYani5 a:nth-of-type(2n+1){ margin-left: 0; float: left; } #mansetYani5 a:nth-of-type(2n){ margin-right: 0; float: right;} #mansetYani6 { float: left; width: 460px; height:auto;margin-left: 2%;} #mansetYani6:after{ display: block; content: ''; clear: both; } #mansetYani6 a { color:white;display: inline-block; height:514px; width: 100%; margin:0 0 10px 0; border:1px solid #ccc; background-color:#007c34; text-align: center;} #mansetYani6 a h3{height: 70px; text-transform:uppercase;font-size: 17px;padding: 0 89px;margin: 7px 0; display: table-cell;vertical-align: middle;text-align: center;} #mansetYani6 a figcaption, #mansetYani6 a img{ display: none; } #mansetYani6 a figure{ background-repeat: no-repeat; background-size: cover; background-position: center center; width: 94%; margin: 2.3% 3%; height: 400px; } #mansetYani6 a:nth-of-type(2n+1){ margin-left: 0; float: left; } #mansetYani6 a:nth-of-type(2n){ margin-right: 0; float: right;} #mansetYani6n { float: left; width: 300px; height:auto;} #mansetYani6n:after{ display: block; content: ''; clear: both; } #mansetYani6n a { color:white;display: inline-block; height:492px; width: 100%; margin:0 0 10px 0; border:1px solid #ccc; background-color: #007c34; text-align: center;} #mansetYani6n a h3{height: 70px; text-transform:uppercase;font-size: 17px;padding: 0 89px;margin: 7px 0; display: table-cell;vertical-align: middle;text-align: center;} #mansetYani6n a figcaption, #mansetYani6n a img{ display: none; } #mansetYani6n a figure{ background-repeat: no-repeat; background-size: cover; background-position: center center; width: 94%; margin: 2.3% 3%; height: 385px; } #mansetYani6n a:nth-of-type(2n+1){ margin-left: 0; float: left; } #mansetYani6n a:nth-of-type(2n){ margin-right: 0; float: right;} #mansetYani7 { float: right; width: 340px; height:auto;margin-bottom: 6%;} #mansetYani7:after{ display: block; content: ''; clear: both; } #mansetYani7 a { display: inline-block; height:240px; width: 100%; margin:0 0 10px 0; border:1px solid #ccc; background-color:#fff; text-align: center;} #mansetYani7 a h3{height: 70px; text-transform:uppercase;font-size: 17px;padding: 0 30px;margin: 7px 0; display: table-cell;vertical-align: middle;text-align: center;} #mansetYani7 a figcaption, #mansetYani7 a img{ display: none; } #mansetYani7 a figure{ background-repeat: no-repeat; background-size: cover; background-position: center center; width: 94%; margin: 2.3% 3%; height: 150px; } #mansetYani7 a:nth-of-type(2n+1){ margin-left: 0; float: left; } #mansetYani7 a:nth-of-type(2n){ margin-right: 0; float: right;} #mansetYani8 { float: left; width: 420px; height:auto;} #mansetYani8:after{ display: block; content: ''; clear: both; } #mansetYani8 a { display: inline-block; height:240px; width: 100%; margin:0 0 10px 0; border:1px solid #ccc; background-color:#fff; text-align: center;} #mansetYani8 a h3{height: 70px; text-transform:uppercase;font-size: 17px;padding: 0 30px;margin: 7px 0; display: table-cell;vertical-align: middle;text-align: center;} #mansetYani8 a figcaption, #mansetYani8 a img{ display: none; } #mansetYani8 a figure{ background-repeat: no-repeat; background-size: cover; background-position: center center; width: 25%; margin: 2.3% 3%; height: 100px; } #mansetYani8 a:nth-of-type(2n+1){ margin-left: 0; float: left; } #mansetYani8 a:nth-of-type(2n){ margin-right: 0; float: right;} #mansetYani9 { float: left; width: 421px; height:auto;} #mansetYani9:after{ display: block; content: ''; clear: both; } #mansetYani9 a { transition: all 0.2s ease-in-out;display: inline-block; height:100px; width: 410px; margin:0 0 0 0; border:1px solid #ccc; border-right:10px solid #ccc; background-color:#fff; text-align: center;} #mansetYani9 a h3{ display:table-cell;text-align:left;text-transform:uppercase;font-size: 14px;padding: 0 5px;margin: 7px 0; } #mansetYani9 a figcaption, #mansetYani9 a img{ display: none; } #mansetYani9 a figure{ float:left;background-repeat: no-repeat; background-size: cover; background-position: center center; width: 150px; margin: 0.5% 0.5%; height: 94px; display: inline-block;} #mansetYani9 a:nth-of-type(2n+1){ margin-left: 0; float: left; } #mansetYani9 a:nth-of-type(2n){ margin-right: 0; float: left;} #mansetYani9 a:hover {border-left-width: 10px;border-right-width: 1px;border-left-color:#cf3d43;} #mansetYani9 p {float: left;display: inline-block;width: 50%;padding: 5px;margin: 0;height: 45px;overflow: hidden;text-align: left;font-size:12px;} #mansetYani10 { float: right; width: 421px; height:auto;} #mansetYani10:after{ display: block; content: ''; clear: both; } #mansetYani10 a { transition: all 0.2s ease-in-out;display: inline-block; height:100px; width: 410px; margin:0 0 0 0; border:1px solid #ccc; border-right:10px solid #ccc; background-color:#fff; text-align: center;} #mansetYani10 a h3{ display:table-cell;text-align:left;text-transform:uppercase;font-size: 14px;padding: 0 5px;margin: 7px 0; } #mansetYani10 a figcaption, #mansetYani10 a img{ display: none; } #mansetYani10 a figure{ float:left;background-repeat: no-repeat; background-size: cover; background-position: center center; width: 150px; margin: 0.5% 0.5%; height: 94px; display: inline-block;} #mansetYani10 a:nth-of-type(2n+1){ margin-left: 0; float: left; } #mansetYani10 a:nth-of-type(2n){ margin-right: 0; float: left;} #mansetYani10 a:hover {border-left-width: 10px;border-right-width: 1px;border-left-color:#cf3d43;} #mansetYani10 p {float: left;display: inline-block;width: 50%;padding: 5px;margin: 0;height: 45px;overflow: hidden;text-align: left;font-size:12px;} #mansetYani11 { float: left; width: 300px; height:auto; margin-top:5px;} #mansetYani11:after{ display: block; content: ''; clear: both; } #mansetYani11 a { transition: all 0.2s ease-in-out;display: inline-block; height:100px; width: 290px; margin:0 0 0 0; border:0.1px solid #ccc; border-right:10px solid #ccc; background-color:#fff; text-align: center;} #mansetYani11 a h3{ display:table-cell;text-align:left;text-transform:uppercase;font-size: 13px;padding: 5px 5px;margin: 7px 0; } #mansetYani11 a figcaption, #mansetYani11 a img{ display: none; } #mansetYani11 a figure{ float:left;background-repeat: no-repeat; background-size: cover; background-position: center center; width: 90px; margin: 1.7% 1.7%; height: 90px; display: inline-block;} #mansetYani11 a:nth-of-type(2n+1){ margin-left: 0; float: left; } #mansetYani11 a:nth-of-type(2n){ margin-right: 0; float: left;} #mansetYani11 a:hover {border-left-width: 10px;border-right-width: 1px;border-left-color:#007c34;} #mansetYani11 p {float: left;display: inline-block;width: 50%;padding:0 0 0 5px;margin: 0;height: 45px;overflow: hidden;text-align: left;font-size:12px;} .spotdetay {width: 100%; margin-top: 7%;} .spotdetay a { display: inline-block; height:200px; width: 100%;margin:5px 0 7% 0; border:1px solid #ccc; background-color:#fff; position: relative;} .spotdetay a h3{ width: 100%!important; text-align: left; font-size: 15px; margin:0; position: absolute; bottom: 0; left: 0; width: 96%; /*padding:10px 2%;*/ position: absolute; z-index: 2; color: #fff; background: rgba(32,32,32,.8);/*text-shadow: #000 2px 2px;*/ background: -moz-linear-gradient(top, rgba(32,32,32,.8), rgba(32,32,32,.8) ); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(32,32,32,.8)), color-stop(100%, rgba(0,0,0,1))); background: -webkit-linear-gradient(top, rgba(32,32,32,.8), rgba(32,32,32,.8)); background: -o-linear-gradient(top, rgba(32,32,32,.8), rgba(32,32,32,.8)); background: -ms-linear-gradient(top, rgba(32,32,32,.8), rgba(32,32,32,.8)); background: linear-gradient(to bottom, rgba(32,32,32,.8), rgba(32,32,32,.8)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 ); text-transform: uppercase!important;} .spotdetay a figcaption, .spotdetay a img{ display: none; } .spotdetay a div{width: 100%; height: 200px; overflow: hidden;} .spotdetay a:hover div figure{transform: scale(1.15); -webkit-transform: scale(1.15);} .spotdetay a figure{transition: all .4s ease-in-out; background-repeat: no-repeat; background-size: cover; background-position: center center; width: 100%; margin: 0; height: 200px; position: relative;z-index: 1; } .spotdetay a:first-child{ margin-left: 0; } .spotdetay a:last-child{ margin-right: 0; } #mansetKapsa {width: 345px;float:left;} #mansetKapsa2 {width: 345px;float:right;} .digerHaberler{ float: left; margin-left: 20px; width: 840px; min-height: 300px; } #digerHaberler,#digerHaberler2{ height: 259px; overflow: hidden; margin-bottom: 10px; } .digerHaberler .resimler{ float: left; position: relative; width: 440px; height: 480px; position: relative; z-index: 1;} .digerHaberler .sayilar{ float: right; width: 399px;border: 1px solid #cfcfcf; border-left:0; position: relative; z-index: 2;} .digerHaberler .sayilar a h4{ margin:0; padding: 0; text-overflow: ellipsis; white-space: nowrap;overflow: hidden;} .digerHaberler .sayilar a { position: relative; display: block; border-bottom: 1px solid #cfcfcf; background: url(../img/bullet.png) no-repeat 10px 17px #f7f7f7; padding: 10px 15px 10px 25px;} .digerHaberler .sayilar a.aktif, .digerHaberler .sayilar a:hover { background: #b40000; color: #fff; } .digerHaberler .sayilar a:hover:before, .digerHaberler .sayilar a.aktif:before{ content: '';position: absolute;left: -15px;top: 0px;border-bottom: 65px solid transparent;border-top: 0 solid transparent;border-right: 15px solid rgb(185, 0, 0); } .digerHaberler .sayilar a:last-child{ border-bottom:0; } .digerHaberler .resimler a{ display: block; width: 440px; height: 259px; position: absolute; left: 0; top: 0; background-color: #fff; z-index: 1;} .digerHaberler .resimler a.aktif{ z-index: 2; } .digerHaberler .resimler a figure{ width: 440px; height: 259px; background-size: cover; background-position: center center; margin:0;} .digerAltiliHaberler{ text-align: center; margin-bottom: 10px; } .digerAltiliHaberler a{display: inline-block; margin:5px; width: 271.3px; height: 160px; border:1px solid #ccc; position: relative; overflow: hidden;} .digerAltiliHaberler a figure img,.digerAltiliHaberler a figure figcaption,.digerAltiliHaberler a h4{ display: none; } .digerAltiliHaberler a figure{ margin: 0; padding: 0; background-size: cover; background-position: center center; width: 271.3px; height: 160px; z-index: 1; position: relative;} .digerAltiliHaberler a:nth-of-type(3n-2){ margin-left: 0;} .digerAltiliHaberler a:nth-of-type(3n){ margin-right: 0;} .digerAltiliHaberler a h4{position: absolute;width: 231.3px;height: 160px;line-height: 135%;background-color: rgba(0,0,0,0.6);z-index: 2;margin: 0;color: #fff;padding: 20px;font-size: 22px;text-shadow: #000 2px 2px;top: 0;} .digerAltiliHaberler a:hover h4{ display: block; } .digerAltiliHaberler a b{transition: all .3s ease-in-out; padding:2px 0; color: #fff; width: 100%; background-color: rgba(180,0,0,0.5); position: absolute; bottom: -30px; z-index: 3; left: 0; } .digerAltiliHaberler a:hover b{ bottom: 0px; display: block; } .dikHaber{display: block; height: 500px; width: 298px; border:1px solid #ccc; background-color: #fff; margin-bottom: 15px; position: relative; text-align: center;} .dikHaber figure img,.dikHaber figure figcaption{ display: none; } .dikHaber figure { margin:0; padding: 0; width: 298px; height: 500px; background-size: cover; background-position: center center; position: relative; z-index: 1;} .dikHaber h4{ margin:0; position: absolute; bottom: 0; left: 0; width: 92%; padding:20px 4%; position: absolute; z-index: 2; font-size: 20px; color: #fff; background: rgba(0,0,0,0);text-shadow: #000 2px 2px; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);transition: all .3s ease-in-out; background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,1))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );} .dikHaber:hover h4{ padding:200px 4% 80px 4%; } .kose-yazilari{ float: left; width: 300px; position: relative; } .kose-yazilari2{ float: right; width: 300px; position: relative; } .kategori-haberleri{ float: left; height: 250px; background-color: #fff; margin:0 0 20px 20px; border:1px solid #ccc; width: 408px; position: relative; } .kategori-haberleri .resimler{position: relative; width: 100%; height: 220px;} .kategori-haberleri .resimler a{width: 100%; height: 220px; position: absolute; z-index: 1;} .kategori-haberleri .resimler figure{ margin:0; padding: 0; background-size: cover; background-position: center center; width: 100%; height: 220px; } .kategori-haberleri h2,.kategori-haberleri h3{ position: absolute;bottom: 0; } .kategori-haberleri .sayilar{ position: absolute;bottom: 0; right: 0;} .kategori-haberleri .resimler a.aktif{ z-index: 2; } .kategori-haberleri h2{ margin:0; padding: 4px 12px; width: 384px; background-color:#b40000; font-size: 16px; color: #fff; } .kategori-haberleri .sayilar a{ padding:0 5px 0 10px; color: #fff; line-height: 30px; font-size: 20px; display: inline-block; position: relative;} .kategori-haberleri .sayilar a:before{content: '';position: absolute;left: 0;top: 0px;border-bottom: 15px solid transparent;border-top: 15px solid transparent;border-right: 10px solid #f7f7f7; z-index: 2;} .kategori-haberleri .sayilar a:after{content: '';position: absolute;left: 3px;top: 0px;border-bottom: 15px solid transparent;border-top: 15px solid transparent;border-right: 7px solid #b40000; z-index: 3;} .kategori-haberleri .sayilar a.aktif{ font-weight: 700;} .kategori-haberleri h3{ margin:0; position: absolute; bottom: 0; left: 0; width: 92%; padding:20px 4%; position: absolute; z-index: 2; font-size: 20px; color: #fff; background: rgba(0,0,0,0);text-shadow: #000 2px 2px; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);transition: all .3s ease-in-out; background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,1))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );} #yasam-haberleri h2{ background-color: #8e44ad; } #spor-haberleri h2{ background-color: #148b04; } #siyaset-haberleri h2{ background-color: #000; } #yasam-haberleri .sayilar a:after{border-right-color:#8e44ad;} #spor-haberleri .sayilar a:after{border-right-color:#148b04;} #siyaset-haberleri .sayilar a:after{border-right-color:#000;} #ky-geri,#ky-ileri{ display: block; position: absolute; top: 0; right: 0; z-index: 4; cursor: pointer; width: 41px; height: 41px; background-image: url("../img/up.png"); background-position: center center; background-repeat: no-repeat;} #ky-geri{ background-image: url("../img/down.png"); right: 35px;} .kose-yazilari h2{ margin:0; padding:4px 10px; color: #007c34; border-bottom: 4px solid #007c34;} #kose-yazilari { margin:0; padding: 0; list-style: none; border:1px solid #ccc; } #kose-yazilari li{ height: 80px; border-bottom:1px solid #ccc;background-color: #fff; } #kose-yazilari li a{ padding: 10px; display: block; height: 60px; position: relative; transition: all .3s ease-in-out;} #kose-yazilari li:hover a{ background-color: #cf3d43; } #kose-yazilari li:hover a figure figcaption, #kose-yazilari li:hover a h3{ color: #fff; } #kose-yazilari li a figure{ margin:0; float: left;} #kose-yazilari li a figure figcaption{ position: absolute; top: 5px; right: 10px; font-size: 14px; font-weight: 700; transition: all .3s ease-in-out; } #kose-yazilari li a figure img{ height: 60px; width: 60px; margin-right: 10px;} #kose-yazilari li a h3{ margin: 0; padding-top: 20px; font-size: 14px; font-weight: normal; transition: all .3s ease-in-out;} .kose-yazilari2 h2{ margin:0; padding:4px 10px; color: #cf3d43;border-bottom: 4px solid #cf3d43;} #kose-yazilari2 { margin:0; padding: 0; list-style: none; border:1px solid #ccc; } #kose-yazilari2 li{ height: 80px; border-bottom:1px solid #ccc;background-color: #fff; } #kose-yazilari2 li a{ padding: 10px; display: block; height: 60px; position: relative; transition: all .3s ease-in-out;} #kose-yazilari2 li:hover a{ background-color: #cf3d43; } #kose-yazilari2 li:hover a figure figcaption, #kose-yazilari2 li:hover a h3{ color: #fff; } #kose-yazilari2 li a figure{ margin:0; float: left;} #kose-yazilari2 li a figure figcaption{ position: absolute; top: 5px; right: 10px; font-size: 14px; font-weight: 700; transition: all .3s ease-in-out; } #kose-yazilari2 li a figure img{ height: 60px; width: 60px; margin-right: 10px;} #kose-yazilari2 li a h3{ margin: 0; padding-top: 20px; font-size: 12px; font-weight: normal; transition: all .3s ease-in-out; } footer{ width: 100%; background:#ccc; padding: 20px 0 0 0; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25) inset;text-transform: uppercase;} footer .container{ border:none; text-align: center; } .kolon{ display: inline-block; width: 24%; vertical-align: top; text-align: left; } .kolon h3{ margin:0;color:#1c1c1c; text-transform: uppercase;} .kolon a{ color: #1c1c1c; } .sosyal{ list-style: none; padding: 0; } .sosyal li{ display: inline-block; width: 15%;} .sosyal li a{ display: block; margin-right: 5px; } .sosyal li a img {width: 100%;} .copyright:after{ display: block; content: ''; clear: both; } address{ float: left; color: #fff; } .poweredBy{ float: right; } .copyright{ border-top: 1px solid rgba(125, 125, 125, 0.1); line-height: 50px;background-color: #1c1c1c;} [class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after { font-size: 32px; margin-left: 0px; } .flaticon-facebook-logo:hover { color:#3b5998; } .flaticon-rss-feed-button:hover { color:#ff8000; } .flaticon-social-network:hover { color:#dc4a38; } .flaticon-square:hover { color:#1da1f2; } .flaticon-whatsapp:hover { color:#69bf5c;} .flaticon-youtube-logo:hover { color:#cc1f25; } .baslik2{ margin:3% 0 3% 0; border:solid 1px #7c7c7c;width: 100%;float: left;} .baslik2 strong{ font-size: 35px; display: block;text-transform: uppercase;color:#585757;} .baslik2 span a{ color: #105fa0; font-weight: bold;} .baslik2 time{ color: #cf3d43; margin: 0 20px; } article{ float: left;width: 840px;padding-bottom: 50px; } article p{ text-indent: 20px; text-align: justify; line-height: 170%;} .baslik2 img{float:left;margin-right: 25px;} .baslik2 h2{display: block;margin:30px 0 0 20px;padding:0;} .baslik2 h3{display: block;font-size: 14px;color: #cf3d43;margin:0;padding:0;} .baslik2 span {float: right;} .baslik{ margin:2% 0 0 0; } .baslik strong{ font-size: 35px; display: block;text-transform: uppercase;color:#585757;} .baslik span a{ color: #105fa0; font-weight: bold;} .baslik time{ color: #cf3d43; margin: 0 20px; } .galeri{ padding-top: 10px; position: relative;} .galeri:after{ content: ''; display: block; clear: both; } .haberDetayi:after{ content: ''; display: block; clear: both; } .haberReklami{ float: left; width: 235px; min-height: 200px;} .detayMetni{ float: right; width: 585px; } .detayMetni a{ color: blue!important; font-weight: bold!important; } .detayMetni a:hover{ text-decoration: underline!important; } .galeri .resimler { margin: 0; padding:0; border:1px solid #ccc; position: relative; width: 100%; height: 550px;} .galeri .resimler a{width: 100%; height: 550px; position: absolute; z-index: 1; background:#fff;} .galeri .resimler a.aktif{ z-index: 2; } .galeri .resimler figure{ margin:0; padding: 0; width: 100%; height: 550px; text-align: center; background-repeat: no-repeat; background-position: center center;} .galeri .resimler figure.cover{ background-size: cover; } .galeri .resimler figure.contain{ background-size: contain; } .galeri .resimler figure figcaption{ position: absolute; width: 100%; padding:50px 0 20px 0; color: #fff; bottom: 0; background: rgba(0,0,0,0);text-shadow: #000 2px 2px; font-size: 17px; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,1))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 ); } .galeri .sayilar{ position: relative; width: 775px; height: 40px; text-align: left; padding-top: 10px;} .galeri .sayilar a{display: inline-block;font-weight: 700;font-size: 15px;background: #f7f7f7;border: 1px solid #d0d0d0;margin:0 3.5px;border-radius: 50%;width: 30px; height: 30px; line-height: 30px; text-align: center;} .galeri .sayilar a:first-child{ margin-left: 0;} .galeri .sayilar a:last-child{ margin-right: 0; } .galeri .sayilar a:hover, .galeri .sayilar a.aktif{background: #a60000;color: #fff;border: 1px solid #a60000;} aside{ float: right; width: 300px; } aside.detay{ margin-top: 0; padding-bottom: 50px; } aside.profil{ margin-top: 4px; min-height: auto;margin-bottom: 2%;} aside.profil2{ margin-top: 4px; min-height: auto; } aside#Liste{ float: left!important; margin:0 0 0 20px; } aside.profil figure{ margin:0; padding:0; } aside.profil figure figcaption{ font-size: 25px; text-align: right;} aside.profil figure img{ width: 93%; border:10px solid #ccc; padding: 1px; background-color: #fff; border-radius: 4px; } aside.profil ul li a:hover{ text-decoration: underline; } aside.profil ul li.aktif a{ color: #ca3f45; } .list li{ border-bottom: 1px solid #ccc; line-height: 30px; transition: all .3s ease-in-out;} .list li:hover{ background-color: #ccc; padding-left: 15px; } .list li i{ float: right; color: #ddd; color: #bf0000;font-size: 12px;transition: all .3s ease-in-out;} .list li:hover i{ padding-right: 15px; font-size: 14px; } .haber_listesi{ width: 100%; float: left; margin-bottom: 50px; } #kategoriler { float: left; width: 100%; min-height:530px;} #kategoriler:after{ display: block; content: ''; clear: both; } #kategoriler a { display: inline-block; height:235px; width: 283px; margin:10px; border:1px solid #ccc; background-color:#fff; text-align: center;} #kategoriler a h2{ font-size: 17px;padding: 0 5px;margin: 7px 0; } #kategoriler a figcaption, #kategoriler a img{ display: none; } #kategoriler a figure{ background-repeat: no-repeat; background-size: cover; background-position: center center; width: 94%; margin: 2.3% 3%; height: 150px; } #kategoriler a:nth-of-type(4n-3){ margin-left: 0; } #kategoriler a:nth-of-type(4n){ margin-right: 0;} #yorum_gonder{background: #007c34 !important;} #yorum_gonder:hover {background: #fff !important;color: #1d1c1c !important;} .yazar_listesi{ width: 100%; } #yazar_listesi { float: left; min-height:530px;} #yazar_listesi:after{ display: block; content: ''; clear: both; } #yazar_listesi a { display: inline-block; height:105px; width: 260px; margin:10px 25px 10px 25px; border:1px solid #ccc; background-color:#fff; text-align: center;} #yazar_listesi a h2{ font-size: 12px;padding: 0 5px;margin: 7px 0; } #yazar_listesi a h3{ margin-bottom: 5px; font-size: 15px; } #yazar_listesi a figcaption, #yazar_listesi a img{ display: none; } #yazar_listesi a figure{ float:left;background-repeat: no-repeat; background-size: cover; background-position: center center; width: 40%; margin: 1.8% 3%; height: 100px; } #yazar_listesi a:nth-of-type(4n-3){ margin-left: 0; } #yazar_listesi a:nth-of-type(4n){ margin-right: 0;} #manset_haberler { } #manset_haberler a { display: inline-block; height:295px; width: 100%; margin-bottom:20px; border:1px solid #ccc; background-color:#fff; text-align: center;} #manset_haberler a h2{ font-size: 17px;padding: 0 5px;margin: 7px 0; } #manset_haberler a figcaption, #manset_haberler a img{ display: none; } #manset_haberler a figure{ background-repeat: no-repeat; background-size: cover; background-position: center center; width: 100%; margin:0; height: 255px; } .sayfalar nav{ text-align: right;} .pagination {display: inline-block;padding-left: 0;margin: 20px 0;border-radius: 4px} .pagination>li {display: inline} .pagination>li>a,.pagination>li>span {position: relative;float: left;padding: 6px 12px;margin-left: -1px;line-height: 1.42857143;color: #312929;text-decoration: none;background-color: #fff;border: 1px solid #ddd} .pagination>li:first-child>a,.pagination>li:first-child>span {margin-left: 0;border-top-left-radius: 4px;border-bottom-left-radius: 4px} .pagination>li:last-child>a,.pagination>li:last-child>span {border-top-right-radius: 4px;border-bottom-right-radius: 4px} .pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover {z-index: 3;color: #23527c;background-color: #eee;border-color: #ddd} .pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {z-index: 2;color: #fff; cursor: default; background-color: #007c34; border-color: #0e0e0e;} .pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover {color: #777;cursor: not-allowed;background-color: #fff;border-color: #ddd} .pagination-lg>li>a,.pagination-lg>li>span {padding: 10px 16px;font-size: 18px;line-height: 1.3333333} .pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span {border-top-left-radius: 6px;border-bottom-left-radius: 6px} .pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span {border-top-right-radius: 6px;border-bottom-right-radius: 6px} .pagination-sm>li>a,.pagination-sm>li>span {padding: 5px 10px;font-size: 12px;line-height: 1.5} .pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span {border-top-left-radius: 3px;border-bottom-left-radius: 3px} .pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span {border-top-right-radius: 3px;border-bottom-right-radius: 3px} .iconS {width: 50px!important;height: 40px!important;background-color: #007c34;display: block;float:left;text-align: center;padding-top: 14px;margin-right: 10px;}; .spot a h3 {text-transform: uppercase!important;} .ustsag hr {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin: 0.2em 0;padding: 0;} .badgeControls {font-size:12px;position: absolute;right: 8px;top: 8px; z-index: 1; line-height: 25px;background-color: #ca3b41;padding:0 5px 0 5px;color:white;border-radius: 4px; -webkit-animation-name: example; /* Safari 4.0 - 8.0 */ -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */ -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */ animation-name: example; animation-duration: 2s; animation-iteration-count: infinite; } /* Safari 4.0 - 8.0 */ @-webkit-keyframes example { 0% {color:white; } 25% {color:black; } 50% {color:white; } 75% {color:black; } 100% {color:white; } } /* Standard syntax */ @keyframes example { 0% {color:white;} 25% {color:black;} 50% {color:white;} 75% {color:black;} 100% {color:white;} } .icresim label.say1 {position: absolute;left:0;padding: 5px 15px 5px 15px;background-color: #f6f6f6; display: table-cell;color: #8c7879;border:1px solid #e8dfdf; } .icresim label.say2 {position: absolute;left:20px;padding: 5px 15px 5px 15px;background-color: #43caac; display: table-cell;margin-left: 15px;color: white;border:1px solid white; } .profil h4 {line-height: 50px;background-color: #e9e9e9;padding: 0 0 0 30px;margin:7% 0 7% 0;} .profil ul {margin: 0;padding: 0;background-color:#f5f5f5 ;border:1px solid #d8d8d8;border-top: none;} .profil ul li {line-height: 50px;list-style: none;border-top:1px solid #d8d8d8;padding-left: 15px;} h2 .line{position: relative;display: inline-block;width: 83.5%;height: 1px;vertical-align: middle;background-clip: content-box;} h2 small, h4 small {display: block;position: absolute;bottom: 0;left: 0;width: 100%;text-align: center;font-style: normal;} h2 .line__right{left: 1em;margin: 0 -50% 0 0;} h2 .line{background-color:#3bca6e;} h2 .line2{position: relative;display: inline-block;width: 83.5%;height: 1px;vertical-align: middle;background-clip: content-box;} h2 .line__right2{left: 1em;margin: 0 -50% 0 0;} h2 .line2{background-color:#ea9527;} h2 .line3{position: relative;display: inline-block;width: 83.5%;height: 1px;vertical-align: middle;background-clip: content-box;} h2 .line__right3{left: 1em;margin: 0 -50% 0 0;} h2 .line3{background-color:#ea2727;} h2 .line4{position: relative;display: inline-block;width: 83.5%;height: 1px;vertical-align: middle;background-clip: content-box;} h2 .line__right4{left: 1em;margin: 0 -50% 0 0;} h2 .line4{background-color:#27e8ea;} h2 .line5{position: relative;display: inline-block;width: 83.5%;height: 1px;vertical-align: middle;background-clip: content-box;} h2 .line__right5{left: 1em;margin: 0 -50% 0 0;} h2 .line5{background-color:#2783ea;}