Dark Green

A field of green at dusk from D-theme.com.

This theme is based on Aardvark. The subtheme contains only CSS to change a few colours. Download Dark Green as part of Aardvark.

CSS

/*
Dark Green from D-theme.com
A field of green at dusk from D-theme.com.
Darkgreen is #006400.
Greenyellow, #adff2f, is used for contrasting headings.
Orangered, #ff4500, is used for h1 through h6.
White, #ffffff, is the contrast colour used for regular text.
Yellow, #ffff00, is the contrast colour for unvisited links.
*/

/* Darkgreen */
body, #page, #footer, #header
	{
	background-color: darkgreen;
	}

/* Greenyellow */
#site-name, #site-name a, #site-name a:visited, a:visited
	{
	color: greenyellow;
	}

/* Orangered */
h1, h2, h3, h4, h5, h6
	{
	color: orangered;
	}

/* White is the contrast colour */
body, #page
	{
	color: white;
	}

/* Yellow */
a, a:link
	{
	color: yellow;
	}

Regions

Validation

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

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

Content block title

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