No replies
bizzy401
Offline
newbie
Ft Eustis, VA
Last seen: 13 years 19 weeks ago
Ft Eustis, VA
Joined: 2008-12-31
Posts: 3
Points: 0

I am looking for an explanation of code that I am trying to edit for a blogger website. I don't really know CSS outside of what i have learned by editing and playing with existing code.

#sidebar-wrapper {
	float: right;
	width: 285px;
	padding: 0; 
	margin: 0 45px 0 0;
	display: inline;
 
}
 
#sidebar-wrapper ul{
	margin:0;
	padding:0;
}
 
#sidebar-wrapper li{
	list-style: none;
	margin: 0;
	padding: 0px 0px 0px 0px; 		
	border-bottom: 1px solid #E8E8E8;
}
* html body #sidebar-wrapper li {
	height: 1%;
}
#sidebar-wrapper li a {
	width: 285px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;	
	color: #9D9544;
	background: none;
	font-weight: normal;
}
#sidebar-wrapper li a:hover {
	width: 285;
	padding: 0px 10px 0px 0px;
	color: #000;	
	background: none;	
}
#sidebar-wrapper li a span {
	width: 285px;
	color: #720000;
	padding: 0px 0px 0px 0px;
	font-size: .9em;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-style: italic;
	font-weight: normal;
	}
#sidebar-wrapper h2 {
	text-align: center;
	height: 42px;
	color: #FEAD00; 
	font: bold 1.5em 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
	text-transform: none;
	letter-spacing: -0.5px;
	padding: 13px 0 0px 0px; 
	margin: 0px 0 0px 0px;
	background: #000 url(<a href="http://i40.photobucket.com/albums/e210/bizzy401/widgetBGtop.jpg?t=1231269043" rel="nofollow">http://i40.photobucket.com/albums/e210/bizzy401/widgetBGtop.jpg?t=1231269043</a>) center top;
}
.sidebar .widget {
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	text-decoration: none;
	background: #000 url(<a href="http://i40.photobucket.com/albums/e210/bizzy401/widgetBG.jpg?t=1231268853" rel="nofollow">http://i40.photobucket.com/albums/e210/bizzy401/widgetBG.jpg?t=1231268853</a>) repeat-y center top;
}
 
#sidebar-wrapper form#qsearch {
	padding: 0; margin: 20px 0 30px 10px;
	border: none;
	width: 263px; height: 33px;
	background: #F2F0F0 url(<a href="http://bp2.blogger.com/_Zuzii37VUO4/SJfX7GctxgI/AAAAAAAAC54/gDdVpWanhDM/s1600/qsearch.gif" rel="nofollow">http://bp2.blogger.com/_Zuzii37VUO4/SJfX7GctxgI/AAAAAAAAC54/gDdVpWanhDM/s1600/qsearch.gif</a>) no-repeat;		
}
#sidebar-wrapper form#qsearch p {
	margin: 0; padding: 0;		
}
#sidebar-wrapper form#qsearch input {
	float: left;
	border: none;
	background: transparent;
	color: #B8B8B8;	
	margin: 0;
}
#sidebar-wrapper form#qsearch .tbox {
	margin: 5px 0 0 5px; 
	width: 220px;	
	display: inline;	
	font: 1em 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;	
}
#search form#qsearch .btn{
	width: 24px; height: 24px;				
}
#sidebar-wrapper form#qsearch label {
	display: none;
}

The website in question is http://www.onegnomesjourney.com. I am trying to move around the text on the side bar and having quite a hard time trying to figure out which block of code is for what. I figured out the header and got that centered, but the proper block of code for the text in the body still evades me.

Thanks for all of your help in advance.