D theme for da Web

Sunset is fixed width with three column and a sidebar on each side.

Download Sunset from drupal.org/project/sunset. This version is 6.x-1.02 from 2010-Mar-31, a 148.47 KB download.

Regions

Validation

Both the W3C and Total Validator agree this theme validates as XHTML 1.0 Strict. The theme then fails WCAG A validation and US 508 validation because the following image element does not have an alt attribute.
<input type="image" name="op" value="Log in" id="edit-submit" class="form-submit" src="/sites/all/themes/sunset/images/login.gif" />

Wave reported only one error, a book reference returned from amazon.com that contains suspect alt text for an image. The theme developer cannot be blamed for an error created by Amazon so this theme is marked as passed by Wave.

Validation as CSS 3 produced 60 errors and validation as the older CSS 2.1 produced 75 errors. Here are the first few. Note that some properties, including box-shadow, are added in CSS 3. Other properties, including -moz-box-shadow and -webkit-box-shadow, are short term substitutes for some browsers that do not support the CSS 3 standard.
URI : http://d-theme.com/sites/all/themes/sunset/style.css?l
51 h1 Property -webkit-box-shadow doesn't exist : 0 0 10px #f23005 0 0 10px #f23005
52 h1 Property -moz-box-shadow doesn't exist : 0 0 10px #f23005 0 0 10px #f23005
53 h1 Property box-shadow doesn't exist in CSS level 2.1 but exists in : 0 0 10px #f23005 0 0 10px #f23005
54 h1 Property border-radius doesn't exist in CSS level 2.1 but exists in : 0 10px 10px 0 0 10px 10px 0
55 h1 Property -moz-border-radius doesn't exist : 10px 10px 0 0 10px 10px 0 0
56 h1 Property -webkit-border-top-right-radius doesn't exist : 10px 10px
57 h1 Property -webkit-border-top-left-radius doesn't exist : 10px 10px

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