logo
9 | A | B | C | D | Drupal | E | F | G | H | I | J | K | L | M | N | O | P | Q | R | S | T | The Big List | U | V | Validators | W | X | Y | Z

Home

.mobi

.mobi is for mobile phones.

Download .mobi from drupal.org/project/mobi. This version is 6.x-1.x-dev from 2010-Feb-20 , a 33.97 KB download.

Configuration

Theme-specific settings

These settings only exist for the .mobi theme and all the styles based on it.

Background colors:

Header: #eef7fc
Left sidebar: #ffffff
Content: #ffffff
Right sidebar: #ffffff
Footer: #eef7fc

Regions

The available regions are Left sidebar, Right sidebar, Content, header, and Footer.

Validation

This theme containts the following DOCTYPE.
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.2//EN" "http://www.openmobilealliance.org/tech/DTD/xhtml-mobile12.dtd">

And contains errors.

There is a table using thead and tbody elements. Those elements are in regular HTML but apparently not in the mobile subset. They should be allowed for compatibility and just ignored by the mobile devices that cannot process them.

Unfortunately the WAP standard designers decided to design for hardware restrictions that would no longer exist by the time the WAP standard was published. I am reminded of the phrase stupid in the head.

There are links out of place. People like to put link elements at the end of their pages so the linked files load after the page content but that is not always legal. The WAP mobile DTD does not like it.

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

CSS 2.1: 
off

Submitted by peter on Tue, 10/20/2009 - 21:43

Login or register to post comments

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