Valaki ért a CSS-hez? – megoldva! :) | Ráktalicska
febr 11

Csak azért kérdezem, mert én nagyon nem, és egész egyszerűen képtelen vagyok megcsinálni, hogy a blog alapértelmezett (mintfresh nevű) témájában végre-valahára elegánsabbá tegyem a szöveg külalakját azzal, hogy széthúzom kicsit a sorok távolságát… Azt már sikerült kiderítenem, hogy valószínűleg a line-height:<érték>px; sort kéne beszúrnom, csak nem tudom hova… A tovább után olvasható a style.css-em, valaki segítene, hogy mit módosítsak rajta? 🙂

/*
Theme Name: mintfresh
Description: 3 coloumn premium theme
Author: Jinsona designs
Author URI: http://web2feel.com/
*/

body {
	margin:0 auto;
	padding-top:0px;
	background:#436a07 url(images/body.jpg) center repeat-y;
	font-family:Arial, Arial,Tahoma,sans-serif;
	color:#427204;
	font-size:13px;
	}
img {
    margin: 8px;
	border-style:groove;
	border-color:009999;
	border-width:3px;
	}
img.wp-smiley {
margin:0;
padding:0;
border:0;
}

a {
	color:#5e9805;
	text-decoration:none
	}
a:hover {
	color:#5e9805;
	text-decoration:none
		}
h1, h2, h3, h4, h5, h6 {
	
	}

blockquote, pre {
	background:#F4F5F7 url(images/blockquote.gif) 3px 3px no-repeat;    font-family: cursive;	// font-style: italic;
	border:1px dashed #CCC;
	padding:8px 12px 8px 36px;
	margin:5px 0;
}

code {
  font-style: italic;
  color: #3366cc;
  }	
  
.clear {
	clear:both;
	}
.alignleft {
	float:left;
	padding:2px 0 0 5px;
	}
.alignright {
	float:right;
	padding:2px 7px 0 5px;
	}

/* The Wrapper */

.wrapper {
	width:1000px;
	margin:0 auto;
	background:#5E9805;		
	}
	
	
/* The Top */

#top {
	height:244px;
	margin:auto;
	background:url(images/head.jpg);

	
	}
.blogname {
	float:left;
	width:1000px;
	font-family:"Century gothic",Verdana,Tahoma,sans-serif;	
	margin:0px 0 0 0;
	
	}
.blogname h1  {
	font-size:38px;
	font-weight:bold;
	margin:20px 0px 0 25px;
	color:#fff;
	text-decoration: none;
	text-align:left;
	}
.blogname h1  a:link, .blogname h1  a:visited{ 
	color: #fff; 
	text-decoration: none; 
	background-color:transparent;
	}
	
.blogname h1  a:hover { 
	color: #fff; 
	text-decoration: none; 
	background-color:transparent;
	}
.blogname h2 {
	margin:0px 0px 0 35px;
	font-size:16px;
	font-weight:normal;
	color:#fff;
	text-align:left;
	}
	


.rssicon{
	float: left;
	margin:0px 2px 0 3px;
	
}


.input{
	margin-left:5px;
	float: left;
	width: 210px;
	padding: 2px 3px;
	background: #EFEFEF url(images/form.gif) repeat-x;
	border: 1px solid #FFFFFF;
	font: normal 100% "century Gothic", Arial, Helvetica, sans-serif;
	color:#333;} 
.sbutton {
	margin-right:10px;
	float: right;
	margin-top: 0px;
	background: #167498 url(images/fbutton.jpg) repeat-x;
	border: none;
	font: bold 100% "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	height:24px;
	line-height:24px;
	}


/* Search */

.search {
	height:30px;
	width: 570px;
	padding-top:11px ;
	margin: 115px 0 0 40px;
	position:relative;
	float: left;
}

#search form {
	margin: 0;
	padding: 0;
}

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

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

#s {
	margin-left:10px;
	float: left;
	width: 470px;
	padding: 2px 3px;
	background: #EFEFEF url(images/form.gif) repeat-x;
	border: 1px solid #FFFFFF;
	font: normal 100% "century Gothic", Arial, Helvetica, sans-serif;
	color:#333;
}

#searchsubmit {
	margin-right:14px;
	float: right;
	margin-top: 0px;
	background: #167498 url(images/fbutton.jpg) repeat-x;
	border: none;
	font: bold 100% "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	height:24px;
	line-height:24px;
}


/* Content*/	
	
.line{

	height:9px;
	background:url(images/line.jpg)

}	
	
.content {
	padding:5px 5px 25px 7px;
	background:#5E9805 url(images/content.jpg);
	background-repeat:repeat-y;
	}	

#content {
	float: left;
	width: 635px;
	margin: 0px 0px 0px 0;
	padding: 0 0;
	}

