Genesis

Genesis is designed to be the base for other themes.

Download Genesis from drupal.org/project/genesis. This version of Genesis is 6.x-2.4 from 2009-Jun-12, a 154.6 KB download.

You install Genesis then copy a prebuilt subtheme named Genesis SUBTHEME and modify the copy to fit your need. There are some more subthemes online plus documentation on how to build a subtheme.

Genesis Cold Day, Genesis Darkmatter, Genesis LITE, Genesis Typo 1, Genesis Webify, Genesis WebX, and Genesis Zine are themes based on Genesis version 1 and are not yet compatible with the Genesis version 2 used on this page.

This theme has some HTML errors. The following line has a link inside a link.
<a href="/" title="Home page" rel="home"><a href="/" title="Home page" rel="home">D theme for da Web</a></a>

This theme fails as WCAG (WAI) at level AA with an improperly nested heading.
<h2 class="block-title">User login</h2>

Validation as CSS 3 produced the following error.
URI : http://d-theme.com/sites/all/themes/genesis/genesis/css/base.css?n
164 ul.secondary li Value Error : list-style 0 is not a list-style-position value : 0

If you want compatibility with older browsers, validation as CSS 2.1 produced the following errors.
URI : http://d-theme.com/sites/all/themes/genesis/genesis/css/base.css?n
85 Unknown pseudo-element or pseudo-class :last-child
85 Unknown pseudo-element or pseudo-class :last-child
164 ul.secondary li Value Error : list-style 0 is not a list-style-position value : 0

Cynthia Says the theme is US 508 and WAI compliant as far as a computer can check. Wave did not detect accessibility errors.

The theme is described as content first. The actual order of output is header then navigation then the content columns then the sidebars.

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