OFBiz › OFBiz - Commits

svn commit: r767339 - /ofbiz/site/style.html

_‹ Previous Topic Next Topic _›

Classic

List

Threaded

1 message

jaz-3

svn commit: r767339 - /ofbiz/site/style.html

Author: jaz
Date: Wed Apr 22 00:41:55 2009
New Revision: 767339

URL: http://svn.apache.org/viewvc?rev=767339&view=rev
Log:
added style guide OFBIZ-2336

Added:
ofbiz/site/style.html

Added: ofbiz/site/style.html
URL: http://svn.apache.org/viewvc/ofbiz/site/style.html?rev=767339&view=auto
==============================================================================
--- ofbiz/site/style.html (added)
+++ ofbiz/site/style.html Wed Apr 22 00:41:55 2009
@@ -0,0 +1,250 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
+ <meta name="Distribution" content="Global" />
+ <meta name="Author" content="HotWax Media, Brainfood" />
+ <meta name="Robots" content="index,follow" />
+ <title>OFBiz, The Apache Open For Business Project - Open Source E-Business / E-Commerce, ERP, CRM, POS</title>
+ <meta name="keywords" content="Open Source ERP,Open Source CRM,Open Source E-Commerce,Open Source eCommerce,Open Source POS,Open Source SCM,Open Source MRP,Open Source CMMS,Open Source EAM,web services,workflow,ebusiness,e-business,ecommerce,e-commerce,automation,enterprise software,open source,entity engine,service engine,erp,crm,party,accounting,facility,supply,chain,management,catalog,order,project,task,work effort,financial,ledger,content management,customer,inventory"/>
+ <meta name="Description" content="The Apache Open For Business Project is an open source enterprise automation software project licensed under the Apache License Version 2.0. Being open source under the Apache 2.0 license and driven by a community Apache OFBiz offers both flexibility by design and by access to code, and a solution where you're not alone but rather can work with many others to get things done." />
+ <link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico" />
+ <link rel="stylesheet" href="css/global.css" type="text/css" />
+ <script type="text/javascript" src="js/prototype.js"></script>
+ <script type="text/javascript" src="js/search.js"></script>
+</head>
+<body>
+
+<div id="wrap">
+ 
+ <div id="header">
+ <div id="logo">
+ <a href="#"><img src="images/logo.gif" /></a>
+ </div>
+ 
+ <div id="nav">
+ <ul>
+ <li id="current"><a href="http://ofbiz.apache.org/">Home</a></li>
+ <li><a href="http://docs.ofbiz.org/x/lQM">About</a></li>
+ <li><a href="http://docs.ofbiz.org/x/-Qs">Features</a></li>
+ <li><a href="http://docs.ofbiz.org/">Documentation</a></li>
+ <li><a href="http://build.ofbiz.org">Download</a></li>
+ <li><a href="http://docs.ofbiz.org/x/yAk">Community</a></li>
+ </ul>
+ </div>
+ <div id="search">
+ <form method="POST" action="http://docs.ofbiz.org/dosearchsite.action" name="searchForm">
+ <input type="hidden" name="quickSearch" value="true" />
+ <input type="hidden" name="searchQuery.spaceKey" value="conf_global" />
+ <input type="text" id="searchDocs" value="Search..." class="class1 class2" accessKey="s" name="searchQuery.queryString" />
+ </form>
+ </div>
+ </div>
+ 
+ 
+ <div id="content-wrap" class="clearfix">
+ 
+ <div id="main">
+ <h2><a href="index.html">A Blog Entry</a></h2>
+ <p class="post-info">Posted by <a href="index.html">djones</a> | Filed under <a href="index.html">ofbiz</a>, <a href="index.html">ecommerce</a> </p>
+ <p>
+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum.
+ Cras id urna. Morbi tincidunt, orci ac <a href="index.html">convallis aliquam</a>, lectus turpis varius lorem, eu
+ posuere nunc justo tempus leo.
+ </p>
+ <p>
+ Donec mattis, purus nec placerat bibendum, <a href="index.html">dui pede condimentum</a>
+ odio, ac blandit ante orci ut diam. Cras fringilla magna. Phasellus suscipit, leo a pharetra
+ condimentum, lorem tellus eleifend magna, <a href="index.html">eget fringilla velit</a> magna id neque. Curabitur vel urna.
+ In tristique orci porttitor ipsum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum.
+ Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu
+ posuere nunc justo tempus leo.
+ </p>
+ <p class="postmeta">
+ <a href="index.html" class="readmore">Read more</a> |
+ <a href="index.html" class="comments">Comments (7)</a> |
+ <span class="date">February 02, 2008</span>
+ </p>
+ <h2><a href="index.html">Common XHTML Elements</a></h2>
+ <h3>Text and Image</h3>
+ <p>
+ <a href="#"><img src="images/thumb.jpg" width="100" height="120" alt="firefox" class="float-left" /></a>
+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum.
+ Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu
+ posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum
+ odio, ac blandit ante orci ut diam. Cras fringilla magna. Phasellus suscipit, leo a pharetra
+ condimentum, lorem tellus eleifend magna, eget fringilla velit magna id neque. Curabitur vel urna.
+ In tristique orci porttitor ipsum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum.
+ Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu
+ posuere nunc justo tempus leo.
+ </p>
+ <h3>Long Text with Highlights</h3>
+ <div class="highlights">
+ <h4>H4 Heading</h4>
+ <ul>
+ <li>Here is an example</li>
+ <li>of an unordered list</li>
+ <li>inside of a highlight box</li>
+ <li>use this style</li>
+ <li>to highlight features</li>
+ <li>or callout important content from the section</li>
+ </ul>
+ </div>
+ <p>
+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum.
+ Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu
+ posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum
+ odio, ac blandit ante orci ut diam. Cras fringilla magna. Phasellus suscipit, leo a pharetra
+ condimentum, lorem tellus eleifend magna, eget fringilla velit magna id neque. Curabitur vel urna.
+ In tristique orci porttitor ipsum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum.
+ Cras id urna.
+ </p>
+ <p>
+ Suspendisse bibendum.
+ Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu
+ posuere nunc justo tempus leo.
+ </p>
+ <p>
+ A <a href="style.html">link</a>,
+ <acronym title="this really isn't a very good description">acronym</acronym>,
+ <strong>strong text</strong> and
+ <del>deleted text</del>.
+ </p>
+ <h3>Code</h3>
+ <p>
+ <code>
+ code-sample { <br />
+ font-weight: bold;<br />
+ font-style: italic;<br />
+ }
+ </code>
+ </p>
+ <h3>Example Lists</h3>
+ <ol>
+ <li>Here is an example</li>
+ <li>of an ordered list</li>
+ </ol>
+ <ul>
+ <li>Here is an example</li>
+ <li>of an unordered list</li>
+ </ul>
+ <dl>
+ <dt>Definition title</dt>
+ <dd>Definition description</dd>
+ <dt>Definition title</dt>
+ <dd>Definition description</dd>
+ </dl>
+ <h3>Blockquote</h3>
+ <blockquote>
+ <p>
+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
+ nibh euismod tincidunt ut laoreet dolore magna aliquam erat....
+ </p>
+ </blockquote>
+ <h3>Headers</h3>
+ <h1>H1 Heading</h1>
+ <h2>H2 Heading</h2>
+ <h3>H3 Heading</h3>
+ <h3>Tables and Forms</h3>
+ <table>
+ <tr>
+ <th><strong>post</strong> date</th>
+ <th>title</th>
+ <th>description</th>
+ </tr>
+ <tr>
+ <td>04.18.2007</td>
+ <td><a href="index.html">Augue non nibh</a></td>
+ <td><a href="index.html">Lobortis commodo metus vestibulum</a></td>
+ </tr>
+ <tr>
+ <td>04.18.2007</td>
+ <td><a href="index.html">Fusce ut diam bibendum</a></td>
+ <td><a href="index.html">Purus in eget odio in sapien</a></td>
+ </tr>
+ <tr>
+ <td>04.18.2007</td>
+ <td><a href="index.html">Maecenas et ipsum</a></td>
+ <td><a href="index.html">Adipiscing blandit quisque eros</a></td>
+ </tr>
+ <tr>
+ <td>04.18.2007</td>
+ <td><a href="index.html">Sed vestibulum blandit</a></td>
+ <td><a href="index.html">Cras lobortis commodo metus lorem</a></td>
+ </tr>
+ </table>
+ <form action="#">
+ <p>
+ <label>Name</label>
+ <input name="dname" value="Your Name" type="text" size="30" />
+ <label>Email</label>
+ <input name="demail" value="Your Email" type="text" size="30" />
+ <br />
+ <label>Select</label>
+ <select name="dummy2">
+ <option value="1">Option One</option>
+ <option value="2">Option Two</option>
+ <option value="3">Option Three</option>
+ </select>
+ <br />
+ <label>Your Comments</label>
+ <textarea rows="5" cols="5"></textarea>
+ <br />
+ <input class="button" type="submit" value="Submit"/>
+ <input class="button" type="reset" value="Reset"/>
+ </p>
+ </form>
+ </div>
+ 
+ 
+ <div id="sidebar">
+ <h3>Thumbnail Gallery</h3>
+ <p class="thumbs">
+ <a href="index.html"><img src="images/thumb.jpg" width="40" height="40" alt="thumbnail" /></a>
+ <a href="index.html"><img src="images/thumb.jpg" width="40" height="40" alt="thumbnail" /></a>
+ <a href="index.html"><img src="images/thumb.jpg" width="40" height="40" alt="thumbnail" /></a>
+ <a href="index.html"><img src="images/thumb.jpg" width="40" height="40" alt="thumbnail" /></a>
+ <a href="index.html"><img src="images/thumb.jpg" width="40" height="40" alt="thumbnail" /></a>
+ <a href="index.html"><img src="images/thumb.jpg" width="40" height="40" alt="thumbnail" /></a>
+ <a href="index.html"><img src="images/thumb.jpg" width="40" height="40" alt="thumbnail" /></a>
+ <a href="index.html"><img src="images/thumb.jpg" width="40" height="40" alt="thumbnail" /></a>
+ </p>
+ <h3>Section Heading</h3>
+ <ul class="sidemenu">
+ <li><a href="#">This is a link to content <br /><span>this explains what you are clicking on</span></a></li>
+ <li><a href="#">This is a link to content <br /><span>this explains what you are clicking on</span></a></li>
+ <li><a href="#">This is a link to content <br /><span>this explains what you are clicking on</span></a></li>
+ <li><a href="#">This is a link to content <br /><span>this explains what you are clicking on</span></a></li>
+ <li><a href="#">This is a link to content <br /><span>this explains what you are clicking on</span></a></li>
+ <li><a href="#">This is a link to content <br /><span>this explains what you are clicking on</span></a></li>
+ </ul>
+ <h3>Section Heading</h3>
+ <ul class="sidemenu">
+ <li><a href="#">This is an external link</a></li>
+ <li><a href="#">This is an external link</a></li>
+ <li><a href="#">This is an external link</a></li>
+ <li><a href="#">This is an external link</a></li>
+ <li><a href="#">This is an external link</a></li>
+ <li><a href="#">This is an external link</a></li>
+ </ul>
+ </div>
+ 
+ </div>
+ 
+</div>
+
+
+<div id="footer">
+ <div id="foot">
+ © Copyright 2001-2008 The Apache Software Foundation - www.apache.org
+ </div>
+</div>
+
+</body>
+</html>
\ No newline at end of file