D theme for da Web

blix is fixed width and almost XHTML 1.0 Strict.

Download Blix at drupal.org/project/blix. This version is 6.x-2.1 from 2008-Dec-08, a 33.28 KB download.

The menu background does not expand down for multiple primary menu rows. Dreamy had the same problem and D-theme developed a fix that works for blix with just a slight change. This page shows blix with this change. Replace:

#navigation {
  height:2.7em;
  line-height:2.7em;
  white-space: nowrap;
}

With:

#navigation {
  /* height:2.7em; */
  line-height:2.7em;
  white-space: nowrap;
}
#navigation ul:after
      {
      content: ".";
      display: block;
      height: 0;
      visibility: hidden;
      clear: both;
      }

Validation

The theme is marked XHTML 1.0 Transitional and validates as XHTML 1.0 Strict. If the theme developers change the doctype, they theme will be perfect.

The CSS validates at level 2.1 and has just one error at level 3.
URI : http://d-theme.com/sites/all/themes/blix/style.css?s
519 #wp-calendar Value Error : display inline-table is not a display value : inline-table

Wave did not detect accessibility errors. Cynthia Says the theme is WAI compliant as far as a computer can check. Cynthia Says and TV agree the theme is US 508 compliant as far as a computer can tell. TV says it is WCAG (WAI) from levels A through to AAA.

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

Posted in

• b
• CSS 2.1
• fixed
• US 508
• Wave
• WCAG A
• WCAG AA
• WCAG AAA

• Login or register to post comments