Tekil Mesaj gösterimi - Sidebar Ekleme

Konu Sidebar Ekleme
14-05-2010, 17:23:13
Üyeliği durduruldu
Arkadaşlar Elimde bir tema var ve çok geniş ben bu temanın wdith değerlerini 820 yapmayı denedim ama olmadı. aşağıda style css dosyası var anlayan bir zahmet ayarlarsa sevinirim...Teşekkürler.....
/*

Theme Name:natural-health
Description: A free premium health niche wordpress theme from jinsona designs.
Author: jinsona designs
Author URI: www.web2feel.com

*/


body {
	margin:0 auto;
	padding:30px 0px 0px 0px;
	background:#2a311f ;
	font-family:Tahoma,Century gothic, Arial,Tahoma,sans-serif;
	color:#161514;
	font-size:13px;
	}
img {
	border:0;
	margin: 0 0;
	}
a {
	color:#6F615A;
	text-decoration:none;
	outline:none;
	}
a:hover {
	color:#d53030;
	text-decoration:none
		}
h1, h2, h3, h4, h5, h6 {
	
	}
blockquote {
	padding-left:10px;
	color:#444;
	font-style: normal;
		
	}
.clear {
	clear:both;
	}

img.centered  {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	padding: 0px;
	}
	
img.alignnone {
	padding: 5px 5px;
	margin: 0px 0px 10px 0px;
	display: inline;
	background:#fff;
	border: 1px solid #DDDDDD;
	}

img.alignright {
	padding: 5px 5px;
	margin: 0px 5px 10px 10px;
	display: inline;
	background:#fff;
		border: 1px solid #DDDDDD;
	}

img.alignleft {
	padding: 5px 5px;
	margin: 0px 10px 10px 5px;
	display: inline;
	background:#fff;
	border: 1px solid #DDDDDD;
	}
	
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	}

.alignright {
	float: right;
	margin: 0px 0px 10px 10px;
	}

.alignleft {
	float: left;
	margin: 0px 10px 10px 0px;
	}
	
.wp-caption {
	border: 1px solid #DDDDDD;
	text-align: center;
	background-color: #ffffff;
	padding: 4px 0px 5px 0px;
	margin: 5px 5px ;
	}

.wp-caption img {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	border: 0px;
	
	}

.wp-caption p.wp-caption-text {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	font-weight: normal;
	line-height: 12px;
	}

/* The Outer cover */

#wrapper {
	width:1000px;
	margin:0 auto;


	}
#casing {
	padding:0px 0px 0px 0px;
	background:#eef2d5;
	float:left;
	width:1000px;
	}		
	
	
	
/* The Header */

#top {
	height:234px;
	margin:auto;
	background:#f4f4f4 url(images/top.jpg) ;
	width:1000px;
	position:relative;
	
	}
.blogname {
	width:400px;
	font-family:Georgia ,Century gothic,Verdana,Tahoma,sans-serif;	
	margin:60px 0 0 0px;
    float:left;
	height:110px;

	}
.blogname h1  {
	font-size:40px;
	padding:0 0 0px 0;
	font-weight:normal;
	color:#fff;
	text-align:left;
	margin:20px 0 0 20px;
	
	}
.blogname h1  a:link, .blogname h1  a:visited{ 
	color: #fff; 
	display:block;
	}
	
.blogname h1  a:hover { 
	color: #eee; 
	}
.blogname h2 {
	margin:5px 0px 0px 30px;
	font-size:12px;
	font-weight:normal;
	color:#fff;
	text-align:left;
	text-transform:uppercase;
	}


/* The Search */
#search {
	height:20px;
	width:auto;
	top:190px;
	right:0px;
	padding:17px 10px 0px 15px;
	width:190px;
	float:right;
position:absolute;
}
#search form {
	margin: 0;
	padding: 0;
}

#search fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#search p {
	margin: 0;
	font-size: 85%;
}

#s {
	margin-left:0px;
	float: left;
	width:144px;
	padding: 5px 2px 4px 3px;
	background:#fff url(images/sform.png) no-repeat;
	border:none;
	font: normal 100% "Tahoma", Arial, Helvetica, sans-serif;
	color:#8B4E20;
}

#searchsubmit {
	width:32px;
	float: left;
	background:#fff url(images/sbutton.png);
	border:none;
	font: bold 100% "century gothic", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	height:25px;

}




