Header block body. This block shows you what a block looks like in the header region and does not have a title because the title heading would cause a WCAG AA heading nesting error.
Antique White
Antique White is white without the glare from D-theme.com.
This theme is based on Aardvark. The only changes are the colour and a 1% padding around the body to take the text away from the edge of the window.
The padding is measured in % to contrast against the em used in Alice Blue and the pixels used in Aqua. When the browser window space is limited, the padding will decrease to leave more room for content. Try shrinking your browser window to see the effect on the padding.
The CSS contains
/* Antique White from D-theme.com White without the glare from D-theme.com and PeterMoulding.com. Created by PeterMoulding.com 2008. Converted to use Aardvark, An Adaptible Reliable Detailed Valid Architected theme Anyone can Recolour with a little Knowledge Antique white, #faebd7, is the main colour. Dark slate grey, #2f4f4f, is the contrast colour. */ body, h1, h2, h3, h4, h5, h6, #navigation ul li.active a, .preview .node, #page, #header, #footer, tr.odd, #site-name, #site-name a:link, #site-name a:visited, tr.even, ul.primary li a { background-color: #faebd7; color: #2f4f4f; } div.codeblock, /* Override codefilter.css */ #navigation, #navigation ul li a:hover, pre, #navigation ul li a, pre, code, tt, /* Code */ ul.primary li a:hover, ul.primary li.active a { color: #faebd7; background-color: #2f4f4f; } body { padding: 1%; }
Validation
This theme inherits all the good features of Aardvark. If you use the header block with a title, the title will create a WCAG AA heading nesting error. Either do not use the header block or leave the title out of the header block.
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.
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>:
- 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><td>th1</td><td>th2</td></tr></thead>
<tbody>
<tr><td>td1</td><td>td2</td></tr>
<tr><td>td3</td><td>td4</td></tr>
</tbody>
</table>:
| th1 | th2 |
| td1 | td2 |
| td3 | td4 |
<ul><li>li</li><li>li</li></ul>:
- li
- li
Content block title
Content block body. This block shows you what a block looks like in the content region.
