metin_nn adlı üyeden alıntı: mesajı görüntüle

Normalde cevaba cevap yazınca 5 10 px soldan açılır dilerseniz css icerisinden bunu düzenleyebilirsiniz suanda mobilde olduğum için kaynak kodu göremiyorum ama depth-3 veya child isimleriyle adlandırılır cevap csslerini belirleyip css dosyanızın icerisinde margin ve padding değerlerinde soldan uzaklığı düşürebilirsiniz

body
{
background:url(../resimler/bg.png) #e9e9e9 repeat-x;
font:12px 'Tahoma';
color: #666;
padding-bottom:10px;
}
a{ text-decoration: none; color:#000; }
a:hover{ text-decoration: underline; }
.mtop10{margin-top:10px;}
.mtop5{margin-top:5px;}
.ortala
{
width:900px;
margin:auto;
}
.temizle
{clear:both;}
.logo
{
width:340px;
height:120px;
margin-top:20px;
float:left;
}
.logo-sag
{
float:right;
width:468px;
}
.sosyal-aglar
{
background: url(../resimler/bk-sprite.png) -15px 0px no-repeat;
width:294px;
height:32px;
margin-left:88px;
}
.sosyal-aglar ul
{
margin-top:30px;
margin-left:58px;
position:absolute;
}
.sosyal-aglar ul li
{
float:left;
margin-left:8px;
}
.sosyal-aglar li a
{
background: url(../resimler/bk-sprite.png) no-repeat;
width:29px;
height:32px;
display:block;
text-indent:-3999px;
position:relative;
z-index:1;
}
.sosyal-aglar li a.facebook
{
background-position:-92px -35px;
}
.sosyal-aglar li a.google
{
background-position:-160px -35px;
}
.sosyal-aglar li a.twitter
{
background-position:-126px -35px;
}
.sosyal-aglar li a.rss
{
background-position:-195px -35px;
}
.ust-reklam
{
width:468px;
height:60px;
margin-top:40px;
}
.menu
{
background: url(../resimler/bk-sprite.png) -4px -76px no-repeat;
width:908px;
margin-left:-4px;
height:46px;
margin-top:2px;
}
.menu ul
{
margin-left:10px;
/*width:575px;*/
width:99%;
}
.menu ul li
{
background:url(../resimler/menu-line.png) no-repeat  top right;
float:left;
padding-left:20px;
padding-right:20px;
line-height:42px;
display:block;
height:42px;
}
.menu ul li:last-child
{
background:transparent;
}
.menu ul li a
{
font:12px/42px 'NeoSansPro-Regular';
color:#fff;
}
.menu ul > li > ul						
{ 
	-webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
	opacity:0;
	top:183px;
	border-radius:0px 0px 3px 3px;
	margin-top:0px;
	z-index:9999; 
	background:rgba(0, 0, 0, 0.59); 
	position:absolute; 
	width:10px; 
	overflow:hidden;
	padding:0px;
}
.menu ul > li:hover > ul				{ opacity:1;max-width:999px;max-height:999px;overflow:hidden;height:auto;width:164px;margin-left:-22px;}	
.menu ul > li > ul > li					{ height:34px; line-height:34px; color:#eee;display:block;width:100%;float:left;margin-left:-20px;}
.menu ul > li > ul > li > a				{ font:12px 'NeoSansPro-Regular';display:block; padding-left:10px; height:34px; line-height:34px; color:#fff;}
.menu ul > li > ul > li:hover > a			{border-left:4px solid #005D8D;background:#000;padding-left:6px;}
.kutu
{
background:#fcfbfb;
border:1px solid #cccccc;
}
.sol-icerik
{
width:596px;
float:left;
}
.manset
{
padding:5px;
}
.manset img
{
width:584px;
height:260px;
}
.konu-liste
{
padding:5px;
}
.konu-liste .thumb{margin:5px;width:150px;height:125px;float:left;}
.konu-liste .thumb img {width:148px;height:123px;border:1px solid #d7d7d7;}
.konu-liste .yazi-alani{width:420px;margin-left:4px;float:left;padding-bottom:10px;}
.konu-liste .yazi-alani h2 a{display:block;margin-top:5px !important;font:Bold 14px 'NeoSansPro-Regular';color:#0099cc;}
.konu-liste .yazi-alani h2 a{color:#0099cc;}
.konu-liste .yazi-alani h2 a{color:#0099cc;}
.konu-liste .yazi-alani h2 a{color:#0099cc;}
.konu-liste .yazi-alani h2 a{color:#0099cc;}
.konu-liste .yazi-alani h2 a{color:#0099cc;}
.konu-liste .yazi-alani h2 a{color:#0099cc;}
.konu-liste .yazi-alani h2 a{color:#0099cc;}
.konu-liste .ic-yazi-alani{}
.konu-liste .ic-yazi-alani h2 a{font:Bold 20px 'NeoSansPro-Regular';color:#0099cc;}
.konu-liste .yazi-alani .aciklama{margin-top:5px;}
.konu-liste .ic-yazi-alani .aciklama p{line-height:18px;margin-bottom:8px;}
.konu-liste hr
{
background-color:#d6d5d5;
height:1px;
margin-top:5px;
margin-bottom:5px;
}
ul.alt-bilgi li
{
float:left;
line-height:25px;
padding-right:12px;
font-size:11px;
}
ul.alt-bilgi span.icon{background:url(../resimler/bk-sprite.png) no-repeat;display:block;width:25px;height:25px;float:left;}
ul.alt-bilgi span.kategori{background-position:-610px -128px}
ul.alt-bilgi span.tarih{background-position:-634px -128px}
ul.alt-bilgi span.gonderen{background-position:-670px -128px}
ul.alt-bilgi span.okunma{background-position:-695px -128px}
ul.alt-bilgi span.yorum{background-position:-721px -128px}
.konu-liste a.incele{font:Bold 12px 'NeoSansPro-Regular';background:url(../resimler/bk-sprite.png) no-repeat -638px -17px;display:block;width:75px;height:25px;float:right;margin-right:5px;text-align:center;color:#fff;line-height:25px;}
.sag-icerik
{
width:300px;
float:right;
}
.sag-icerik .kutu h2.baslik
{
background:url(../resimler/bk-sprite.png) no-repeat -10px -132px;
width:288px;
padding-left:10px;
height:40px;
font:Bold 12px/40px 'NeoSansPro-Regular';
text-transform: uppercase;
color:#fff;
text-shadow:1px 1px rgba(62, 62, 62, 0.33);
}
.sag-icerik .kutu h2.renk1
{
background-position:-10px -173px !important;
}
.sag-icerik .kutu h2.renk2
{
background-position:-10px -215px !important;
}
.sag-icerik .kutu h2.renk3
{
background-position:-10px -257px !important;
}
.sag-icerik .kutu h2.renk4
{
background-position:-10px -299px !important;
}
.sag-icerik .kutu h2.renk5
{
background-position:-10px -341px !important;
}

.sag-icerik .kutu h2.renk6
{
background-position:-310px -132px !important;
}
.sag-icerik .kutu h2.renk7
{
background-position:-310px -173px !important;
}
.sag-icerik .kutu h2.renk8
{
background-position:-310px -215px !important;
}
.sag-icerik .kutu h2.renk9
{
background-position:-310px -257px !important;
}
.sag-icerik .kutu h2.renk10
{
background-position:-310px -299px !important;
}
.sag-icerik .kutu h2.renk11
{
background-position:-310px -341px !important;
}
.sag-icerik .arama{
background:url(../resimler/bk-sprite.png) no-repeat -321px -8px;
width:300px;
height:46px;
}
.sag-icerik .arama input[type='text']{
font:11px/46px Arial;
width:220px;
float:left;
height: 44px;
padding-left: 10px;
border:0;
background:transparent;
}
.sag-icerik .arama input[type='submit']{
border:0;
background:transparent;
display:block;
text-indent:-999px;
width:70px;
height:44px;
cursor:pointer;
}

.sag-icerik .kutu .kategoriler ul {
    margin: 0;
    padding: 0;
}
.sag-icerik .kutu .kategoriler ul li {
    background: url("../resimler/li.png") no-repeat scroll left center transparent;
    border-bottom: 1px dotted #E0E0E0;
    color: #BCBCBC;
    float: left;
    font-size: 10px;
    margin: 0px 12px;
    padding: 0 0 0px 15px;
    width: 109px;
	line-height:22px;
}
.sag-icerik .kutu .kategoriler ul li a {
    color: #888888;
}
.sag-icerik .kutu .kategoriler ul li a:hover {
    color: #006e9d;
}
.sag-icerik .kutu .kategoriler ul li a span {
    color: #BCBCBC;
}
/* sidebar içerik */
.sag-icerik .kutu .icerik ul {
    margin: 0;
    padding: 0;
}
.sag-icerik .kutu .icerik ul li {
    background: url("../resimler/li.png") no-repeat scroll left center transparent;
    border-bottom: 1px dotted #E0E0E0;
    color: #BCBCBC;
    float: left;
    font-size: 10px;
    margin: 0px 12px;
    padding: 0 0 0px 15px;
    width: 260px;
	line-height:22px;
}
.sag-icerik .kutu .icerik ul li a {
    color: #888888;
}
.sag-icerik .kutu .icerik ul li a:hover {
    color: #006e9d;
}
.sag-icerik .kutu .icerik ul li a span {
    color: #BCBCBC;
}

.sol-icerik .kutu h2.baslik
{
background:url(../resimler/bk-sprite.png) no-repeat -10px -383px;
width:584px;
padding-left:10px;
height:40px;
font:Bold 15px/40px 'NeoSansPro-Regular';
text-transform: uppercase;
color:#fff;
text-shadow:1px 1px rgba(62, 62, 62, 0.33);
}
.benzer{padding:5px;}
.benzer .thumb{width:150px;height:125px;float:left;}
.benzer .thumb img {width:150px;height:125px;}
.benzer .yazi-alani{width:430px;margin-left:4px;float:left;}
.benzer .yazi-alani h2 a{font:Bold 17px 'NeoSansPro-Regular';color:#0099cc;}
.benzer .ic-yazi-alani{}
.benzer .ic-yazi-alani h2 a{font:Bold 20px 'NeoSansPro-Regular';color:#0099cc;}
.benzer .yazi-alani .aciklama{margin-top:5px;}
.benzer hr
{
background-color:#d6d5d5;
height:1px;
margin-top:5px;
margin-bottom:5px;
}

.paginate {
  text-align: center;
  margin-top:5px;
  margin-bottom:5px;
}
.paginate ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
.paginate li {
  display: inline;
  margin-left:5px;
  font:11px 'NeoSansPro-Regular';
}
.white a {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  padding: 5px 10px;
  display: inline-block;
  border-top: 1px solid #fff;
  text-decoration: none;
  color: #717171;
  text-shadow: white 0 1px 0;
  background-color: #f5f5f5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#eaeaea));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #f9f9f9, #eaeaea);
  /* Chrome 10+, Saf5.1+ */
  background-image: -moz-linear-gradient(top, #f9f9f9, #eaeaea);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #f9f9f9, #eaeaea);
  /* IE10 */
  background-image: -o-linear-gradient(top, #f9f9f9, #eaeaea);
  /* Opera 11.10+ */
  background-image: linear-gradient(top, #f9f9f9, #eaeaea);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f9f9f9', EndColorStr='#eaeaea');
  /* IE6–IE9 */
}
.paginate a:first-child
{
  margin-left: 0;
}
.paginate a:last-child
{
  margin-right: 0;
}
.paginate a:hover, .paginate a:focus 
{
  opacity:0.7;
}
.paginate li.current a {
  -moz-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.75);
  -o-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.75);
  box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.75);
  border-color: #505050 !important;
  color: #f2f2f2 !important;
  text-shadow: black 0 1px 0;
  background-color: #676767;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5f5f5f), to(#5c5c5c));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #5f5f5f, #5c5c5c);
  /* Chrome 10+, Saf5.1+ */
  background-image: -moz-linear-gradient(top, #5f5f5f, #5c5c5c);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #5f5f5f, #5c5c5c);
  /* IE10 */
  background-image: -o-linear-gradient(top, #5f5f5f, #5c5c5c);
  /* Opera 11.10+ */
  background-image: linear-gradient(top, #5f5f5f, #5c5c5c);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#5f5f5f', EndColorStr='#5c5c5c');
  /* IE6–IE9 */
}
.paginate li.previus a
{
  -moz-border-radius: 5px 5px 5px 5px !important;
  -webkit-border-radius: 5px 5px 5px 5px !important;
  -o-border-radius: 5px 5px 5px 5px !important;
  -ms-border-radius: 5px 5px 5px 5px !important;
  -khtml-border-radius: 5px 5px 5px 5px !important;
  border-radius: 5px 5px 5px 5px !important;
}
.paginate li.next a
{
  -moz-border-radius: 5px 5px 5px 5px !important;
  -webkit-border-radius: 5px 5px 5px 5px !important;
  -o-border-radius: 5px 5px 5px 5px !important;
  -ms-border-radius: 5px 5px 5px 5px !important;
  -khtml-border-radius: 5px 5px 5px 5px !important;
  border-radius: 5px 5px 5px 5px !important;
}
#slides .slides_container 
{
	width:584px;
	height:260px;
	display:none;
}
#slides .slides_container div 
{
	width:584px;
	height:260px;
	display:block;
}
.manset .aciklama
{
position:absolute;
height:35px !important;
margin-top:-35px;
z-index:999;
background:rgba(26, 26, 26, 0.65);
}
.aciklama .baslik{margin-left:10px;font:11px Tahoma;color:#fff;line-height:35px;}
.pagination{position:absolute;margin-top:-30px;margin-left:510px;z-index:999;}
.pagination li{display:inline-block;margin-right:3px;background:url(../resimler/bk-sprite.png) -726px -23px;width:12px;height:12px;}
.pagination li.current{background:url(../resimler/bk-sprite.png) -740px -23px !important;}
.pagination li a{width:12px;height:12px;display:block;text-indent:-999px;}
.footer{height:70px;margin-top:10px;}
ul.alt-linkler{
width:450px;
margin-top:27px;
}
ul.alt-linkler li
{
display:inline-block;
border-right:1px dotted #54acea;
line-height:25px;
height:25px;
}
ul.alt-linkler li:last-child
{
border:0;
}
ul.alt-linkler li a
{
padding:10px;
font:11px 'NeoSansPro-Regular';
line-height:25px;
height:25px;
}
span.cp
{
width:338px;
text-align:right;
display:block;
margin-left:554px;
margin-top:-44px;
font:12px 'NeoSansPro-Regular';
}
.dortlu
{
margin:12px;
float:left;
width:125px;
height:125px;
}
/* Read comment */
	.readComment 						{ width:576px; float:left; overflow:hidden; margin-top:12px; margin-left:1px; padding:8px; background:#f1f1f1; border:1px solid #fbfbfb; outline:1px solid #d1d1d1; }
	.readComment .author				{ width:inherit; float:left; font:18px 'Blue Highway'; color:#003366; }
	.readComment .detail				{ width:inherit; float:left; margin:5px 0; font-size:11px; line-height:16px; color:#545454; }
	.readComment .process				{ width:inherit; float:left; padding-top:6px; border-top:1px solid #e1e1e1; font-size:11px; color:#545454;}
	.readComment .process > div			{ float:left; margin-top:4px; }
	.readComment .process > div.c:before{ content:'|'; margin:0 5px; }
	.readComment .process a				{ color:#2786c2; }
	.readComment .process a:hover		{ text-decoration:underline; }
	.readComment .process a.comment-reply-link		{ width:94px; height:24px; float:left; display:block; margin-right:20px; background:url(../resimler/images/bg-commentReply.png) no-repeat; text-indent:-99999px; }

/* New comment */
	.newComment 							{ width:576px; float:left; margin-top:15px; }
	.newComment .title						{ width:590px; height:25px; float:left; padding-top:15px; padding-left:70px; background:url(../resimler/images/icon-newComment.png) no-repeat left top; border-bottom:1px solid #d1d1d1; font:22px 'Blue Highway'; color:#494949; }
	.newComment .title strong				{ color:#0099cc; }
	.newComment .form input,
	.newComment .form textarea 				{ width:190px; height:19px; display:block; margin-top:7px; padding:3px 10px 2px 25px; border:1px solid #c9c9c9; border-right:0; border-bottom:0; border-radius:2px; font-size:11px; color:#707070; }
	.newComment .form input.name			{ background:#fff url(../resimler/images/icon-name.png) no-repeat 10px 8px; }
	.newComment .form input.mail			{ background:#fff url(../resimler/images/icon-mail.png) no-repeat 7px 8px; }
	.newComment .form input.web				{ background:#fff url(../resimler/images/icon-web.png) no-repeat 7px 7px; }
	.newComment .form textarea				{ width:580px; height:100px; padding:7px; }
	.newComment .form input[type='submit']	{ padding:0; border:0; width:113px; height:24px; background:url(../resimler/images/bg-commentSubmit.png) no-repeat; text-indent:-99999px; }

.depth-2 {margin-left:20px;}
.depth-2 .readComment {width:620px;}
.depth-3 {margin-left:40px;}
.depth-3 .readComment {width:600px;}
.depth-4 {margin-left:60px;}
.depth-4 .readComment {width:580px;}
.depth-5 {margin-left:80px;}
.depth-5 .readComment {width:560px;}
.depth-6 {margin-left:100px;}
.depth-6 .readComment {width:540px;}
.depth-7 {margin-left:120px;}
.depth-7 .readComment {width:520px;}
.depth-8 {margin-left:140px;}
.depth-8 .readComment {width:500px;}
.userbar {display:none;}
.fbpng{
position:fixed;
width:249px;
height:192px;
top:100px;
z-index:99999;
right:20px;
}

/* takvim */

#wp-calendar{ width:288px;margin-left:5px; }
#wp-calendar caption{padding:5px 0;font-weight:bold;}
#wp-calendar td, 
#wp-calendar th{width:14%;line-height:28px;text-align:center;}
#wp-calendar th{font-size:11px;font-weight:bold;padding:0;background:none;}
#wp-calendar td{padding:0;border:none;}
#wp-calendar tbody td.pad,
#footer #wp-calendar tbody td.pad{background:none;border:none;}
#wp-calendar tbody td a{display:block;font-weight:bold;}
#wp-calendar tbody td#today a{background:#888;color:#fff !important;font-weight:bold;}
#wp-calendar tfoot td,
#footer #wp-calendar tfoot td{border:none;background:none; padding-left:20px; padding-right:20px;}
#wp-calendar tfoot td#prev{ text-align:left;}
#wp-calendar tfoot td#next{	text-align:right;}
#wp-calendar thead tr{background: #f8f8f8;}

/* wp için gerekli kodlar */

.alignleft {float:left;margin: 0px 20px 10px 0;}
.alignright {float:right;margin: 0px 0 10px 20px}
.aligncenter {display: block;margin: 0px auto 10px auto;}
.wp-caption-text {display:block;text-align:center;padding:7px 0 10px;}
.imageLeft {float: left;margin: 0px 20px 10px 0;}
.imageRight {float: right;margin: 0px 0 10px 20px}
.wp-caption {}.sticky {}.gallery-caption {}.bypostauthor {}
a { color:#577088;}
a:hover,#top a:hover{ color:#f14a29;}
h1, h2, h3, h4, h5, h6{ font-weight:400;}
.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{ font-weight:400; margin-top:0; line-height: normal !important;}
p{ font-family: 'PT Sans', sans-serif;}