Aardvark is fluid width with the content in the output before the sidebars. The theme includes lots of small CSS based subthemes demonstrating different colours and variations of layout.

All the colours used in Aardvark are defined using the hexadecimal notation, #rrggbb, instead of using extended HTML colour names. Alice Blue uses colour names. There are reports of browsers not working with the extended names but no current list. If you spot a browser that fails to work with the Alice Blue colours and works with this page, please add a comment and include the browser details, especially the version from the browser About page.

This version of Aardvark is 6.x-1.0 from 2010-Apr-17 and includes the following subthemes.

• Alice Blue is light blue and has a body margin of 0.5em.
• Antique White is light beige fluid theme with a body margin of 1%.
• Aqua
• Aquamarine
• Azure
• Beige
• Bisque
• Black
• Blanched Almond
• Blue
• Blue Violet
• Brown
• Cerulean
• Cerulean Blue
• Chartreuse
• Cornflower Blue
• Dark Green
• Deep Sky Blue
• Gainsboro
• Hot Pink
• Linen
• Medium Aquamarine
• Navy
• Orange Red
• Red
• Rhododendron Pink
• Turtle
• White

Christmas is another theme based on Aardvark and is a separate download. Colours was a base theme for several themes and all those themes are now based on Aardvark.

Regions

The available regions are header, left sidebar, content, right sidebar, and footer.

Sites using Aardvark

IsabellaStirling.com uses Aardvark with little more than a colour change. Isabella Stirling is a surprising young lady raising money for a worthwhile cause. The site has the details. Go visit just to enjoy the colour.

PeterMoulding.com uses Aardvark with some colour changes for branding and for clarity when editing and reviewing content.

Validation

The W3C and Total Validator agree this theme is XHTML 1.0 Strict.

The CSS validates at levels 2.1 and 3.

TV validates the theme as WCAG (WAI) A, AA, AAA, and US 508. Cynthia Says agrees this theme is US 508 and WAI as far as a computer can check. WAVE did not detect accessibility errors.

Example HTML

Here are example HTML elements to see how they are formatted by this theme.

<a href="?x">link 1</a>: link 1 This is a test of a link you have not visited. See how links are highlighted. Hover your mouse over this link to see any hover effects that might be used then select the link to see the link displayed as visited.

<a href="?y">link 2</a>: link 2 Leave this link unselected as a comparison link you have not visited.

<abbr title="abbreviation">abbr</abbr>: abbreviation

<acronym title="Cyclic Redundancy Checksum">CRC</acronym>: CRC

<blockquote cite="http://d-theme.com/blockquote" title="Example title">blockquote</blockquote>:

blockquote

<cite>cite</cite>: cite

<code>code</code>: code

<div>div</div>:

<form> and <input>: The the comments form at the end of this page (if you are logged in).

<em>em</em>: em

<h1>h1</h1> is usually the top heading in the page. Repeating h1 in this test would break heading nesting.

<h2>h2</h2>:

h2

<h3>h3</h3>:

h3

<h4>h4</h4>:

h4

<h5>h5</h5>:

h5

<h6>h6</h6>:

h6

<hr />:

<ol><li>li</li></ol>:

1. li

<p>paragraph</p>:

paragraph

<pre>.h3
      {
      font-size: 1.17em;
      }</pre>

.h3
      {
      font-size: 1.17em;
      }

<q>quote</q>: quote

<span>span</span>: span

<strong>strong</strong>: strong

<table><thead><tr><th>th1</th><th>th2</th></tr></thead>
<tbody>
<tr><td>td1</td><td>td2</td></tr>
<tr><td>td3</td><td>td4</td></tr>
</tbody>
</table>:

<ul><li>li</li><li>li</li></ul>:

• li
• li