Dark Elegance

Dark Elegance is fixed width with two columns.

Download Dark Elegance from drupal.org/project/darkelegance. This version is 6.x-1.1 from 2009-Mar-20, a 757.92 KB download. Most of that download is a source image. Pity the source image is not an SVG file.

Validation

This theme is marked as XHTML 1.0 Transitional and D-theme validates against XHTML 1.0 Strict because there is no reason to use transitional with modern browsers. The theme fails XHTML validation due to the following line containing an obsolete target attribute. There are sound reasons for using a new window for specific links and the current fashion is to use some javascript in the link. There is no reason to use a new window for the link specified in this theme.
<p class="theme">Theme by <a href="http://dezinerfolio.com" target="_blank" title="Theme by Dezinerfolio">Dezinerfolio</a></p>

Validating against CSS 3 produces the following errors.
URI : http://d-theme.com/sites/all/themes/darkelegance/style.css?s
44 .navigation Property _top doesn't exist : 0
189 .navigation #search-theme-form #search Value Error : width only 0 can be a length. You must put a unit after your number : 181
319 #forum Parse Error *padding: 20px;
320 #forum Parse Error }
333 #forum tr Parse Error *background: none;
338 Parse Error : none; height: 20px; *height: 60px; } #forum td
353 #forum tr td.forum .indent Value Error : background RIGHT is not a background-position value : url(images/frm_arr.gif) no-repeat RIGHT center
818 .node .links .links Parse Error 790 .links
1281 .admin .admin-panel Value Error : border-bottom Unknown dimension 1p

Validating against CSS 2.1 produces the previous errors plus the following additional error.
URI : http://d-theme.com/sites/all/themes/darkelegance/print.css?s
53 #wrapper #container #header h1, #wrapper #container #header h1 a:link, #wrapper #container #header h1 a:visited Property text-shadow doesn't exist in CSS level 2.1 but exists in [css2, css3] : none

Total Validator and Cynthia Says agree the theme is US 508 compliant as far as a computer can check.

You can almost convert this theme to fluid width. The body element has a style fixed at 960 pixels wide in style.css at line 27. Remove the width to free most of the page. The RSS image ends up in the wrong place because it is a background image for the menu, not the RSS feed link.

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

Content block title

Content block body. This block shows you what a block looks like in the content region.