.feed{
	float:right;
	height:25px;
	width:auto;
	margin:10px 10px 0px 0px;
	padding:5px 5px 5px 5px;
	width:260px;
	border:1px solid #8B9F6D;
	background:#7A9256 ;
	display:inline;
}
.feed form {
	margin: 0;
	padding: 0;
}

.feed fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

.feed p {
	margin: 0;
	font-size: 85%;
}

.input{
	margin-left:0px;
	float: left;
	width:190px;
	padding: 4px 2px 4px 5px;
	background:#EEF2D5 ;
	border:none;
	font: normal 100% "Tahoma", Arial, Helvetica, sans-serif;
	color:#333;
	
}

.sbutton{
	width:60px;
	float: right;
	background:#53623D ;
	border:none;
	font: bold 100% "century gothic", Arial, Helvetica, sans-serif;
	color: #eee;
	height:24px;
}



/*Page menu*/

#foxmenucontainer{
	height:35px;
	background:url(images/menu.png) repeat-x;
	display:block;
	padding:0px 0 0px 0px;
	font: 12px Tahoma,Century gothic,verdana, Arial, sans-serif;
	font-weight:normal;
	text-transform:uppercase;
	border-bottom:1px solid #67842A;
	}
#menu{
	margin: 0px;
	padding: 0px;
	width:1000px;
	background:url(images/menu.png) repeat-x;
	height:35px;
	}
	
#menu ul {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#menu li {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#menu li a, #menu li a:link, #menu li a:visited {
	color: #ecb487;
	display: block;
	margin: 0px;
	padding: 10px 15px 11px 15px;
	}

#menu li a:hover, #menu li a:active {
	background:url(images/menua.png) repeat-x;
	color: #fff;
    margin: 0px;
	padding: 10px 15px 11px 15px;
	text-decoration: none;
	}
	
#menu li li a, #menu li li a:link, #menu li li a:visited {
	background:#A14800;
	width: 150px;
	color: #ecb487;
	font-size: 13px;
	font-family: tahoma, century gothic,Georgia,  sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	float: none;
	margin: 0px;
	padding: 8px 10px 7px 10px;
	border-bottom: 1px solid #AF5914;

	}
	
#menu li li a:hover, #menu li li a:active {
	background: #7F3D07 ;
	color: #fff;
	padding: 8px 10px 7px 10px;
	}

#menu li ul {
	z-index: 9999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 170px;
	margin: 0px;
	padding: 0px;
	}

#menu li li { 
	}

#menu li ul a { 
	width: 140px;
	}

#menu li ul a:hover, #menu li ul a:active { 
	}

#menu li ul ul {
	margin: -32px 0 0 170px;
	}

#menu li:hover ul ul, #menu li:hover ul ul ul, 
#menu li.sfhover ul ul, #menu li.sfhover ul ul ul {
	left: -999em;
	}

#menu li:hover ul, #menu li li:hover ul, 
#menu li li li:hover ul, #menu li.sfhover ul, 
#menu li li.sfhover ul, #menu li li li.sfhover ul {
	left: auto;
	}

#menu li:hover, #menu li.sfhover { 
	position: static;
	}

/* Category menu*/
	
#catmenucontainer{
	height:35px;
	background: url(images/catmenu.png) repeat-x;
	display:block;
	padding:0px 0 0px 0px;
	font: 12px Tahoma,Century gothic,verdana, Arial, sans-serif;
	font-weight:normal;
	text-transform:uppercase;

	}

	
	
 .lavaLampNoImage {
    position: relative;
    width: 960px;
    padding: 5px 10px;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
  
        }
.lavaLampNoImage li {
    float: left;
    list-style: none;
	margin:0px 0px;
	padding:0px 0px;
                }
.lavaLampNoImage li.back {
     
     background-color: #53623d;
    width: 5px;
    height: 20px;
	border:1px solid #53623d;
	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	top:7px;
    z-index: 8;
    position: absolute;
                    }
.lavaLampNoImage li a:visited , .lavaLampNoImage li a:link{
    font:  13px Trebuchet ms,Century gothic, Arial, Tahoma, sans seriff ;
    text-decoration: none;
    color:#DEEFC2;
    outline: none;
    text-align: center;
    top: 3px;
    letter-spacing: 0;
    z-index: 10;
    display: block;
    float: left;
    height: 20px;
    position: relative;
    overflow: hidden;
    margin: auto 10px;
                    }
