Primordial Ooze

If you notice, my last post contained some blockquote text with some highlights. This was accomplished using the <span> tag. I simply defined this css in my sites style:

span.highlight
{
    background: #FFFB94;
}

<span> differs from <div> in that the latter defines a block that at the very least necesitates a new paragraph and at the very most can be positioned as an arbitrary rectangle in any pixel location on your page. <span> is used to do exactly what I did for highlighting text.

I Googled for a good color for highlighter yellow since regular yellow was a bit too bright. I put these customizations in a separate CSS file which is separate from my site’s main theme-related CSS files. CSS does stand for “Cascading Style Sheets” so this layering is natural.

Plus, if I ever change themes, nick.css should remain untouched by Movable Type’s StyleCatcher plugin:

/* This is the StyleCatcher theme addition. Do not remove this block. */
@import url(/blog/themes/base-weblog.css);
@import url(/blog/themes/theme-blue_crush/theme-blue_crush.css);
/* end StyleCatcher imports */
@import url(/blog/themes/nick.css);