Airy Blue

Airy Blue is fixed width with three columns.

Download Airy Blue from drupal.org/project/airyblue. This version is 6.x-1.8 from 2010-Apr-03, a 288.89 KB download.

This theme installs with an option to clear the theme registry but the option defaults to on. Turn the option off until you are actually changing the theme.

Validation

The W3C and Total Validator agree this theme is XHTML 1.0 Strict. Total Validator also validates this theme as US 508 plus WCAG (WAI) at levels A, AA, and AAA. Wave did not detect accessibility errors.

Validation against CSS 3 produces the following errors.

URI : http://d-theme.com/sites/all/themes/zen/zen/zen.css?g
307 .node-unpublished div.unpublished, .comment-unpublished div.unpublished Property word-wrap doesn't exist : break-word break-word
URI : http://d-theme.com/sites/all/themes/airyblue/css/layout.css?g
321 #header, #content, #navbar, #sidebar-first, #sidebar-second, #footer, #closure-blocks Property word-wrap doesn't exist : break-word break-word
URI : http://d-theme.com/sites/all/themes/airyblue/css/pages.css?g
121 #mission Property -webkit-border-radius doesn't exist : 10px 10px
122 #mission Property -moz-border-radius doesn't exist : 10px 10px
254 #primary ul.links li a:hover Property -webkit-border-radius doesn't exist : 5px 5px
255 #primary ul.links li a:hover Property -moz-border-radius doesn't exist : 5px 5px
263 #primary ul.links li a.active Property -webkit-border-radius doesn't exist : 5px 5px
264 #primary ul.links li a.active Property -moz-border-radius doesn't exist : 5px 5px
304 .pager strong, .pager a Property -moz-border-radius doesn't exist : 2px 2px
305 .pager strong, .pager a Property -webkit-border-radius doesn't exist : 2px 2px
URI : http://d-theme.com/sites/all/themes/airyblue/css/blocks.css?g
12 .block-wrapper Property -webkit-border-radius doesn't exist : 10px 10px
13 .block-wrapper Property -moz-border-radius doesn't exist : 10px 10px
23 .block-wrapper .block Property -webkit-border-radius doesn't exist : 10px 10px
24 .block-wrapper .block Property -moz-border-radius doesn't exist : 10px 10px
175 Parse Error / { }
URI : http://d-theme.com/sites/all/themes/airyblue/css/nodes.css?g
44 .node-unpublished div.unpublished, .comment-unpublished div.unpublished Property word-wrap doesn't exist : break-word break-word
URI : http://d-theme.com/sites/all/themes/airyblue/css/comments.css?g
24 .comment Property -webkit-border-radius doesn't exist : 10px 10px
25 .comment Property -moz-border-radius doesn't exist : 10px 10px

Validation against the older CSS 2.1 standard produced a similar long list of errors.

Configuration

Show block editing on hover
When hovering over a block, privileged users will see block editing links.
Breadcrumb settings
Display breadcrumb:
Breadcrumb separator:
Text only. Don’t forget to include spaces.
Show home page link in breadcrumb
Append a separator to the end of the breadcrumb
Useful when the breadcrumb is placed just before the title.
Append the content title to the end of the breadcrumb
Useful when the breadcrumb is not placed just before the title.

Theme development settings

Theme registry: [*] Rebuild theme registry on every page.
During theme development, it can be very useful to continuously rebuild the theme registry. WARNING: this is a huge performance penalty and must be turned off on production websites.
Wireframes:
Display borders around main layout elements
Wireframes are useful when prototyping a website.

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