Seven is backported from Drupal 7 core.
NOTE: Navigation is severely crippled in this theme without the D7 toolbar. For that reason, it's recommended that you use an administration navigation module such as admin_menu, admin, teleport, or navigate.
Download Seven from drupal.org/project/seven. This version is 6.x-1.0-beta4 from 2009-Nov-20, a 36.21 KB download.
Regions
The available regions are content top, content bottom, header, and footer.
Validation
The W3C and Total Validator agree this theme is XHTML 1.0 Strict. TV validates the theme as WCAG (WAI) A, AA, AAA, and US 508. WAVE did not detect accessibility errors.
Validation as CSS 3 produces the following errors.
URI : http://d-theme.com/sites/all/themes/seven/seven/css/default.css?J
178 blockquote:before, blockquote:after, q:before, q:after Value Error : content none is not a content value : none
URI : http://d-theme.com/sites/all/themes/seven/seven/css/pretty.css?J
206 ul.primary li a, ul.primary li.active a, ul.primary li a:active, ul.primary li a:visited, ul.primary li a:hover Property -moz-border-radius doesn't exist : 8px 8px 0 0
207 ul.primary li a, ul.primary li.active a, ul.primary li a:active, ul.primary li a:visited, ul.primary li a:hover Property -webkit-border-top-left-radius doesn't exist : 8px
208 ul.primary li a, ul.primary li.active a, ul.primary li a:active, ul.primary li a:visited, ul.primary li a:hover Property -webkit-border-top-right-radius doesn't exist : 8px
259 ul.secondary li a, ul.secondary li a:hover, ul.secondary li.active a, ul.secondary li.active a.active Property -moz-border-radius doesn't exist : 10px
260 ul.secondary li a, ul.secondary li a:hover, ul.secondary li.active a, ul.secondary li.active a.active Property -webkit-border-radius doesn't exist : 7px
312 #block-system-main ul.menu li a, #secondary-links ul.links li a Property -moz-border-radius doesn't exist : 5px
313 #block-system-main ul.menu li a, #secondary-links ul.links li a Property -webkit-border-radius doesn't exist : 5px
584 input.form-submit, a.button Property -moz-border-radius doesn't exist : 20px
585 input.form-submit, a.button Property -webkit-border-radius doesn't exist : 15px
776 div.vertical-tabs ul li.vertical-tab-button a Property -moz-border-radius-topleft doesn't exist : 5px
777 div.vertical-tabs ul li.vertical-tab-button a Property -moz-border-radius-bottomleft doesn't exist : 5px
778 div.vertical-tabs ul li.vertical-tab-button a Property -webkit-border-top-left-radius doesn't exist : 5px
779 div.vertical-tabs ul li.vertical-tab-button a Property -webkit-border-bottom-left-radius doesn't exist : 5px
Validation against the older CSS 2.1 produces the following errors.
URI : http://d-theme.com/sites/all/themes/seven/seven/css/pretty.css?J
206 ul.primary li a, ul.primary li.active a, ul.primary li a:active, ul.primary li a:visited, ul.primary li a:hover Property -moz-border-radius doesn't exist : 8px 8px 0 0
207 ul.primary li a, ul.primary li.active a, ul.primary li a:active, ul.primary li a:visited, ul.primary li a:hover Property -webkit-border-top-left-radius doesn't exist : 8px
208 ul.primary li a, ul.primary li.active a, ul.primary li a:active, ul.primary li a:visited, ul.primary li a:hover Property -webkit-border-top-right-radius doesn't exist : 8px
209 ul.primary li a, ul.primary li.active a, ul.primary li a:active, ul.primary li a:visited, ul.primary li a:hover Property border-radius doesn't exist in CSS level 2.1 but exists in [css3] : 8px 8px 0 0
259 ul.secondary li a, ul.secondary li a:hover, ul.secondary li.active a, ul.secondary li.active a.active Property -moz-border-radius doesn't exist : 10px
260 ul.secondary li a, ul.secondary li a:hover, ul.secondary li.active a, ul.secondary li.active a.active Property -webkit-border-radius doesn't exist : 7px
312 #block-system-main ul.menu li a, #secondary-links ul.links li a Property -moz-border-radius doesn't exist : 5px
313 #block-system-main ul.menu li a, #secondary-links ul.links li a Property -webkit-border-radius doesn't exist : 5px
358 Unknown pseudo-element or pseudo-class :last-child
584 input.form-submit, a.button Property -moz-border-radius doesn't exist : 20px
585 input.form-submit, a.button Property -webkit-border-radius doesn't exist : 15px
608 input.form-submit:active Property text-shadow doesn't exist in CSS level 2.1 but exists in [css2, css3] : #222 0 -1px 0
614 form input#edit-delete Property text-shadow doesn't exist in CSS level 2.1 but exists in [css2, css3] : none
776 div.vertical-tabs ul li.vertical-tab-button a Property -moz-border-radius-topleft doesn't exist : 5px
777 div.vertical-tabs ul li.vertical-tab-button a Property -moz-border-radius-bottomleft doesn't exist : 5px
778 div.vertical-tabs ul li.vertical-tab-button a Property -webkit-border-top-left-radius doesn't exist : 5px
779 div.vertical-tabs ul li.vertical-tab-button a Property -webkit-border-bottom-left-radius doesn't exist : 5px
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