Nista

Nista is brown, two column, and fixed or fluid width. You can see the fluid format in Nista Liquid.

Download Nista at drupal.org/project/nista. This Nista is version 6.x-4.8 from 2009-May-31, a 83.39 KB download.

This theme is based on the Zen theme. You have to download and install Zen before using this theme. This theme inherits a lot of characteristics from Zen and the combination may be more than you need or might offer a lot of flexibility that you want for the future.

You can set Nista to fixed or fluid width in the configuration settings. This page uses the default fixed width. Nista Liquid shows Nista with the optional fluid setting. The difference between the two formats is created by two CSS files, layout-fixed.css and layout-liquid.css. A configuration setting chooses one of the files.

This version passes the W3C check for XHTML 1.0 Strict and fails the precise TV check with the following one error. The name and id attributes must have the same value within the same element.
<a name="top" id="navigation-top"></a>

The W3C CSS 3 validation produces the following errors.
URI : http://d-theme.com/sites/all/themes/nista/nista.css?k
379 .node-unpublished div.unpublished, .comment-unpublished div.unpublished Property word-wrap doesn't exist : break-word
URI : http://d-theme.com/sites/all/themes/nista/layout-fixed.css?k
284 #header, #content, #navbar, #sidebar-left, #sidebar-right, #footer, #closure-blocks Property word-wrap doesn't exist : break-word

The W3C CSS 2.1 validation produces both those errors plus two additional errors.
URI : http://d-theme.com/sites/all/themes/nista/layout-fixed.css?k
295 #page Property overflow-y doesn't exist in CSS level 2.1 but exists in [css3] : hidden
URI : http://d-theme.com/sites/all/themes/nista/print.css?k
58 #page Property overflow-y doesn't exist in CSS level 2.1 but exists in [css3] : visible

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

The top heading lacks contrast and will create reading problems for some visually impaired people plus some colour blind people. The heading text is black on dark brown. There is orange text used for links and other elements. Changing the heading text to orange helps. White text is another option to improve readability. Edit nista.css and change #site-name a:link, #site-name a:visited color then change #navbar a color.

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

td1td2
td3td4

<ul><li>li</li></ul>:

• li