User login
Left sidebar block body. This block shows you what a block looks like in the left sidebar region. Image of Drupal: Creating Blogs, Forums, Portals, and Community Websites: How to setup, configure and customise this powerful PHP/MySQL based Open Source CMS Drupal: Creating Blogs, Forums, Portals, and Community Websites: How to setup, configure and customise this powerful PHP/MySQL based Open Source CMS
User 1 block title
User 1 block body. This block shows you what a block looks like in the user 1 region. Image of Practical Drupal: Evaluating and Using a Web Content Management System Practical Drupal: Evaluating and Using a Web Content Management System
User 2 block title
User 2 block body. This block shows you what a block looks like in the user 2 region. Image of Drupal 6 Themes: Create new themes for your Drupal 6 site with clean layout and powerful CSS styling Drupal 6 Themes: Create new themes for your Drupal 6 site with clean layout and powerful CSS styling

Acrylic

Acrylic

Download Acrylic from drupal.org/project/acrylic. This version is 6.x-1.3 from 2009-Jun-24, a 204.69 KB download.

This theme validates as CSS 2.1 and CSS 3. W3C valid CSS 3

This theme validates as US 508, XHTML 1.0 Strict, and WCAG (WAI) A but fails WCAG AA due to the following empty link.
<a href="" class="rss-tag-icon" title="RSS"></a>

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
CSS 2.1: 
Validates as CSS 2.1

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

User 3 block title
User 3 block body. This block shows you what a block looks like in the user 3 region. Image of Sams Teach Yourself Drupal in 24 Hours Sams Teach Yourself Drupal in 24 Hours
User 4 block title
User 4 block body. This block shows you what a block looks like in the user 4 region. Image of Drupal 7: Visual QuickStart Guide Drupal 7: Visual QuickStart Guide
Right sidebar block title
Right sidebar block body. This block shows you what a block looks like in the right sidebar region. Image of Drupal 6 Drupal 6