Ah, great; you’re reading the comments! What browsers are you targetting? If you’re not supporting IE6, there’s a number of things you could do using CSS instead.
• Use ::before to generate the line numbers based on the elements: .info {counter-reset: li} .info>*::before {counter-increment: li; content: counter(li);}
• The shadow could be a CSS3 box shadow (-webkit-box-shadow, -moz-box-shadow), unfortunately not supported in Opera. The shadow background image however could be applied by putting the checker pattern on html and the shadow on body (Yes, <html> and <body> can have separate background images!).
That would eliminate the need for an extra element for the shadow.
5 thoughts on “Isa Costa”
também quero ajuda à festa!
Looks good, unquestionably. But has some code quirks that could have been done a lot more elegantly.
, really?
I meant to say <section class=”shadow”></section>
I was just anxious to put it online 🙂
I know there are still some issues I would like to refine. Your point was definitely noted!
Thanks for your feedback 🙂
Ah, great; you’re reading the comments!
What browsers are you targetting? If you’re not supporting IE6, there’s a number of things you could do using CSS instead.
• Use ::before to generate the line numbers based on the elements:
.info {counter-reset: li}
.info>*::before {counter-increment: li; content: counter(li);}
• The shadow could be a CSS3 box shadow (-webkit-box-shadow, -moz-box-shadow), unfortunately not supported in Opera. The shadow background image however could be applied by putting the checker pattern on html and the shadow on body (Yes, <html> and <body> can have separate background images!).
That would eliminate the need for an extra element for the shadow.