Dreamy is fixed width with two columns.

Download Dreamy from drupal.org/project/dreamy. This version is 6.x-1.4 from 2008-Jul-17, a 37.1 KB download.

validation

W3C says the theme is CSS 2.1 and CSS 3 compliant. Both W3C and TV agree it is XHTML 1.0 Strict. TV and Cynthia Says agree it is US 508 compliant. Cynthia Says it is WAI compliant as far as a computer can check. Wave did not detect accessibility errors.

The theme fails the WCAG AA test because of a link without content:
<a class="feed-button" href="/rss.xml"></a>

Width

Overall the theme is too narrow for some uses. When you use a narrow theme on a Drupal site, you have to use a wider them in the administrative area to display lists containing many columns.

This theme contains some modifications to reduce errors. There are people working on an update.

The page is bound by a CSS wrapper class that limits the width. Look in style.css for the following class definition. Change the 700 in width: 700px; to 800 or 900 to improve the page width. You can remove the line completely to get a fluid width. The only strange bit will be the white space next to the pretty heading picture.
#wrapper {
  margin:0 auto;
  width:700px;
  background:#ffffff;
  font-size:1.20em;
}

This page is now set to 900 pixels wide and there is not white space because of an experimental improvement that will go back to the theme developers.

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