.lavaLampNoImage li a:hover, .lavaLampNoImage li a:active {
    border: none;
	color: #fff;
                   }   
							
	
/* Main Content*/	

#content {
	float:left;
	width: 600px;
	height:100%;
	padding:10px 0px 0px 0px;
	}
.title{
	margin: 0 0 0 0px;
	padding: 0px 0px 0px 0px;

}	

.date {
	font-size:10px;
	font-family:Tahoma, century gothic,Arial,Verdana,Helvitica,sans-serif;
	padding:5px 5px 0px 5px;
   	color:#222;
	text-transform: uppercase;

	}
	
	
.single {
	width:600px;
	margin: 0px 5px 15px 10px;
	height:100%;
	color:#504945;
	font: 13px Tahoma, century gothic,Arial,verdana, sans-serif;
	background:#fff;
	border:1px solid #CACFA8;
	}

.single  h2 {
	margin: 0px 0 0px 0;
	padding: 5px 0px 5px 10px;
	text-align: left;
	font: 20px  Georgia,century gothic,Arial,verdana, sans-serif;
	font-weight:normal;
	overflow:hidden;
	

	}

.single  h2 a, .single  h2 a:link, .single  h2 a:visited  {
	color:#7F3D07;
	background-color: transparent;
	}
.single  h2 a:hover  {
	color: #7F3D07;
	background-color: transparent;
	}	
.author{
	color:#4c6528;
	padding:3px 0 3px 20px;
	margin-left:3px;
	background:url(images/user.png) no-repeat;
}
.clock{
	color:#4c6528;
	padding:3px 0 3px 20px;
	margin-left:5px;
	background:url(images/time.png) no-repeat;
}	

.comm{
	padding:3px 0 3px 20px;
	margin-left:5px;
	background:url(images/comment.png) no-repeat;
	position:relative;
	
}

.comm a:link,
.comm a:visited {
	color:#4c6528;
}
.comm a:hover{
	color:#414E34;
}


.singleinfo {
	height:20px;
	margin:0px 0px;
	padding: 0px 0px 5px 0px;
	font:12px  Georgia, Arial,century gothic,verdana, sans-serif;
			}
	

.category{
	padding:3px 0 3px 20px;
	margin-left:5px;
	background:url(images/cat.png) no-repeat;
	font: 10px  Tahoma,century gothic,Arial,verdana, sans-serif;
}

.category a:link,.category a:visited{
	color:#c55800;

	}
	
.category a:hover{
	color:#333;
	}
	
.entry {
	margin:0 0;
	padding: 0px 5px 5px 5px;
	
	}	
	
.entry a:link,
.entry a:visited {
	color: #AC0604;
	background-color: transparent;
}
.entry a:hover {
	color:#455236;
	background-color: transparent;
	text-decoration: none;
}

	
	
.entry p{
	margin:5px 5px;
	padding:0px 0px;
	line-height:20px;

}


/* right column */
.right{
	
	float:right;
	width:190px;
	padding:0 0px 0px 0;
	
}

/* The Sidebar1 */
.sidebar1{
	float:left;
	width:180px;
	padding-top:5px;
	font-size:11px;
	font-family:Tahoma,Century gothic, Arial, sans-serif;
	padding-left:10px;
	}

.sidebar1 h2 {
	line-height:30px;
	font-size:14px;
	color:#fff;
	margin:5px 0 0px 0 ;
	padding:0px 0 0 5px;
	background:#637746;
	font-weight:bold;
	font-family:Georgia,Century gothic, Arial, sans-serif;
	text-transform:uppercase;
	border-bottom:1px solid #687F47;
	}
.sidebar1 ul {
	list-style-type: none;
	margin: 0 ;
	padding: 0;

	}

.sidebar1 ul ul  {
	list-style-type: none;
	margin: 0;
	padding: 0px 0px 10px 0px;
	background-repeat:no-repeat;
		}

.sidebar1 ul ul ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border:0;
	}

.sidebar1 ul ul ul ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border:0;

	}
	
.sidebar1 ul li {
	height:100%;
	line-height:18px;
	float: left; 
	clear: left;	
	width: 180px;
	text-transform:uppercase;
	}

.sidebar1 ul li a:link, .sidebar1 ul li a:visited {
	background:#CEDFB5;
	color:#505F3B;
	border-bottom:1px solid #BFCFA8;
	text-decoration: none;
	padding: 5px 0px 5px 5px;
	display:block;

	}

