Turquoise

Turquoise is a subtheme of Zen and requires the right version of Zen. The theme is advertised as fluid but only the heading is fluid.

Download Turquoise from drupal.org/project/turquoise. This version is 6.x-2.0-beta2 from 2010-Apr-11, a 56.45 KB KB download.

Regions

Sidebar right, navigation bar, content top, content bottom, header, footer one, footer two, footer three, and footer four.

Validation

There is a missing end div, </div>, preventing validation as XHTML.

Validation against CSS 3 produces the following errors.
URI : http://d-theme.com/sites/all/themes/turquoise/html-elements.css?g
293 input.form-text:focus, textarea.form-textarea:focus, select.form-select:focus Property -moz-box-shadow doesn't exist : 0 0 8px rgba(82,168,236,0.5) 0 0 8px rgba(82,168,236,0.5)
294 input.form-text:focus, textarea.form-textarea:focus, select.form-select:focus Property -webkit-box-shadow doesn't exist : 0 0 8px rgba(82,168,236,0.5) 0 0 8px rgba(82,168,236,0.5)
295 input.form-text:focus, textarea.form-textarea:focus, select.form-select:focus Value Error : border-color rgba(82,168,236,0.75) is not a border-color value : rgba(82,168,236,0.75) rgba(82,168,236,0.75)
301 input.form-submit Property -moz-border-radius doesn't exist : 11px 11px 11px 11px 11px 11px 11px 11px
URI : http://d-theme.com/sites/all/themes/turquoise/layout.css?g
84 #site-name Value Error : padding-top Parse Error
188 #navbar ul Value Error : text-align none is not a text-align value : none none
272 #header, #content, #navbar, #sidebar-left, #sidebar-right, #footer, #closure-blocks Property word-wrap doesn't exist : break-word break-word
URI : http://d-theme.com/sites/all/themes/turquoise/turquoise.css?g
378 .node-unpublished div.unpublished, .comment-unpublished div.unpublished Property word-wrap doesn't exist : break-word break-word
469 .preview .node Parse Error */ /* Drupal core uses a #ffffea background */ }
749 #user-login-form Value Error : text-align none is not a text-align value : none none

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