I was able to add the tiny icons to my metadata. However they won't align with the text like I want them to.
I'm sure it's the padding. I've included the code and you can see how it looks on
breathesunshine.
oh and this is a layout by
minty_peach .currents, .currentmood, .currentmusic {
font-family: arial;
font-size: 10px;
}
.currentlocation {
color: #999999;
padding-left: 13px;
font-size: 10px;
text-transform: lowercase;
font-family: "arial" Helvetica, sans-serif;
background: url('
http://i298.photobucket.com/albums/mm279/bodysnatcher4ever/tiny%20icons/house-gray.png') 0px 2px no-repeat;
}
.currentmood {
color: #999999;
padding-left: 9px;
font-size: 10px;
text-transform: lowercase;
font-family: "arial" Helvetica, sans-serif;
background: url('
http://i298.photobucket.com/albums/mm279/bodysnatcher4ever/tiny%20icons/heart.png') 0px 2px no-repeat;
}
.currentmusic {
color: #999999;
padding-left: 13px;
font-size: 10px;
text-transform: lowercase;
font-family: "arial" Helvetica, sans-serif;
background: url('
http://i298.photobucket.com/albums/mm279/bodysnatcher4ever/tiny%20icons/notes-black.png') 0px 2px no-repeat;
}
.ljtags {
margin-top: 25px;
margin-left: 1px;
color: #777777;
padding-left: 13px;
text-transform: lowercase;
font-family: "arial" Helvetica, sans-serif;
background: url('
http://i298.photobucket.com/albums/mm279/bodysnatcher4ever/tiny%20icons/tag-green2.png') 0px 2px no-repeat;
}
.ljtags a, .ljtags a:link, .ljtags a:visited {
color: #ACB034;
font-size: 7pt;
text-transform: none;
}
.currentlocation a, .currentlocation a:link, .currentlocation a:visited {
color: #ACB034;
font-size: 7pt;
text-transform: lowercase;
}
.currentlocation a:hover, .ljtags a:hover {
color: #aaaaaa;
text-transform: lowercase;
text-decoration: none;
}