Christmas is based on a northern hemisphere Christmas with snow and warm red fires, or it could be the red embers from a traditional Australian Christmas bushfire.

Christmas is is based on Aardvark and needs Aardvark installed first. This version is 6.x-1.0 from November 12, 2009. A download will be provided on request.

Special features

The hat image is supplied as an SVG file so you can modify the file in any way you like using Inkscape. Other SVG files are suggested for future decorative effects.

The navigation bar is loaded after the content to make the page easier to read using screen readers. The load order is header. content, sidebar first, sidebar second, navigation, then footer. All the current themes with that load order have fixed height navigation bars and break when you have a few menu entries or a narrow screen. Christmas changes the height when you change the screen width. Try resizing this screen to see the result.

The original Christmas theme was converted to a subtheme of A3 Atlantis because A3 Atlantis theme is one of the best content first themes. Unfortunately A3 Atlantis is not easy to use for subthemes. Christmas was then moved to Basic, a starter theme you modify instead of using subthemes. Basic is also a bit messy because basic is a cut down Zen. Christmas is now based on Aardvark to make common modifications easier and to make the page download faster.

Examples of use

• D-theme.com
• paliy.biz

Regions

The regions are Header, Content top, Content bottom, Sidebar first, Sidebar second, and Footer.

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>:

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><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>:

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

• li
• li