A3 Atlantis is fixed width, with two or three columns, validates, and is a good example of shaded edges and backgrounds.

The CSS is only 12KB. That map of the world is a giant 38KB PNG. The developers provide a PSD format file so that Photoshoppers can produce modified images. An SVG file would be better so we can modify the image and export in any size using Inkscape.

Download A3 Atlantis from drupal.org/project/a3_atlantis. This version is 6.x-1.2 from 2008-Aug-24, a 56.76 KB download.

Regions

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

Validation

This theme passes CSS 3 validation.
It fails CSS 2.1 validation because it uses a property that is only in CSS 3.
URI : http://d-theme.com/sites/all/themes/a3_atlantis/style.css
170 #content Property overflow-x doesn't exist in CSS level 2.1 but exists in [css3] : hidden

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