.sidebar1 ul li a:hover {
	background:#fff;
	color: #637746;
	}

.sidebar1 p {
	padding: 7px 10px;
	margin:0;
	}

.sidebar1 table {
	width:100%;
	text-align:center;
	color:#787d7f;
	}	
	
	
/* The Sidebar2 */	
.sidebar2{
	float:right;
	width:180px;
	padding-top:5px;
	padding-right:10px;
	font-size:11px;
	font-family:Tahoma,Century gothic, Arial, sans-serif;
	}

.sidebar2 h2 {
	line-height:30px;
	font-size:14px;
	color:#fff;
	margin:5px 0 0px 0 ;
	padding:0px 0 0 5px;
	background:#637746;
	font-weight:bold;
	font-family:Georgia,Century gothic, Arial, sans-serif;
	text-transform:uppercase;
	border:1px solid #687F47 ;
	}
.sidebar2 ul {
	list-style-type: none;
	margin: 0 ;
	padding: 0;

	}

.sidebar2 ul ul  {
	list-style-type: none;
	margin: 0;
	padding: 0px 0px 10px 0px;
	background-repeat:no-repeat;

	}

.sidebar2 ul ul ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border:0;

	}

.sidebar2 ul ul ul ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border:0;

	}
	
.sidebar2 ul li {
	height:100%;
	line-height:18px;
	float: left; 
	clear: left;	
	width: 180px;
		text-transform:uppercase;
	}

.sidebar2 ul li a:link, .sidebar2 ul li a:visited {
	background:#CEDFB5;
	color:#505F3B;
	border-bottom:1px solid #BFCFA8;
	text-decoration: none;
	padding: 5px 0px 5px 5px;
	display:block;


	}

.sidebar2 ul li a:hover {
	background:#fff;
	color: #637746;
		}

.sidebar2 p {
	padding: 7px 10px;
	margin:0;

	}

.sidebar2 table {
	width:100%;
	text-align:center;

	color:#787d7f;
	}		


/*calendar*/

#wp-calendar{
	width: 100%;
	padding: 0 0 15px;

}

#wp-calendar caption{
	padding: 5px 5px ;
	font-size:16px;
	
}

#wp-calendar th, #wp-calendar td{
	padding: 5px;
	text-align:center;

	color:#252525;
}

#wp-calendar td a{
	background:#fff;
	padding: 5px 0px;
}
#wp-calendar td{
	background:transparent;
}
#wp-calendar td, table#wp-calendar th{
	padding: 2px 0;
}		
	
	
/* --- FOOTER --- */

#footer {
	height:25px;
	padding:15px 0 0 0px;
	color:#EFE2A4;
	font-size:11px;
	font-weight:normal;
	text-align:center;
	letter-spacing:1px;
	font-family: Tahoma,georgia,Century gothic,  Arial, sans-serif;
	float:left;
	width:100%;
	background:#8e551f;
	border-top:3px solid #cb7728;

	}

#footer a:link , #footer a:visited{
	color:#EFE2A4;
	}

#footer a:hover {
	color:#fff;
	}


/* The Navigation */

#navigation{	
	width:600px;
	margin:0px 0px 0px 0px;
	padding:0px 5px 10px 5px;

	}

	
/* The Attachment */

.contentCenter {
	text-align:center;
	}

/* The Page Title */

h2.pagetitle {
	padding:5px 5px;
	margin:0px 0 10px 5px;
	font-size:16px;
	text-align:center;
	color:#4A413C;
	font-family:Georgia,Century gothic,Arial, Helvetica, sans-serif;
	}


#comment{

	height:100%;
	padding:0px 5px 10px 10px;
	margin:0px 0px;
	width:100%;
	}
	
h3#comments {
	padding:5px 10px;
	margin:10px 0px;
	border:1px solid #DEDCDD;
	font-size:20px;
	font-weight:normal;
	color:#444;
	background:#fff;
	font-family:Georgia,Century gothic,Arial, Helvetica, sans-serif;
	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	} 	
	
#respond{

	height:100%;
	padding:0px 5px;
	margin:0px 0px;
	background:#fff;
	border:1px solid #DEDCDD; 
	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
}	
#respond h3{
	padding:5px 10px 5px 10px;
	margin:10px 0px;
	font-size:22px;
	font-weight:normal;
	color:#444;
	font-family:Georgia,Century gothic,Arial, Helvetica, sans-serif;
	}