.title{
	margin: 0 0 0;
	padding: 0px 0px 0px 5px;
	height:60px;
	background:url(images/title.jpg) no-repeat;
}	
.time{
	text-align:left;
	width:100px;
	height:25px;
	margin-top:2px;
	font-family:Century gothic,Verdana,Helvitica,sans-serif;
	padding:1px 0 0 4px;
	color:#fff;
	float:right;
	}

.date {
	float:left;
	height:14px;
	font-size:13px;
	font-family:century gothic,Verdana,Helvitica,sans-serif;
	margin-left:5px;
	margin-top:2px;
	padding-left:2px;
	font-weight:normal;
   	color:#f0ff7d;
	
	}
	
.post {
	margin: 10px 0px 0 5px;
	padding:0px 0px 0px 0px;
	height: 100%;    	text-align:left;
	color:#333333;		   	font: 13px Arial,Arial,georgia, sans-serif;
	}

.post h2 {
	margin: 0px 0 0 0;
	padding: 5px 0px 0px 5px;
	background: transparent;
	text-align: left;
	font: 24px Century gothic,verdana, Arial, sans-serif;
	font-weight:normal;

	}

.post h2 a, .post h2 a:link, .post h2 a:visited  {
	color: #fff;
	background-color: transparent;
	}
.post h2 a:hover  {
	color: #fff;
	background-color: transparent;
	}	
.author{
	background:url(images/user.png) no-repeat;
	padding:0 0 0 20px;

}
.clock{
	background:url(images/time.png) no-repeat;
	padding:0 0 0 20px;

}	

.postinfo {
	height:23px;
	padding: 7px 5px 2px 2px;
	
			}
.spostinfo {
	height:23px;
	padding: 7px 5px 2px 2px;

			}
.spostinfo a:link{
	color:#e64912;
	font-weight:normal;
	text-decoration:none;
	}			
.postinfo a:link{
	color:#e64912;
	font-weight:normal;
	text-decoration:none;
	}
.category{
	float:left;
	margin-left:10px;
	padding:0px 0 0 20px;
	background:url(images/category_icon.png);
	background-repeat:no-repeat;
	font-size:12px;
	
	}	
	
.tags{
	float:left;
	margin-left:10px;
	padding:0px 0 0 20px;
	background:url(images/tag_icon.png);
	background-repeat:no-repeat;
	font-size:12px;
	
	}	

.category a:link,.category a:visited{
	color:#e64912;
	font-weight:bold;
	text-decoration:none;
	}
	
.com{
	background:url(images/com.png) no-repeat;
	padding:0 0 0 20px;
}

.com a:link,
.com a:visited {

	color:#f0ff7d;

}
.com a:hover{

	color:#f0ff7d;
}
.entry a:link,
.entry a:visited {
	color: #fd5c02;
	background-color: transparent;
}

.entry a:hover {
	color:#fd5c02;
	background-color: transparent;
	text-decoration: none;
}

.entry {
	margin: 0 0;
	padding: 0px 10px;
	}
.cover{
	margin: 0 0;

	}
	
/* next & previous post navigation */
.post-nav {
	clear: both;
	padding-bottom: 35px;
	margin-top: 15px;
	font-size: 95%;
}
.post-nav a, .post-nav a:visited {
	color: #999999;
	text-decoration: none;
}
.post-nav a:hover {
	color: #000000;
	text-decoration: none;
}
.post-nav .previous a {
	float: left;
	padding-left: 20px;
	background: url(images/post-nav-previous.gif) no-repeat left center;
}
.post-nav .next a {
	float: right;
	padding-right: 20px;
	text-align: right;
	background: url(images/post-nav-next.gif) no-repeat right center;
}	
	
/* sidebar */
#rightcol{
	width:350px;
	float:right;
}
#about{

	padding: 0 0 5px 0;

	}

#about a{
	color: #425200;
}

#about p.text{
	padding: 5px 5px ;
	font-family: century gothic,Georgia, Arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
	text-align: justify;
	color: #fff;
}

#about img.avatar{
	float: left;
	margin: 0 15px 0 0;
}


/* The Sidebar1 */
.sidebar1{
	float:left;
	width:162px;
	padding-top:5px;
	padding-left:10px;
	font-size:14px;
	font-family: "Century gothic", Arial, sans-serif;
	

	}

.sidebar1 h2 {
	height:32px;
	line-height:30px;
	font-size:16px;
	color:#e6f672;
	margin:5px 0 0 0 ;
	padding:0px 0 0 10px;
	background:url(images/h2.jpg);
	

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

	}

.sidebar1 ul ul  {
	list-style-type: none;
	margin: 0;
	padding: 0px 5px 10px 5px;
	background:#498102 url(images/bottom.jpg) bottom;
	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;
	}

