temada eklediğim yazıların tamamı anasayfada gözüktüğü için çok uzun oluyor.
istediğim şey yazıların 4-5 cümlesinin görünmesi ve Devamını oku linkinin tıklanmasıdır.
temanın index.php deki ilgili kodları burada:
</div>
<h2><a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></h2>
<ul class="konubilgiler">
<li class="yanmasadanbakanlar"><i class="icon-sitemap">Kategori:</i><?php the_category(','); ?></li>
</ul>
<div class="konuIcerik">
<?php the_content('(Devamını Oku)'); ?>
</div>
</article>
<?php endwhile; ?>
<!-- Konu Kismi Biter -->
<?php sayfalama(); ?>
<?php else : ?>
<article class="lezzetiPaylas">
<div class="konuIcerik">
<br/>
<h2>
Bulunamadı.
</h2>
<br/>
<p>Konu bulunamadı.</p>style.css deki karşılıkları ise burada: font-style: normal;
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}input,textarea{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}.clr{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.group:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.group{display:inline-block}html[xmlns] .group{display:block}* html .group{height:1%}strong{font-weight:bold}
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}
.doldurBosalt{clear:both}
a{color:#888888;text-decoration:none;-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-ms-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;}
a:hover{color:#09c2de;text-decoration:none;-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-ms-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;}
h1{font-size:28px; }
h2{font-size:24px; }
h3{font-size:20px; }
h4{font-size:18px; }
h5{font-size:16px; }
h6{font-size:14px; }
hr{border:0;background-color:#DDD;height:1px;margin-bottom:14px;color:#DDD}
em{font-style:italic}
strong{font-weight:bold;}
blockquote{float:left;margin-bottom:10px;width:560px;-moz-box-shadow:inset 0px 1px 0px 0px #fff;-webkit-box-shadow:inset 0px 1px 0px 0px #fff;box-shadow:inset 0px 1px 0px 0px #fff;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:1px solid #dcdcdc;min-height:32px;padding-left:10px;padding-top:4px;margin-left:15px}
blockquote p{color:#777;width:540px;font-style:italic}
pre{background:#fff;float:left;margin-bottom:10px;-moz-box-shadow:inset 0px 1px 0px 0px #fff;-webkit-box-shadow:inset 0px 1px 0px 0px #fff;box-shadow:inset 0px 1px 0px 0px #fff;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:1px solid #dcdcdc;min-height:32px;padding-left:8px;padding-top:4px;margin-left:15px;overflow:auto;width:580px;margin-bottom:20px}
.alignnone {margin: 5px;}
.aligncenter, div.aligncenter {display:block;margin: 5px auto 5px auto;}
.alignright {float:right;margin: 5px;}
.alignleft {float:left; }
.aligncenter {display: block;margin: 5px auto 5px auto;}
a img.alignright { float:right;margin: 5px;}
a img.alignnone {margin: 5px;}
a img.alignleft {float:left;margin: 3px;}
a img.aligncenter {display: block;margin-left: auto;margin-right: auto}
.wp-caption {background: #fff;border: 1px solid #f0f0f0;max-width: 96%; padding: 5px 3px 10px;text-align: center;}
.wp-caption.alignnone {margin: 5px;}
.wp-caption.alignleft {margin: 5px;}
.wp-caption.alignright {margin: 5px;}
.wp-caption img {border: 0 none; height: auto;margin:0;max-width: 98.5%;padding:0;width: auto;}
.wp-caption p.wp-caption-text { font-size:11px;line-height:17px;margin:0;padding:0 4px 5px;}
body{background:#fff url(images/bg-light.jpg);font-size:12px;color:#2a5769;font-family: 'Open Sans', sans-serif;}
header{float:left;width:960px;margin-bottom:50px;}
header h1 a{float:left; margin-top:20px; }
.enLezzetliYer{float:left; width:610px; }
.RakiBardagi{margin:0 auto; width:960px; }
.lezzetiMasadakilereSun{float:left;width:98%;margin-left:40px;margin-right:20px;background-color:#fff;-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .2);box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .2);margin-bottom: 40px;border-radius:3px;-webkit-border-radius:3px; }
.lezzetiMasadakilereSun .konuIcerik h2 a{float:left;margin-top:10px;margin-bottom: 43px !important;margin-left:10px;width:90%;border-bottom:1px solid #ddd;font-size:24px;padding-bottom:5px;margin-bottom:5px; font-family: proximaregular}
.lezzetiPaylas{float:left;width:610px;margin-left:40px;margin-right:20px;background-color:#fff;-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .2);box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .2);margin-bottom: 40px;border-radius:3px;-webkit-border-radius:3px; }
.lezzetiPaylas .konuIcerik{float:left;padding:10px;width: 600px;margin-top: -16px;}
.lezzetiPaylas h2 a{float:left;margin-top:-60px;margin-left:60px;width:88%;border-bottom:1px solid #ddd;font-size:24px;padding-bottom:5px;margin-bottom:40px; font-family: proximaregular}
.lezzetiPaylas .konuIcerik p{margin-bottom:15px;line-height:25px;max-width:585px; font-family: 'Open Sans', sans-serif; font-size: 12px}
.masadakikisiler i{font-size:18px;margin-right:5px;margin-top:-3px;float:left;}
.yanmasadanbakanlar i{font-size:18px;margin-right:5px;margin-top:-3px;float:left;}
.lezzetiPaylas .konubilgiler li{float:left; margin-right:10px; border-right:1px solid #ccc;padding:5px 10px 5px 0px;}
.lezzetiPaylas .konubilgiler li:last-child{border:none;margin-bottom: 15px;}
.lezzetiPaylas .konubilgiler {float:left;width:88%;margin-left:60px;margin-bottom:-10px;margin-top:-35px; font-family: 'Open Sans', sans-serif;}
.konuResim {float: left;}
.konuResim ul li a {text-decoration: none;}
.konuResim {position: relative;width: 100px;height: 100px;margin-left:-55px;margin-top:-30px;border-radius: 100%;-webkit-border-radius: 100%;-moz-border-radius: 100%;border: 4px solid #fff;-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);box-shadow: 0 1px 3px rgba(0, 0, 0, .4);}
.konuResim img {z-index: 1;position: absolute;display: block;width: 100%;height: 100%;border-radius: 100%;-webkit-border-radius: 100%;-moz-border-radius: 100%;}
.konuResim label.switch{ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0; z-index:3; position:absolute; left:0; top:50%; display:block; width:30px; height:30px; line-height:30px; margin:-15px 0 0 -15px; text-align:center; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; background-color:#fff; -webkit-box-shadow:0 1px 2px rgba(0,0,0,.3); box-shadow:0 1px 2px rgba(0,0,0,.3); -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease; cursor:pointer}.konuResim:hover label.switch{ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:1}.konuResim input:checked ~ label.switch{ -webkit-box-shadow:none; box-shadow:none; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:1}.konuResim input:checked ~ label.switch:before{ content:"\f068"}.konuResim input{ display:none}.konuResim ul{ z-index:2; position:absolute; top:0px; width:100%; height:100%}.konuResim ul li{ position:absolute; left:0; top:50%; width:50%; height:30px; margin-top:-15px; -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); -webkit-transform-origin:100% 50%; -moz-transform-origin:100% 50%; -o-transform-origin:100% 50%; -ms-transform-origin:100% 50%; transform-origin:100% 50%; -webkit-animation:aa .5s ease-out both; -moz-animation:aa .5s ease-out both; -ms-animation:aa .5s ease-out both; -o-animation:aa .5s ease-out both; animation:aa .5s ease-out both}
.konuResim ul li a{ display:block; width:30px; height:30px; line-height:30px; margin-left:-15px; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; text-align:center; background-color:#fff9ed; color:#333; -webkit-box-shadow:0 1px 2px rgba(0,0,0,.2); -moz-box-shadow:0 1px 2px rgba(0,0,0,.2); box-shadow:0 1px 2px rgba(0,0,0,.2); -webkit-transition:all .1s ease; -moz-transition:all .1s ease; -o-transition:all .1s ease; -ms-transition:all .1s ease; transition:all .1s ease}.konuResim ul li a:hover{ width:38px; height:38px; line-height:38px; margin-left:-19px; margin-top:-4px; background-color:#fff8f3}.konuResim ul li:nth-child(1) a{ -webkit-transform:rotate(-40deg); -moz-transform:rotate(-40deg); -o-transform:rotate(-40deg); -ms-transform:rotate(-40deg); transform:rotate(-40deg)}.konuResim ul li:nth-child(1){ -webkit-animation-name:az; -moz-animation-name:az; -ms-animation-name:az; -o-animation-name:az; animation-name:az}@keyframes az{ 0%{ -webkit-transform:rotate(40deg); -moz-transform:rotate(40deg); -o-transform:rotate(40deg); -ms-transform:rotate(40deg); transform:rotate(40deg)} 100%{ -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0}}@-moz-keyframes az{ 0%{ -moz-transform:rotate(40deg); transform:rotate(40deg)} 100%{ -moz-transform:rotate(0deg); transform:rotate(0deg); filter:alpha(opacity=0); opacity:0}}@-webkit-keyframes az{ 0%{ -webkit-transform:rotate(40deg); transform:rotate(40deg)} 100%{ -webkit-transform:rotate(0deg); transform:rotate(0deg); filter:alpha(opacity=0); opacity:0}}@-ms-keyframes az{ 0%{ -ms-transform:rotate(40deg); transform:rotate(40deg)} 100%{ -ms-transform:rotate(0deg); transform:rotate(0deg); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0}}@-o-keyframes az{ 0%{ -o-transform:rotate(40deg); transform:rotate(40deg)} 100%{ -o-transform:rotate(0deg); transform:rotate(0deg); filter:alpha(opacity=0); opacity:0}}.konuResim input:checked ~ ul li:nth-child(1){ -webkit-animation-name:aa; -moz-animation-name:aa; -ms-animation-name:aa; -o-animation-name:aa; animation-name:aa}@keyframes aa{ 0%{ -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg)} 100%{ -webkit-transform:rotate(40deg); -moz-transform:rotate(40deg); -o-transform:rotate(40deg); -ms-transform:rotate(40deg); transform:rotate(40deg)}}@-moz-keyframes aa{ 0%{ -moz-transform:rotate(0deg); transform:rotate(0deg)} 100%{ -moz-transform:rotate(40deg); transform:rotate(40deg)}}@-webkit-keyframes aa{ 0%{ -webkit-transform:rotate(0deg); transform:rotate(0deg)} 100%{ -webkit-transform:rotate(40deg); transform:rotate(40deg)}}@-ms-keyframes aa{ 0%{ -ms-transform:rotate(0deg); transform:rotate(0deg)} 100%{ -ms-transform:rotate(40deg); transform:rotate(40deg)}}@-o-keyframes aa{ 0%{ -o-transform:rotate(0deg); transform:rotate(0deg)} 100%{ -o-transform:rotate(40deg); transform:rotate(40deg)}}.konuResim ul li:nth-child(2) a{ -webkit-transform:rotate(-80deg); -moz-transform:rotate(-80deg); -o-transform:rotate(-80deg); -ms-transform:rotate(-80deg); transform:rotate(-80deg)}.konuResim ul li:nth-child(2){ -webkit-animation-name:bz; -moz-animation-name:bz; -ms-animation-name:bz; -o-animation-name:bz; animation-name:bz}@-moz-keyframes az{ 0%{ -moz-transform:rotate(40deg)0; -moz-transform:rotate(80deg); -o-transform:rotate(80deg); -ms-transform:rotate(80deg); transform:rotate(80deg)} 100%{ -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0}}@-moz-keyframes az{ 0%{ -moz-transform:rotate(40deg)1; transform:rotate(80deg)} 100%{ -moz-transform:rotate(0deg); transform:rotate(0deg); filter:alpha(opacity=0); opacity:0}}@-webkit--moz-keyframes az{ 0%{ -moz-transform:rotate(40deg)0; transform:rotate(80deg)} 100%{ -webkit-transform:rotate(0deg); transform:rotate(0deg); filter:alpha(opacity=0); opacity:0}}@-moz-keyframes az{ 0%{ -moz-transform:rotate(40deg)3; transform:rotate(80deg)} 100%{ -ms-transform:rotate(0deg); transform:rotate(0deg); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0}}@-moz-keyframes az{ 0%{ -moz-transform:rotate(40deg)4; transform:rotate(80deg)} 100%{ -o-transform:rotate(0deg); transform:rotate(0deg); filter:alpha(opacity=0); opacity:0}}.konuResim input:checked ~ ul li:nth-child(2){ -webkit-animation-name:bb; -moz-animation-name:bb; -ms-animation-name:bb; -o-animation-name:bb; animation-name:bb}@-moz-keyframes az{ 0%{ -moz-transform:rotate(40deg)5; -moz-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg)} 100%{ -webkit-transform:rotate(80deg); -moz-transform:rotate(80deg); -o-transform:rotate(80deg); -ms-transform:rotate(80deg); transform:rotate(80deg)}}@-moz-keyframes az{ 0%{ -moz-transform:rotate(40deg)6; transform:rotate(0deg)} 100%{ -moz-transform:rotate(80deg); transform:rotate(80deg)}}@-webkit--moz-keyframes az{ 0%{ -moz-transform:rotate(40deg)5; transform:rotate(0deg)} 100%{ -webkit-transform:rotate(80deg); transform:rotate(80deg)}}@-moz-keyframes az{ 0%{ -moz-transform:rotate(40deg)8; transform:rotate(0deg)} 100%{ -ms-transform:rotate(80deg); transform:rotate(80deg)}}@-moz-keyframes az{ 0%{ -moz-transform:rotate(40deg)9; transform:rotate(0deg)} 100%{ -o-transform:rotate(80deg); transform:rotate(80deg)}}.konuResim ul li:nth-child(3) a{ -webkit-transform:rotate(-120deg); -moz-transform:rotate(-120deg); -o-transform:rotate(-120deg); -ms-transform:rotate(-120deg); transform:rotate(-120deg)}.konuResim ul li:nth-child(3){ -webkit-animation-name:cc; -moz-animation-name:cc; -ms-animation-name:cc; -o-animation-name:cc; animation-name:cc}@-webkit-keyframes az{ 0%{ -webkit-transform:rotate(40deg)0; -moz-transform:rotate(120deg); -o-transform:rotate(120deg); -ms-transform:rotate(120deg); transform:rotate(120deg)} 100%{ -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0}}@-webkit-keyframes az{ 0%{ -webkit-transform:rotate(40deg)1; transform:rotate(120deg)} 100%{ -moz-transform:rotate(0deg); transform:rotate(0deg); filter:alpha(opacity=0); opacity:0}}@-webkit--webkit-keyframes az{ 0%{ -webkit-transform:rotate(40deg)0; transform:rotate(120deg)} 100%{ -webkit-transform:rotate(0deg); transform:rotate(0deg); filter:alpha(opacity=0); opacity:0}}@-webkit-keyframes az{ 0%{ -webkit-transform:rotate(40deg)3; transform:rotate(120deg)} 100%{ -ms-transform:rotate(0deg); transform:rotate(0deg); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0}}@-webkit-keyframes az{ 0%{ -webkit-transform:rotate(40deg)4; transform:rotate(120deg)} 100%{ -o-transform:rotate(0deg); transform:rotate(0deg); filter:alpha(opacity=0); opacity:0}}.konuResim input:checked ~ ul li:nth-child(3){ -webkit-animation-name:cz; -moz-animation-name:cz; -ms-animation-name:cz; -o-animation-name:cz; animation-name:cz}@-webkit-keyframes az{ 0%{ -webkit-transform:rotate(40deg)5; -moz-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg)} 100%{ -webkit-transform:rotate(120deg); -moz-transform:rotate(120deg); -o-transform:rotate(120deg); -ms-transform:rotate(120deg); transform:rotate(120deg)}}@-webkit-keyframes az{ 0%{ -webkit-transform:rotate(40deg)6; transform:rotate(0deg)} 100%{ -moz-transform:rotate(120deg); transform:rotate(120deg)}}@-webkit--webkit-keyframes az{ 0%{ -webkit-transform:rotate(40deg)5; transform:rotate(0deg)} 100%{ -webkit-transform:rotate(120deg); transform:rotate(120deg)}}@-webkit-keyframes az{ 0%{ -webkit-transform:rotate(40deg)8; transform:rotate(0deg)} 100%{ -ms-transform:rotate(120deg); transform:rotate(120deg)}}@-webkit-keyframes az{ 0%{ -webkit-transform:rotate(40deg)9; transform:rotate(0deg)} 100%{ -o-transform:rotate(120deg); transform:rotate(120deg)}}.konuResim ul li:nth-child(4) a{ -webkit-transform:rotate(-160deg); -moz-transform:rotate(-160deg); -o-transform:rotate(-160deg); -ms-transform:rotate(-160deg); transform:rotate(-160deg)}.konuResim ul li:nth-child(4){ -webkit-animation-name:dd; -moz-animation-name:dd; -ms-animation-name:dd; -o-animation-name:dd; animation-name:dd}@-ms-keyframes az{ 0%{ -ms-transform:rotate(40deg)0; -moz-transform:rotate(160deg); -o-transform:rotate(160deg); -ms-transform:rotate(160deg); transform:rotate(160deg)} 100%{ -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0}}@-ms-keyframes az{ 0%{ -ms-transform:rotate(40deg)1; transform:rotate(160deg)} 100%{ -moz-transform:rotate(0deg); transform:rotate(0deg); filter:alpha(opacity=0); opacity:0}}@-webkit--ms-keyframes az{ 0%{ -ms-transform:rotate(40deg)0; transform:rotate(160deg)} 100%{ -webkit-transform:rotate(0deg); transform:rotate(0deg); filter:alpha(opacity=0); opacity:0}}@-ms-keyframes az{ 0%{ -ms-transform:rotate(40deg)3; transform:rotate(160deg)} 100%{ -ms-transform:rotate(0deg); transform:rotate(0deg); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0}}@-ms-keyframes az{ 0%{ -ms-transform:rotate(40deg)4; transform:rotate(160deg)} 100%{ -o-transform:rotate(0deg); transform:rotate(0deg); filter:alpha(opacity=0); opacity:0}}.konuResim input:checked ~ ul li:nth-child(4){ -webkit-animation-name:dz; -moz-animation-name:dz; -ms-animation-name:dz; -o-animation-name:dz; animation-name:dz}@-ms-keyframes az{ 0%{ -ms-transform:rotate(40deg)5; -moz-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg)} 100%{ -webkit-transform:rotate(160deg); -moz-transform:rotate(160deg); -o-transform:rotate(160deg); -ms-transform:rotate(160deg); transform:rotate(160deg)}}@-ms-keyframes az{ 0%{ -ms-transform:rotate(40deg)6; transform:rotate(0deg)} 100%{ -moz-transform:rotate(160deg); transform:rotate(160deg)}}@-webkit--ms-keyframes az{ 0%{ -ms-transform:rotate(40deg)5; transform:rotate(0deg)} 100%{ -webkit-transform:rotate(160deg); transform:rotate(160deg)}}@-ms-keyframes az{ 0%{ -ms-transform:rotate(40deg)8; transform:rotate(0deg)} 100%{ -ms-transform:rotate(160deg); transform:rotate(160deg)}}@-ms-keyframes az{ 0%{ -ms-transform:rotate(40deg)9; transform:rotate(0deg)} 100%{ -o-transform:rotate(160deg); transform:rotate(160deg)}}.konuResim ul li:nth-child(5) a{ -webkit-transform:rotate(-200deg); -moz-transform:rotate(-200deg); -o-transform:rotate(-200deg); -ms-transform:rotate(-200deg); transform:rotate(-200deg)}.konuResim ul li:nth-child(5){ -webkit-animation-name:ee; -moz-animation-name:ee; -ms-animation-name:ee; -o-animation-name:ee; animation-name:ee}@-o-keyframes az{ 0%{ -o-transform:rotate(40deg)0; -moz-transform:rotate(200deg); -o-transform:rotate(200deg); -ms-transform:rotate(200deg); transform:rotate(200deg)} 100%{ -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0}}@-o-keyframes az{ 0%{ -o-transform:rotate(40deg)1; transform:rotate(200deg)} 100%{ -moz-transform:rotate(0deg); transform:rotate(0deg); filter:alpha(opacity=0); opacity:0}}@-webkit--o-keyframes az{ 0%{ -o-transform:rotate(40deg)0; transform:rotate(200deg)} 100%{ -webkit-transform:rotate(0deg); transform:rotate(0deg); filter:alpha(opacity=0); opacity:0}}@-o-keyframes az{ 0%{ -o-transform:rotate(40deg)3; transform:rotate(200deg)} 100%{ -ms-transform:rotate(0deg); transform:rotate(0deg); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0}}@-o-keyframes az{ 0%{ -o-transform:rotate(40deg)4; transform:rotate(200deg)} 100%{ -o-transform:rotate(0deg); transform:rotate(0deg); filter:alpha(opacity=0); opacity:0}}.konuResim input:checked ~ ul li:nth-child(5){ -webkit-animation-name:ez; -moz-animation-name:ez; -ms-animation-name:ez; -o-animation-name:ez; animation-name:ez}@-o-keyframes az{ 0%{ -o-transform:rotate(40deg)5; -moz-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg)} 100%{ -webkit-transform:rotate(200deg); -moz-transform:rotate(200deg); -o-transform:rotate(200deg); -ms-transform:rotate(200deg); transform:rotate(200deg)}}@-o-keyframes az{ 0%{ -o-transform:rotate(40deg)6; transform:rotate(0deg)} 100%{ -moz-transform:rotate(200deg); transform:rotate(200deg)}}@-webkit--o-keyframes az{ 0%{ -o-transform:rotate(40deg)5; transform:rotate(0deg)} 100%{ -webkit-transform:rotate(200deg); transform:rotate(200deg)}}@-o-keyframes az{ 0%{ -o-transform:rotate(40deg)8; transform:rotate(0deg)} 100%{ -ms-transform:rotate(200deg); transform:rotate(200deg)}}@-o-keyframes az{ 0%{ -o-transform:rotate(40deg)9; transform:rotate(0deg)} 100%{ -o-transform:rotate(200deg); transform:rotate(200deg)}}.konuResim ul li:nth-child(6) a{ -webkit-transform:rotate(-240deg); -moz-transform:rotate(-240deg); -o-transform:rotate(-240deg); -ms-transform:rotate(-240deg); transform:rotate(-240deg)}.konuResim ul li:nth-child(6){ -webkit-animation-name:ff; -moz-animation-name:ff; -ms-animation-name:ff; -o-animation-name:ff; animation-name:ff}@keyframes aa{ 0%{ -webkit-transform:rotate(0deg)0; -moz-transform:rotate(240deg); -o-transform:rotate(240deg); -ms-transform:rotate(240deg); transform:rotate(240deg)} 100%{ -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0}}@keyframes aa{ 0%{ -webkit-transform:rotate(0deg)1; transform:rotate(240deg)} 100%{ -moz-transform:rotate(0deg); transform:rotate(0deg); filter:alpha(opacity=0); opacity:0}}@-webkit-keyframes aa{ 0%{ -webkit-transform:rotate(0deg)0; transform:rotate(240deg)} 100%{ -webkit-transform:rotate(0deg); transform:rotate(0deg); filter:alpha(opacity=0); opacity:0}}@keyframes aa{ 0%{ -webkit-transform:rotate(0deg)3; transform:rotate(240deg)} 100%{ -ms-transform:rotate(0deg); transform:rotate(0deg); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0}}@keyframes aa{ 0%{ -webkit-transform:rotate(0deg)4; transform:rotate(240deg)} 100%{ -o-transform:rotate(0deg); transform:rotate(0deg); filter:alpha(opacity=0); opacity:0}}.konuResim input:checked ~ ul li:nth-child(6){ -webkit-animation-name:fz; -moz-animation-name:fz; -ms-animation-name:fz; -o-animation-name:fz; animation-name:fz}@keyframes aa{ 0%{ -webkit-transform:rotate(0deg)5; -moz-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg)} 100%{ -webkit-transform:rotate(240deg); -moz-transform:rotate(240deg); -o-transform:rotate(240deg); -ms-transform:rotate(240deg); transform:rotate(240deg)}}@keyframes aa{ 0%{ -webkit-transform:rotate(0deg)6; transform:rotate(0deg)} 100%{ -moz-transform:rotate(240deg); transform:rotate(240deg)}}@-webkit-keyframes aa{ 0%{ -webkit-transform:rotate(0deg)5; transform:rotate(0deg)} 100%{ -webkit-transform:rotate(240deg); transform:rotate(240deg)}}@keyframes aa{ 0%{ -webkit-transform:rotate(0deg)8; transform:rotate(0deg)} 100%{ -ms-transform:rotate(240deg); transform:rotate(240deg)}}@keyframes aa{ 0%{ -webkit-transform:rotate(0deg)9; transform:rotate(0deg)} 100%{ -o-transform:rotate(240deg); transform:rotate(240deg)}}.konuResim ul li:nth-child(7) a{ -webkit-transform:rotate(-280deg); -moz-transform:rotate(-280deg); -o-transform:rotate(-280deg); -ms-transform:rotate(-280deg); transform:rotate(-280deg)}.konuResim ul li:nth-child(7){ -webkit-animation-name:gg; -moz-animation-name:gg; -ms-animation-name:gg; -o-animation-name:gg; animation-name:gg}@-moz-keyframes aa{ 0%{ -moz-transform:rotate(0deg)0; -moz-transform:rotate(280deg); -o-transform:rotate(280deg); -ms-transform:rotate(280deg); transform:rotate(280deg)} 100%{ -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0}}@-moz-keyframes aa{ 0%{ -moz-transform:rotate(0deg)1; transform:rotate(280deg)} 100%{ -moz-transform:rotate(0deg); transform:rotate(0deg); filter:alpha(opacity=0); opacity:0}}@-webkit--moz-keyframes aa{ 0%{ -moz-transform:rotate(0deg)0; transform:rotate(280deg)} 100%{ -webkit-transform:rotate(0deg); transform:rotate(0deg); filter:alpha(opacity=0); opacity:0}}@-moz-keyframes aa{ 0%{ -moz-transform:rotate(0deg)3; transform:rotate(280deg)} 100%{ -ms-transform:rotate(0deg); transform:rotate(0deg); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0}}@-moz-keyframes aa{ 0%{ -moz-transform:rotate(0deg)4; transform:rotate(280deg)} 100%{ -o-transform:rotate(0deg); transform:rotate(0deg); filter:alpha(opacity=0); opacity:0}}.konuResim input:checked ~ ul li:nth-child(7){ -webkit-animation-name:gz; -moz-animation-name:gz; -ms-animation-name:gz; -o-animation-name:gz; animation-name:gz}@-moz-keyframes aa{ 0%{ -moz-transform:rotate(0deg)5; -moz-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg)} 100%{ -webkit-transform:rotate(280deg); -moz-transform:rotate(280deg); -o-transform:rotate(280deg); -ms-transform:rotate(280deg); transform:rotate(280deg)}}@-moz-keyframes aa{ 0%{ -moz-transform:rotate(0deg)6; transform:rotate(0deg)} 100%{ -moz-transform:rotate(280deg); transform:rotate(280deg)}}@-webkit--moz-keyframes aa{ 0%{ -moz-transform:rotate(0deg)5; transform:rotate(0deg)} 100%{ -webkit-transform:rotate(280deg); transform:rotate(280deg)}}@-moz-keyframes aa{ 0%{ -moz-transform:rotate(0deg)8; transform:rotate(0deg)} 100%{ -ms-transform:rotate(280deg); transform:rotate(280deg)}}@-moz-keyframes aa{ 0%{ -moz-transform:rotate(0deg)9; transform:rotate(0deg)} 100%{ -o-transform:rotate(280deg); transform:rotate(280deg)}}.konuResim ul li:nth-child(8) a{ -webkit-transform:rotate(-320deg); -moz-transform:rotate(-320deg); -o-transform:rotate(-320deg); -ms-transform:rotate(-320deg); transform:rotate(-320deg)}.konuResim ul li:nth-child(8){ -webkit-animation-name:hh; -moz-animation-name:hh; -ms-animation-name:hh; -o-animation-name:hh; animation-name:hh}@-webkit-keyframes aa{ 0%{ -webkit-transform:rotate(0deg)0; -moz-transform:rotate(320deg); -o-transform:rotate(320deg); -ms-transform:rotate(320deg); transform:rotate(320deg)} 100%{ -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0}}@-webkit-keyframes aa{ 0%{ -webkit-transform:rotate(0deg)1; transform:rotate(320deg)} 100%{ -moz-transform:rotate(0deg); transform:rotate(0deg); filter:alpha(opacity=0); opacity:0}}@-webkit--webkit-keyframes aa{ 0%{ -webkit-transform:rotate(0deg)0; transform:rotate(320deg)} 100%{ -webkit-transform:rotate(0deg); transform:rotate(0deg); filter:alpha(opacity=0); opacity:0}}@-webkit-keyframes aa{ 0%{ -webkit-transform:rotate(0deg)3; transform:rotate(320deg)} 100%{ -ms-transform:rotate(0deg); transform:rotate(0deg); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0}}@-webkit-keyframes aa{ 0%{ -webkit-transform:rotate(0deg)4; transform:rotate(320deg)} 100%{ -o-transform:rotate(0deg); transform:rotate(0deg); filter:alpha(opacity=0); opacity:0}}.konuResim input:checked ~ ul li:nth-child(8){ -webkit-animation-name:hz; -moz-animation-name:hz; -ms-animation-name:hz; -o-animation-name:hz; animation-name:hz}@-webkit-keyframes aa{ 0%{ -webkit-transform:rotate(0deg)5; -moz-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg)} 100%{ -webkit-transform:rotate(320deg); -moz-transform:rotate(320deg); -o-transform:rotate(320deg); -ms-transform:rotate(320deg); transform:rotate(320deg)}}@-webkit-keyframes aa{ 0%{ -webkit-transform:rotate(0deg)6; transform:rotate(0deg)} 100%{ -moz-transform:rotate(320deg); transform:rotate(320deg)}}@-webkit--webkit-keyframes aa{ 0%{ -webkit-transform:rotate(0deg)5; transform:rotate(0deg)} 100%{ -webkit-transform:rotate(320deg); transform:rotate(320deg)}}@-webkit-keyframes aa{ 0%{ -webkit-transform:rotate(0deg)8; transform:rotate(0deg)} 100%{ -ms-transform:rotate(320deg); transform:rotate(320deg)}}@-webkit-keyframes aa{ 0%{ -webkit-transform:rotate(0deg)9; transform:rotate(0deg)} 100%{ -o-transform:rotate(320deg); transform:rotate(320deg)}}
aside{float:right;width: 300px;}
.mezeler{float:left;width:93%; padding:10px; background-color:#fff;-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .2);box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .2);margin-bottom: 20px;border-radius:3px;-webkit-border-radius:3px; }
.mezeler h5{border-bottom:1px solid #ddd;padding:10px 0 15px 0;font-size:18px;margin-bottom:15px;font-weight:bold;color:#888888;}
.mezeler ul{float:left;width:100%;margin-top:-10px;}
.mezeler ul li{width: 100%;float: left;border-bottom:1px solid #eee;padding:10px 0;line-height: 17px;}
.mezeler ul li:last-child{border:none;}
.wid_post_meta {font-size: 10px;line-height: 10px;font-variant: small-caps;color: #aaaaaa;}
.mezeler h6{font-size: 13px;font-family: Helvetica, Arial, sans-serif;line-height: 14px; text-transform: none;margin-bottom: 5px; color: #888888;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.wid_thumb {float: left;padding: 3px;margin: 0 10px 0 0;background-color: transparent;border: 1px solid #eeeeee;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
footer{float:left;width:100%;clear:both;text-align:center;min-height:50px;border-top:10px solid #f1f1f1;background-color:#fff;-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .2);box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .2);}
.telifHaklarıBro{margin-top: 10px;line-height: 17px;}
.rakiSosyalAglarda{float:left;width:100%;background-color:#fff;-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .2);box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .2);margin-bottom: 20px;border-radius:3px;-webkit-border-radius:3px;margin-bottom:20px;}
.rakiSosyalAglarda ul{float:left;width:100%;padding:5px;}
.rakiSosyalAglarda ul li a{margin-right:5px;float:left;font-size:25px;color:#09c2de;background-color:#fff;border-radius:50% 50%;-webkit-border-radius:50% 50%;padding:6px 0;width:37px;text-align:center;}
.rakiSosyalAglarda ul li a:hover{margin-right:5px;float:left;font-size:25px;color:#fff;background-color:#09c2de;border-radius:50% 50%;-webkit-border-radius:50% 50%;padding:6px 0;width:37px;text-align:center;}
.rakiSosyalAglarda ul li a i{padding-top:10px;text-align:center;}
.ustcizgi {background: url("images/ust.png") repeat-x; height: 6px;}
.ustmenu{margin-top:30px;float: right; background: #ffffff;background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2));background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );height: 50px;border-radius: 5px;border: 1px solid #ddd}
.ustmenu li {float:left;}
.ustmenu li a {text-transform: uppercase; font-family: 'Open Sans', Sans-serif; font-weight: 700; color: #515151; font-size: 14px; line-height: 50px; border-right: 1px solid #ddd; padding: 16px 20px}
.ustmenu li a:hover {color: #09c2de;}
.ustmenu li .sub-menu{ position:absolute; width:150%; left:-9999px;}
.ustmenu li:hover > .sub-menu{width:150px !important;left:auto !important;}
.sub-menu li a{float:left !important;width:150px !important;background-color:#fff !important;padding:0 !important;line-height:30px !important;padding:10px !important;border-top:1px solid #999;}
#searchform input[type=text]{ border:1px solid #ddd;border-radius:3px;-webkit-border-radius:3px;padding:5px;color:#999;}
#searchform input[type=submit]{ background-color:#09c2de;border:none;cursor:pointer;color:#fff !important;padding:0 5px; border:1px solid #ddd;border-radius:3px;-webkit-border-radius:3px;padding:5px;color:#999;}
#comments h3{margin-bottom: 10px;}
#commentform input {width: 170px;padding: 2px;margin: 5px 5px 1px 0;}
#commentform {margin: 5px 10px 0 0;}
#commentform textarea {width: 100%;padding: 2px;}
#respond:after { content: ".";display: block;height: 0;clear:both;visibility: hidden;}
#commentform #submit {margin: 0 0 5px auto;float: right;}
.alt {margin: 0;padding: 10px;}
.commentlist {padding: 0;text-align: justify;}
.commentlist li {margin: 15px 0 10px;padding: 5px 5px 10px 10px;list-style: none;}
.commentlist li ul li {margin-right: -5px;margin-left: 10px;}
.commentlist p {margin: 10px 5px 10px 0;float:left;line-height: 17px;}
.children { padding: 0; }
#commentform p {margin: 5px 0;}
.nocomments {text-align: center; margin: 0;padding: 0;}
.commentmetadata {margin: 0;display: block;}
.comment-body{border:1px solid #dddddd;padding:5px;float:left;width: 98%;margin-bottom:20px;border-radius:3px;-webkit-border-radius:3px;}
.comment-author{float:left;width:100%;}
.fn{font-style:italic; margin:10px 5px;float:left; }
.says{font-style:italic; margin:10px 0;float:left; }
.reply{font-size:10px;float:left;width:550px;padding:10px;border-top:1px solid #e6e6e6;color:#e6e6e6;}
.commentmetadata{float:left;width:100%;margin-top:-10px;margin-left:25px}
#yorumform{width: 94%;padding:10px;float:left;height:auto;background-color:#fafafa;-webkit-border-radius:3px;border-radius:3px;border:1px solid #d3d3d3;margin:10px 0px 10px 7px;line-height:170%;}
#yorumform p input{ outline:none;border-radius:3px;-webkit-border-radius:3px;border:1px solid #ccc;padding:5px;}
#yorumform p textarea{outline:none;margin-bottom:5px;border-radius:3px;-webkit-border-radius:3px;border:1px solid #ccc;padding:5px;}
#yorumgonder input{background-color:#f0f0f0;border:1px solid #dddddd;margin-top:5px;}
#yorumgonder input:hover{border:1px solid #999;cursor:pointer;}
.comment-author .avatar{position:relative;margin-left:-30px;margin-top:-10px;float:left;border-radius:50%;-webkit-border-radius:50%;border:4px solid #fff;-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .3);box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .3);}
.ie9 .konuResim ul{display:none;}
.ie9 .konuResim .switch{display:none;}
.ie9 .konuResim .icon-plus{display:none;}
.ie8 .konuResim ul{display:none;}
.ie8 .konuIcerik p{float:left;}
.ie8 .konuResim .switch{display:none;}
.ie8 .konuResim .icon-plus{display:none;}
.ie7 .konuResim ul{display:none;}
.ie7 .konuResim .switch{display:none;}
.ie7 .konuResim .icon-plus{display:none;}
.comment-awaiting-moderation{float:right;margin-top: -20px;}
.konuIcerik ul{padding-left:20px;margin-bottom:20px}
.konuIcerik ul li{background:url(images/dop.gif) 0px 4px no-repeat;padding-left:11px;margin-bottom:10px;line-height:20px;}
.konuIcerik ol{padding-left:37px;margin-bottom:20px;font-size:14px}
.konuIcerik ol li{list-style-type:decimal;margin-bottom:6px}/* Sayfalama */
#sayfalama {width: 600px;float: left;margin-top: -25px;margin-bottom: 25px;background-color: #FFFFFF;border: #d3d3d3 solid 1px;word-spacing: 3px;text-align: center;margin-left: 38px;border-radius: 3px;-webkit-border-radius: 3px;padding: 5px;}
#sayfalama li {display : inline-block;}
#sayfalama a, #sayfalama span {color : #000;display : inline-block;padding-top : 7px;margin-left : 10px;text-align : center;text-decoration : none;color : #7c7c7c;}
#sayfalama .current {color: #FFFFFF;background-color: #09c2de; padding: 6px 9px;border-radius: 100%;}
#sayfalama a:link {font-size : 14px;color : #7c7c7c;}
#sayfalama a:hover {text-decoration : none;color : #0097dd;} 