D theme for da Web

Nifty 50

Download Nifty 50 from drupal.org/project/nifty50. This version is 6.x-2.1 from 2009-Nov-02, a 55.69 KB download.

Regions

The regions in this theme are page top, content, first sidebar, second sidebar, page bottom, and closure. There is no example text in closure because closure should be after the page.

Validation

Validation as CSS 2.1 produced the following errors.
URI : http://d-theme.com/sites/all/themes/nifty50/css/layout.css?9
188 input.form-submit Property -moz-border-radius-bottomleft doesn't exist : 20px
189 input.form-submit Property -moz-border-radius-bottomright doesn't exist : 20px
190 input.form-submit Property -moz-border-radius-topleft doesn't exist : 20px
191 input.form-submit Property -moz-border-radius-topright doesn't exist : 20px

Validation as CSS 3 produced the preceding errors plus the following error.
URI : http://d-theme.com/sites/all/themes/nifty50/css/reset.css?9
35 blockquote:before, blockquote:after, q:before, q:after Value Error : content none is not a content value : none

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