#commentform {
	padding:0px 10px 10px 10px;
	margin:0px 0px 0px 0px;
	color:#BFAFA7;
	font-family:tahoma,Century gothic,Arial, Helvetica, sans-serif;
	}
	
#commentform p {	
	color:#3f79c4;

	}
#commentform input {
	background:#F4F4F4;
	border:1px solid #DEDCDD;
	color:#444;
	padding-left:10px;

	}
#commentform textarea {
	background:#F4F4F4;
	border:1px solid #DEDCDD;
	color:#444;
	width:95%;
	padding:5px 5px;

	}
.comments input#submit {

	width:auto;
	line-height:25px;
	padding:3px 5px;
	background:#863E06;
	border:2px solid #CB7728;
	color:#fff;
	font-family:tahoma,Century gothic,Arial, Helvetica, sans-serif;
	}

ol.commentlist { 
	list-style:none; 
	margin:0; 
	padding:0; 
	text-indent:0; 
	
	}
	
ol.commentlist li { 

	border:1px solid #DEDCDD; 
	margin:0 0 10px; 
	padding:5px 7px 5px 57px; 
	position:relative;
	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
 }
 
ol.commentlist li div.comment-author { 
	padding:0 170px 0 0; 
}
ol.commentlist li div.vcard { 
	font:20px Georgia, helvetica,arial,sans-serif; 
	padding:5px 0px;
}

ol.commentlist li div.vcard cite.fn { 
	font-style:normal; 
}
ol.commentlist li div.vcard cite.fn a.url { 
	color:#c00; 
	text-decoration:none; 
}
ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; 
}

ol.commentlist li div.vcard img.avatar { 
	border:5px solid #ddd; 
	left:7px; 
	position:absolute; 
	top:7px; 
}

ol.commentlist li div.comment-meta { 
	font:12px Tahoma, helvetica,arial,sans-serif; 
	position:absolute; 
	right:10px; 
	text-align:right; 
	top:5px; 
}

ol.commentlist li div.comment-meta a { 
	color:#0083DB; 
	text-decoration:none; 
}

ol.commentlist li div.comment-meta a:hover { 
	color:#000; 
}
ol.commentlist li p { 
	font:normal 12px Tahoma, helvetica,arial,sans-serif;
	margin:0 0 1em;
	line-height:18px;
 }
 
ol.commentlist li ul { 
	font:normal 12px/1.4 helvetica,arial,sans-serif; 
	list-style:square; 
	margin:0 0 1em;
	padding:0; 
	text-indent:0;
 
 }
 
ol.commentlist li div.reply {  
	background:#5A6F37; 
	border:2px solid #374128; 
	color:#fff; 
	font:bold 9px/1 Tahoma, Georgia,arial,sans-serif;
	padding:5px 10px;  
	text-align:center; 
	width:36px;
 }
 
ol.commentlist li div.reply a { 
	color:#fff; 
	text-decoration:none; 
	text-transform:uppercase; 
}

ol.commentlist li ul.children { 
	list-style:none; 
	margin:1em 0 0; 
	text-indent:0; 
}

ol.commentlist li ul.children li.depth-2 { 
	margin:0 0 .25em; 
}

ol.commentlist li ul.children li.depth-3 { 
	margin:0 0 .25em; 
}

ol.commentlist li ul.children li.depth-4 {
	margin:0 0 .25em; 
 }

ol.commentlist li.even { 
	background:#fff;
}

ol.commentlist li.odd { 
	background:#fff;
 }
 
ol.commentlist li.pingback div.vcard { 
	padding:0 170px 0 0; 
}




.banner{
	margin: 10px 0px 0 0;
	padding: 0px 10px 0 0px;
	float:right;
	height:100%;

}

.banner ul {
   	 margin: 0px 0px;
	 padding: 0px 0px;
	overflow:hidden;
	float:left;
}
	 
.banner li{

	margin:  0px 0px 5px 0px ;
	padding:0px 0px ;
	list-style:none;
	display : block;
	overflow:hidden;
	background:#D2D5DA ;
	border:1px solid #fff;

}

.banner li a:link, .banner li a:visited {
	text-decoration: none;
}
""" Ayrı bir konu açmak istemedim: sağ sidebarlı temalara sol sidebar eklemek istiyorum bunu nasıl yapabiliriz acaba?