Valaki ért a CSS-hez? – megoldva! :)

Írta JonC Ekkor: 2010. február 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!

Ezek is érdekelhetnek:

betűleves

help!, technikai probléma

http://nfol.extra.hu Nfol

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; }
JonC

hűű köszi! sikerült!
http://coruscus.hu bachterman

é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.

Új postok

Tagek

agymenés ajánló android anyjukat art blog borong brutális durva elemzés elmélkedés elvont emmándöfi game gondolkodik hasznos help! helyzetjelentés hosszú írás humor hétfőpost hír kockulás komoly közélet leírás link minecraft nosztalgia politika poén program retro röhej saját stuff szolgközl sztori szósölnetvörk technikai probléma társadalom társadalomkritika villámpost zene észtoszt örülünk

WP Cumulus Flash tag cloud by Roy Tanck and Luke Morton requires Flash Player 9 or better.

Kommentek

JonC:a nem tökéletességhez kapcsoló
dheadz:Én XBOX-on nyomom, és sajna ot
JonC:hát itt nem nagyon akar működn
JonC:nem, ennyire még nem másztam b
Nfol:A GTA2-ben ez ugye úgy működöt
bachterman:a fus ro dah is megvolt?
JonC:hja, nevettem is erősen, amiko
bachterman:játsszál skyrim-et inkább. abb
JonC:igen, ez a legmegfelelőbb szó
bachterman:érdekes lett.

Ráktalicska

… hogy görbíti a teret…