.sidebar1 ul li a:link, .sidebar1 ul li a:visited {
	color: #daef8e;
	text-decoration: none;
	padding: 5px 0px 5px 5px;
	display:block;
	font: verdana, arial, helvetica, sans-serif;
	background:#5e9805;
	background-repeat:no-repeat;
	border-bottom:1px solid #498102;

	}

.sidebar1 ul li a:hover {
	background:#fff;
	background-repeat:no-repeat;
	color:#498102;
	}

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

	}

.sidebar1 table {
	width:100%;
	text-align:center;
	background-color:#5e9805;
	color: #daef8e;
	}	
	
	
/* The Sidebar2 */	
.sidebar2{
	float:right;
	width:162px;
	padding-top:5px;
	padding-right:10px;
	font-size:14px;
	font-family: "Century gothic", Arial, sans-serif;
	color: #ffffff;
	}

.sidebar2 h2 {
	height:32px;
	line-height:30px;
	font-size:16px;
	color:#e6f672;
	margin:5px 0 0 0 ;
	padding:0px 0 0 10px;
	background:url(images/h2.jpg);
	

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

	}

.sidebar2 ul ul  {
	list-style-type: none;
	margin: 0;
	padding: 0px 5px 10px 5px;
	background:#154254 url(images/bottom.jpg) bottom;
	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;
	}

.sidebar2 ul li a:link, .sidebar2 ul li a:visited {
	color: #daef8e;
	text-decoration: none;
	padding: 5px 0px 5px 5px;
	display:block;
	font: verdana, arial, helvetica, sans-serif;
	background:#5e9805;
	background-repeat:no-repeat;
	border-bottom:1px solid #498102;

	}

.sidebar2 ul li a:hover {
	background:#fff;
	background-repeat:no-repeat;
	color:#498102;
	}

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

	}

.sidebar2 table {
	width:100%;
	text-align:center;
	background-color:#154254;
	color:#A4DDEF;
	}		
			
	
/* --- FOOTER --- */

#footer {
	height:30px;
	padding:30px 0 0 30px;
	background:#5E9805 url(images/footer.jpg);
	background-repeat:repeat-x;
	color:#fff;
	font-size:11px;
	font-weight:normal;
	text-align:left;
	letter-spacing:1px;
	font-family: Century gothic, georgia, Arial, sans-serif;

	}

#footer a {
	color:#e5ff13;
	}

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


/* The Navigation */

.navigation {
	height:25px;
	padding:10px 20px;
	font-family: "Century gothic", Arial, sans-serif;

	}
.navigation a {
	font-weight:bold;
	text-decoration:none;
	font-size:14px;
	color:#436A07;
	}
.navigation a:hover {
	color:#92b904;

	}

/* The Attachment */

.contentCenter {
	text-align:center;
	}

/* The Page Title */

h2.pagetitle {
	padding:0;
	margin:0 0 20px 0;
	font-size:25px;
	text-align:center;
	}

/* The Comments */

.comments {
	}
.comments form {
	}
.comments textarea {
	width:90%;
	height:156px;
	background:#ebffd2;
	border:1px solid #C0D724;
	color:#333;
	padding:10px;
	overflow:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	}
#comments-count{
	font-weight:bold;
	font-size:18px;
	padding:0 0 0 25px;

}	
	
#commentform {
	padding-left:23px;
	}
#commentform input {
	background:#ebffd2;
	border:1px solid #C0D724;
	color:#333;
	padding-left:10px;
	}
.comments input#submit {
	padding:0;
	width:72px;
	height:29px;
	}
.comments h2 {
	font-size:19px;
	line-height:30px;
	margin:24px 0 0 23px;
	padding:0;
	font-weight:normal;
	}
.comments ol li p {
	padding:0;
	margin:10px 0;
	color:#444;
	}

Előre is köszönöm a segítséget! 🙂

Ez jó, megosztom!
    

    3 hozzászólás to “Valaki ért a CSS-hez? – megoldva! :)”

    1. Nfol szerint:

      A content szakasz végén lévő .entry bejegyzéshez add hozzá a line-height tulajdonságot, vagy felvehetsz oda egy külön bejegyzést, amivel csak a kenyérszövegre ható sormagasságot állíthatsz be, így:

      .entry p { line-height: 1.5; }

    2. JonC szerint:

      hűű köszi! sikerült! 🙂

    3. bachterman szerint:

      épp akartam javasolni…
      amúgy az iblog2 skin számomra olvashatóbb, mint a ződ.
      de most már legalább tudom, hogy miért vannak zöld vezérlővel a tecsős videók.

    Kommentáld!

    
    preload preload preload