D theme for da Web

Aqua Fish is based on Plutado Blue.

Download Aqua Fish from drupal.org/project/aqua_fish. This version is 6.x-1.0 from July 29, 2009, a 263.45 KB download.

Configuration

The D-theme default configuration has both primary and secondary menus on. This theme works with primary menus on and secondary menus off. Secondary menus are switched off for this theme.

Modification

The menu runs over two lines but the background does not follow. Modify this theme the same way D-theme suggested for Dreamy in drupal.org/node/343829#comment-1293392.

Edit style.css. Look for

#primary {

at line 152. Move the background attribute to a separate element, change repeat-x to repeat so the image will repeat vertically as well as horizontally, and remove the center top position so that it defaults to top left:

#nav
	{
	background: url(images/primary-bg.png) repeat;
	}

Remove the menu height restrictions with the following attribute. Instead of adding this attribute, you could delete the height attribute from the menu in css/menu.css.

#nav, #nav ul
	{
	height: auto;
	}

Now add a trailing area that allows expansion of the menu. This is a CSS trick designed to get around problems with defining heights in CSS 2.1 and CSS 3.

#nav ul:after
    {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
    }

Validation

There is a CSS error reported at drupal.org/node/535410. This page has the fix described in the report and, with the fix, validates as both CSS 2.1 and CSS 3.

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

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

<ul><li>li</li><li>li</li></ul>:

• li
• li