Royal is purple and fixed width with a sidebar on the right.
Download Royal from drupal.org/project/royal. This version is 6.x-1.5 from 2009-Dec-05, a 65.19 KB download.
Regions
The available regions are header, right sidebar, and footer.
Validation
The CSS validates at level 3. ![]()
Validation against the older CSS 2.1 produces the following errors.
URI : http://d-theme.com/sites/all/themes/royal/styles/style.css?r
30 #header h1, #header h1 a Property text-shadow doesn't exist in CSS level 2.1 but exists in : 2px 2px #333
53 #header-links a Property text-shadow doesn't exist in CSS level 2.1 but exists in : 2px 2px #333
61 #wrapper Value Error : background-color rgba(27,16,39,0.5) is not a background-color value : rgba(27,16,39,0.5)
69 .header-wrapper Value Error : background Too many values or values are not recognized : rgba(58,46,72,0.4)
196 #right .block h2 Value Error : background Too many values or values are not recognized : rgba(58,46,72,0.4)
245 #footer-links a, #footer-shadow a Property text-shadow doesn't exist in CSS level 2.1 but exists in : 2px 2px #333333
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>:
- 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