Green'n'Black is green, black, fixed width, with a sidebar of the left and on the right.

Download Green'n'Black from drupal.org/project/greenNblack. This version is 6.x-1.7 from 2008-Dec-13, a 34.36 KB download.

Configuration

The heading is jumbled up because there are several elements set to absolute positions and they overlap. On this site the primary menu is too wide to sit neatly in the bottom right corner of the heading.

You could turn off the primary links in the menu configuration or remove the absolute positioning from the CSS. Experiment here using the Firefox Firebug extension.

Regions

Left sidebar, Right sidebar, Sub Header, Content above nodes, Content, Header, Footer, and Top Menu.

Validation

The theme contains the following XHTML 1.0 Strict error. The span should be a division as spans are designed for strings, not HTML structures.
<span class="taxonomy"><ul class="links inline">

The CSS validates at levels 2.1 and 3.

Cynthia Says the theme is US 508 compliant as far as a computer can check. TV will pass the theme as US 508 plus WCAG (WAI) levels A, AA, and AAA when the XHTML error is fixed. 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