Alice Blue is a very light blue theme with a margin from D-theme.com.

This theme is based on Aardvark. The only changes are the colour and a 0.5 em padding around the body to produce a slight space between the text and the edge of the window.

The padding is measured in em because em is proportional to the font size. When the default font size is increased, the padding will increase in proportion. Try shrinking your browser window to see the effect on the padding. Compare this padding to the 0 padding in Aardvark, the 1% padding in Antique White and the pixels used in Aqua.

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

The CSS contains

/*
Alice Blue from D-theme.com
A very light blue theme 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
aliceblue, #f0f8ff, is the main colour.
darkgreen, #006400, 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: aliceblue;
	color: darkgreen;
	}
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
	{
	background-color: darkgreen;
	color: aliceblue;
	}
body
	{
	padding: 0.5em;
	}

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