valiha: watercolor painting of my cat Lola (Default)
valiha ([personal profile] valiha) wrote in [community profile] style_system2010-12-30 12:17 am

Styling comments and notifications

(OK, I fumbled this one and posted it to the wrong comm, so this time I'm double checking to make sure it goes to the right location)

My question is this: I would like to style replies and IP address notifications for [community profile] mag7wallpapers.

Using Firebug I discovered that span.de is what I needed to style. I followed the instructions used on this web page but the result wasn't exactly what I was hoping for. The notice now covers the Post comment, Preview and More options buttons, and I can't figure out how to separate the two.

I would also like to lower the Quote button next to Subject, or move it up - make that whole area neater, because the elements are all over the place - if it can be done. And also, have the notice expand to the width of the textarea.

(click to enlarge)

Help?

Original css:


Edited css:


(Fingers crossed!)
marahmarie: (M In M Forever) (Default)

[personal profile] marahmarie 2010-12-30 04:25 am (UTC)(link)
If you'll put the CSS that you had when you posted here back in I can check to see what the problem is tomorrow sometime, hopefully, since I have to get offline now. I can tell you're online since every time I check your CSS with the Web Dev add-on you've changed the span.de styling again, but I didn't catch the page in time to see the original issue you were having with it.

span.de is actually pretty easy to style (check my journal's reply pages for my ideas on that) but I've never added an image to it before, and I'm not sure if you want the IP notice floating or fixed (floating might be another issue).

The quote button can probably be moved where you want it with CSS, but again, I can't really check until tomorrow...
ninetydegrees: Art & Text: heart with aroace colors, "you are loved" (Default)

[personal profile] ninetydegrees 2010-12-30 11:49 am (UTC)(link)
I can't help with the quote button but adding display: block; to span.de worked for me.