Ablaze contains bright headings in a wide page. The version shown here includes modifications to improve the size and contrast of the main text.

Download Ablaze from drupal.org/project/ablaze. This version is 6.x-1.x-dev from 2009-Aug-12, a 16.89 KB download.

Modification

Font

The original medium grey text, HTML colour #6A6A6A, on a black background is hard to read on all the monitors I tested. The grey should be lighter, #999999 or higher, or a larger font size. This page is changed to #999999. The body style has the font size set to 0.7 times the normal size and is changed to 0.8em in this page.

Here is a line with the colour set to the original #6A6A6A and font-size set to the original 0.7em.
Here is a line with the colour set to #999999 and font-size set to the original 0.7em.
Here is a line with the colour set to #cccccc and font-size set to the original 0.7em.
Here is a line with the colour set to #cccccc and font-size left untouched.

Footer

The theme information file contains the following line which places the footer block in a region internally known as footer_content.

regions[footer_content] = footer

The code looks for footer, not footer_content.

	<?php if ($footer_message || $footer) : ?>
<div id="footer_message">
    <?php print $footer_message . $footer;?>
</div>
<?php endif; ?>

The following code is modified to fix the fault. The alternative is to change the information file.

	<?php if ($footer_message || $footer or $footer_content) : ?>
<div id="footer_message">
    <?php print $footer_message . $footer . $footer_content;?>
</div>
<?php endif; ?>

Site name

The following code for the site name does not include a link back to the home page.

<h1 id="logo"><?php print $site_name;?></h1>

This page has the line changed to the following.

<h1 id="logo"><href="<print $base_path ?>" title="<?php print t('Home'); ?>"><print $site_name;?></a><gt;

Slogan

The theme has content built into the code, which is a big mistake. There was a powered by Drupal written into the slogan by the code and displayed at the top of this page. There is no way to remove the text without changing code. The following code is modified to fix the fault.

    <h2 id="slogan">Powered by Drupal
		<?php if ($site_slogan): ?>
		<?php print $site_slogan; ?>
		<?php endif; ?>
		</h2>
<?php
if ($site_slogan)
	{
	?>	<h2 id="slogan"><?php print $site_slogan; ?></h2>
<?php
	}
?>

Regions

The theme information file lists several regions, left sidebar, right sidebar, content, header, footer, Foot-Left, and Foot-Right. The header and footer example blocks do not display without modification. This page contains a modification to display the footer block.

Validation

Validation of this theme as XHTML 1.0 Strict shows the doctype is missing.

The following line contains a ul inside a span which is illegal. Change the span to a div.
<span class="post-cat"><ul class="links inline"><li class="taxonomy_term_32 first last"><a href="/taxonomy/term/32" rel="tag" title="">a</a></li></ul></span>

Validation as CSS 2.1 and CSS 3 produces the same two errors:
URI : http://d-theme.com/sites/all/themes/ablaze/style.css?f
15 * Value Error : padding none is not a padding-top value : none
378 ul.links li Value Error : padding none is not a padding-top value : none

The original small low contrast font would not pass contrast and readability tests.

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

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

th1 th2
td1 td2
td3 td4

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

  • li
  • li