Publish Vulpes Preview 15 sources for desktop, Android and Tundra

Share Gaia assets and adapters, keep private profiles and development documents local, and update both public READMEs.

gaia/tests/python/gaia-ui-tests/gaiatest/resources/gaia061281_test.vcf

@@ -0,0 +1,12 @@
+BEGIN:VCARD
+VERSION:4.0
+n:test;gaia061281;;;;
+fn:gaia061281 test
+nickname:
+category:
+org:
+title:
+note:
+key:
+tel;type=cell:55521308467
+END:VCARD

gaia/tests/python/gaia-ui-tests/gaiatest/resources/image_formats/x06.jpg

@@ -0,0 +1,7 @@
+This is not actually a jpeg file
+It is just a text file that was
+saved with a .jpeg file extension.
+Oops!
+But we want to be sure that it
+just gets ignored and does not
+cause problems for the Gallery app.

gaia/tests/python/gaia-ui-tests/gaiatest/resources/image_formats/x10.gif

@@ -0,0 +1 @@
+GIF89a X

gaia/tests/python/gaia-ui-tests/gaiatest/resources/mozilla.html

@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+<head>
+    <title>Mozilla</title>
+    <link rel="shortcut icon" type="image/ico" href="../images/mozilla_favicon.ico" />
+</head>
+
+<body>
+    <a href="mozilla.html">
+        <img id="mozilla_logo" src="../images/mozilla_logo.jpg" />
+    </a>
+    
+    <a href="#community">Community</a> |
+    <a href="#project">Project</a> |
+    <a href="#organization">Organization</a>
+    
+    <div id="content">
+        <h1 id="page-title">
+            <strong>We believe</strong> that the internet should be public, 
+            open and accessible.
+        </h1>
+        
+        <h2><a name="community">Community</a></h2>
+        <p id="community">
+            We're a global community of thousands who believe in the power 
+            of technology to enrich people's lives. 
+            <a href="mozilla_community.html">More</a>
+        </p>
+        
+        <h2><a name="project">Project</a></h2>
+        <p id="project">
+            We're an open source project whose code is used for some of the 
+            Internet's most innovative applications. 
+            <a href="mozilla_projects.html">More</a>
+        </p>
+        
+        <h2><a name="organization">Organization</a></h2>
+        <p id="organization">
+            We're a public benefit organization dedicated to making the 
+            Internet better for everyone. 
+            <a href="mozilla_mission.html">More</a>
+        </p>
+    </div>
+</body>
+</html>

gaia/tests/python/gaia-ui-tests/gaiatest/resources/mozilla_community.html

@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+<head>
+    <title>Mozilla Community</title>
+    <link rel="shortcut icon" type="image/ico" href="../images/seamonkey_favicon.ico" />
+</head>
+
+<body>
+    <a href="mozilla.html">
+        <img id="mozilla_logo" src="../images/mozilla_logo.jpg" />
+    </a>
+    
+    <a href="#history">History</a> |
+    <a href="#communicate">Communicate</a> |
+    <a href="#more">More</a>
+    
+    <div id="content">
+        <h1 id="page-title" name="page-title">Our Community</h1>
+
+        <h2><a name="history">History</a></h2>
+        <p id="history">
+            When www.mozilla.org was launched in 1998 all community activity 
+            occurred right here on this site.  Since then the community has 
+            grown much bigger and there are now many different sites, 
+            forums, blogs and newsgroups in different places that track 
+            different parts of the project.  These pages aim to be a 
+            comprehensive list to all of the different community resources 
+            available.  If you know of something that's not on these lists 
+            that should be, please contact us and we'll update these 
+            pages.
+        </p>
+
+        <h2><a name="communicate">Communicate</a></h2>
+        <p id="communicate">
+            There are a number of different ways community members 
+            communicate and coordinate (people use mailing lists and 
+            newsgroups, blogs, forums, wikis and they even meet in real
+            life sometimes too) and all of these options might be 
+            overwhelming at first.  Hopefully this set of links will provide 
+            some useful pointers to help you figure out where to go to find 
+            what you're looking for.  If you do get lost though and need 
+            some help, feel free to ask for more information.
+        </p>
+
+        <h2><a name="more">More</a></h2>
+        <p id="more">
+            Please note that this is intended to be an entry point that 
+            provides a high-level overview of the different community areas.  
+            If you're looking for more detailed information about a specific 
+            topic, please look at our Developer, 
+            <a href="mozilla_contribute.html">Contribute</a> and Support 
+            pages or take a look at the other information referenced
+            throughout this site.
+        </p>
+    </div>
+</body>
+</html>

gaia/tests/python/gaia-ui-tests/gaiatest/resources/sample_websites/darkness/index.html

@@ -0,0 +1,155 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<!--
+Template Name: Darkness
+Author: <a href="http://www.os-templates.com/">OS Templates</a>
+Author URI: http://www.os-templates.com/
+Licence: Free to use under our free template licence terms
+Licence URI: http://www.os-templates.com/template-terms
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>Darkness</title>
+<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
+<link rel="stylesheet" href="layout/styles/layout.css" type="text/css" />
+</head>
+<body id="top">
+<div class="wrapper">
+  <div id="header">
+    <div id="logo">
+      <h1><a href="index.html">Darkness</a></h1>
+      <p>Free Website Template</p>
+    </div>
+    <div id="topnav">
+      <ul>
+        <li class="active"><a href="index.html">Home</a></li>
+        <li><a href="pages/style-demo.html">Style Demo</a></li>
+        <li><a href="pages/full-width.html">Full Width</a></li>
+        <li><a href="#">Link Text</a></li>
+        <li class="last"><a href="#">A Long Link Text</a></li>
+      </ul>
+    </div>
+    <br class="clear" />
+  </div>
+</div>
+<div class="wrapper">
+  <div id="latest">
+    <div class="fl_left"><a href="#"><img src="images/demo/575x300.gif" alt="" /></a></div>
+    <div class="fl_right">
+      <h2>Cursus penati saccum ut.</h2>
+      <p>Cursuspenatisaccum ut curabitur nulla tellus tor ames a in curabitur pede. Idet mollisi eros dis orci congue elis et curabitur consequam intesque. Cursuspenatisaccum ut curabitur nulla tellus tor.</p>
+      <ul>
+        <li><a href="#"><img src="images/demo/100x100.gif" alt="" /></a></li>
+        <li><a href="#"><img src="images/demo/100x100.gif" alt="" /></a></li>
+        <li class="last"><a href="#"><img src="images/demo/100x100.gif" alt="" /></a></li>
+      </ul>
+    </div>
+    <br class="clear" />
+  </div>
+</div>
+<div class="wrapper">
+  <div id="intro">
+    <ul>
+      <li>
+        <h2>Indonectetus facilis leo nibh</h2>
+        <div class="imgholder"><a href="#"><img src="images/demo/300x150.gif" alt="" /></a></div>
+        <p>Morbitincidunt maurisque eros molest nunc anteget sed vel lacus mus semper. Anter dumnullam interdum eros dui urna consequam ac nisl nullam ligula vestassa. </p>
+        <p>Condimentumfelis et amet tellent quisquet a leo lacus nec augue accumsan. Sagittislaorem dolor ipsum at urna et pharetium malesuada nis consectus odio.</p>
+        <p class="readmore"><a href="#">Continue Reading &raquo;</a></p>
+      </li>
+      <li>
+        <h2>Indonectetus facilis leo nibh</h2>
+        <div class="imgholder"><a href="#"><img src="images/demo/300x150.gif" alt="" /></a></div>
+        <p>Morbitincidunt maurisque eros molest nunc anteget sed vel lacus mus semper. Anter dumnullam interdum eros dui urna consequam ac nisl nullam ligula vestassa. </p>
+        <p>Condimentumfelis et amet tellent quisquet a leo lacus nec augue accumsan. Sagittislaorem dolor ipsum at urna et pharetium malesuada nis consectus odio.</p>
+        <p class="readmore"><a href="#">Continue Reading &raquo;</a></p>
+      </li>
+      <li class="last">
+        <h2>Indonectetus facilis leo nibh</h2>
+        <div class="imgholder"><a href="#"><img src="images/demo/300x150.gif" alt="" /></a></div>
+        <p>Morbitincidunt maurisque eros molest nunc anteget sed vel lacus mus semper. Anter dumnullam interdum eros dui urna consequam ac nisl nullam ligula vestassa. </p>
+        <p>Condimentumfelis et amet tellent quisquet a leo lacus nec augue accumsan. Sagittislaorem dolor ipsum at urna et pharetium malesuada nis consectus odio.</p>
+        <p class="readmore"><a href="#">Continue Reading &raquo;</a></p>
+      </li>
+    </ul>
+    <br class="clear" />
+  </div>
+</div>
+<div class="wrapper">
+  <div id="container">
+    <div id="content">
+      <h2>About This Free CSS Template</h2>
+      <p>This is a W3C standards compliant free website template from <a href="http://www.os-templates.com/">OS Templates</a>.</p>
+      <p>This template is distributed using a <a href="http://www.os-templates.com/template-terms">Website Template Licence</a>, which allows you to use and modify the template for both personal and commercial use when you keep the provided credit links in the footer.</p>
+      <p>For more CSS templates visit <a href="http://www.os-templates.com/">Free Website Templates</a>.</p>
+    </div>
+    <div id="column">
+      <div class="holder">
+        <h2>Nullamlacus loborttis</h2>
+        <ul id="latestnews">
+          <li class="last"><img class="imgl" src="images/demo/80x80.gif" alt="" />
+            <p><strong>Indonectetus facilis leo nibh.</strong></p>
+            <p>Nullamlacus dui ipsum cons eque loborttis non euis que morbi penas dapibulum orna.</p>
+            <p class="readmore"><a href="#">Continue Reading &raquo;</a></p>
+          </li>
+        </ul>
+      </div>
+    </div>
+    <br class="clear" />
+  </div>
+</div>
+<div class="wrapper">
+  <div id="footer">
+    <div id="newsletter">
+      <h2>Stay In The Know !</h2>
+      <p>Please enter your email to join our mailing list</p>
+      <form action="#" method="post">
+        <fieldset>
+          <legend>News Letter</legend>
+          <input type="text" value="Enter Email Here&hellip;"  onfocus="this.value=(this.value=='Enter Email Here&hellip;')? '' : this.value ;" />
+          <input type="submit" name="news_go" id="news_go" value="GO" />
+        </fieldset>
+      </form>
+      <p>To unsubscribe please <a href="#">click here &raquo;</a></p>
+    </div>
+    <div class="footbox">
+      <h2>Lacus interdum</h2>
+      <ul>
+        <li><a href="#">Praesent et eros</a></li>
+        <li><a href="#">Praesent et eros</a></li>
+        <li><a href="#">Lorem ipsum dolor</a></li>
+        <li><a href="#">Suspendisse in neque</a></li>
+        <li class="last"><a href="#">Praesent et eros</a></li>
+      </ul>
+    </div>
+    <div class="footbox">
+      <h2>Lacus interdum</h2>
+      <ul>
+        <li><a href="#">Praesent et eros</a></li>
+        <li><a href="#">Praesent et eros</a></li>
+        <li><a href="#">Lorem ipsum dolor</a></li>
+        <li><a href="#">Suspendisse in neque</a></li>
+        <li class="last"><a href="#">Praesent et eros</a></li>
+      </ul>
+    </div>
+    <div class="footbox">
+      <h2>Lacus interdum</h2>
+      <ul>
+        <li><a href="#">Praesent et eros</a></li>
+        <li><a href="#">Praesent et eros</a></li>
+        <li><a href="#">Lorem ipsum dolor</a></li>
+        <li><a href="#">Suspendisse in neque</a></li>
+        <li class="last"><a href="#">Praesent et eros</a></li>
+      </ul>
+    </div>
+    <br class="clear" />
+  </div>
+</div>
+<div class="wrapper">
+  <div id="copyright">
+    <p class="fl_left">Copyright &copy; 2014 - All Rights Reserved - <a href="#">Domain Name</a></p>
+    <p class="fl_right">Template by <a target="_blank" href="http://www.os-templates.com/" title="Free Website Templates">OS Templates</a></p>
+    <br class="clear" />
+  </div>
+</div>
+</body>
+</html>

gaia/tests/python/gaia-ui-tests/gaiatest/resources/sample_websites/darkness/layout/styles/forms.css

@@ -0,0 +1,26 @@
+@charset "utf-8";
+/*
+Template Name: Darkness
+Author: <a href="http://www.os-templates.com/">OS Templates</a>
+Author URI: http://www.os-templates.com/
+Licence: Free to use under our free template licence terms
+Licence URI: http://www.os-templates.com/template-terms
+File: Forms CSS
+*/
+
+form, fieldset, legend{margin:0; padding:0; border:none;}
+legend{display:none;}
+
+/* ----------------------------------------------Forms in Content Area------------------------------------- */
+
+#container #respond{display:block; width:100%;}
+#container #respond input{width:170px; margin:5px 5px 0 0; padding:2px; border:1px solid #CCCCCC;}
+#container #respond textarea{width:98%; padding:2px; border:1px solid #CCCCCC; overflow:auto;}
+#container #respond p{margin:5px 0;}
+#container #respond #submit, #container #respond #reset{margin:0; padding:5px; color:#666666; background-color:#F7F7F7; border:1px solid #CCCCCC; cursor:pointer;}
+
+/* ----------------------------------------------Newsletter------------------------------------- */
+
+#footer form{display:block; width:300px; margin:0; padding:10px 0; border:none;}
+#footer input{display:block; float:left; width:245px; margin:0 5px 0 0; padding:5px; color:#666666; background-color:#FFFFFF; border:1px solid #DBDBDB; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
+#footer input#news_go{width:auto; height:auto; margin:0; padding:4px;}

gaia/tests/python/gaia-ui-tests/gaiatest/resources/sample_websites/darkness/layout/styles/layout.css

@@ -0,0 +1,154 @@
+@charset "utf-8";
+/*
+Template Name: Darkness
+Author: <a href="http://www.os-templates.com/">OS Templates</a>
+Author URI: http://www.os-templates.com/
+Licence: Free to use under our free template licence terms
+Licence URI: http://www.os-templates.com/template-terms
+File: Layout CSS
+*/
+
+@import url("navi.css");
+@import url("forms.css");
+@import url("tables.css");
+
+html{overflow-y:scroll;}
+body{margin:0; padding:0; font-size:12px; font-family:verdana, Arial, Helvetica, sans-serif; color:#525252; background-color:#131313;}
+
+.justify{text-align:justify;}
+.bold{font-weight:bold;}
+.center{text-align:center;}
+.right{text-align:right;}
+.nostart{margin:0; padding:0; list-style-type:none;}
+
+.clear{clear:both;}
+br.clear{clear:both; margin-top:-15px;}
+
+a{outline:none; text-decoration:none;}
+
+.fl_left, .imgl{float:left;}
+.fl_right, .imgr{float:right;}
+
+img{display:block; margin:0; padding:0; border:0;}
+.imgl, .imgr{border:1px solid #999999; padding:5px;}
+.imgl{margin:0 8px 8px 0; clear:left;}
+.imgr{margin:0 0 8px 8px; clear:right;}
+
+/* ----------------------------------------------Wrapper------------------------------------- */
+
+div.wrapper{display:block; width:100%; margin:0; padding:0; text-align:left;}
+div.wrapper h1, div.wrapper h2, div.wrapper h3, div.wrapper h4, div.wrapper h5, div.wrapper h6{margin:0; padding:0 0 8px 0; font-size:20px; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; border-bottom:1px dotted #4C4C4C;}
+
+/* ----------------------------------------------Generalise------------------------------------- */
+
+#header, #intro, #latest, #breadcrumb, #container, #footer, #copyright{display:block; position:relative; width:960px; margin:0 auto;}
+
+/* ----------------------------------------------Header------------------------------------- */
+
+#header{display:block; position:relative; width:920px; margin:0 auto; padding:5px 20px 15px 20px; color:#DBDBDB; background-color:#232323; font-family:Georgia, "Times New Roman", Times, serif;}
+#header #logo{display:block; float:left; width:260px; margin-top:7px;}
+#header #logo h1, #header #logo p{margin:0; padding:0; line-height:normal;}
+#header #logo h1{margin:0; padding:0; font-size:42px; border:none; text-transform:uppercase;}
+#header h1 a{color:#DBDBDB; background-color:#232323;}
+
+/* ----------------------------------------------BreadCrumb------------------------------------- */
+
+#breadcrumb{padding:30px 0; border-bottom:1px dotted #999999;}
+#breadcrumb a{color:#FDC609; background-color:#131313;}
+#breadcrumb ul{margin:0; padding:0; list-style:none;}
+#breadcrumb ul li{display:inline;}
+#breadcrumb ul li.current a{text-decoration:underline;}
+
+/* ----------------------------------------------Latest------------------------------------- */
+
+#latest{padding:20px 0 0 0;}
+#latest .fl_left{display:block; float:left; width:575px; height:300px;}
+#latest .fl_right{display:block; float:right; width:360px; height:280px; padding:10px; color:#333333; background-color:#FDC609;}
+#latest .fl_right h2, #latest .fl_right p{margin:0 0 12px 0; padding:0; border:none; line-height:normal;}
+#latest .fl_right h2{font-size:30px;}
+#latest .fl_right p{line-height:2.2em;}
+#latest .fl_right ul{margin:0; padding:0; list-style:none;}
+#latest ul li{display:block; float:left; width:100px; height:100px; margin:0 15px 0 0; padding:4px; border:1px solid #333333;}
+#latest ul li.last{margin-right:0;}
+
+/* ----------------------------------------------Intro------------------------------------- */
+
+#intro{padding:25px 0 15px 0;}
+#intro ul{margin:0; padding:0; list-style:none;}
+#intro li{display:block; float:left; width:300px; margin:0 30px 0 0; padding:0;}
+#intro li.last{margin-right:0;}
+#intro h2, #intro p, #intro img, #intro div{margin:0 0 20px 0; padding:0;}
+#intro h2{padding-bottom:8px; color:#FFFFFF; background-color:#131313;}
+#intro div.imgholder{display:block; width:300px;}
+#intro div.imgholder img{margin:0; padding:0; border:none;}
+#intro p.readmore{margin:0;}
+#intro p.readmore a{padding:5px 15px; font-weight:bold; color:#FDC609; background-color:#1E1E1E;}
+
+/* ----------------------------------------------Content------------------------------------- */
+
+#container{padding:30px 0; line-height:1.4em; color:#525252; background-color:#131313;}
+#container a{color:#FDC609; background-color:#131313;}
+#container h1, #container h2, #container h3, #container h4, #container h5, #container h6{margin-bottom:20px; padding-bottom:8px; border-bottom:1px dotted #999999;}
+#content{display:block; float:left; width:600px;}
+
+/* Comments */
+
+#comments{margin-bottom:40px;}
+#comments .commentlist{margin:0; padding:0;}
+#comments .commentlist ul{margin:0; padding:0; list-style:none;}
+#comments .commentlist li.comment_odd, #comments .commentlist li.comment_even{margin:0 0 10px 0; padding:15px; list-style:none;}
+#comments .commentlist li.comment_odd{color:#CCCCCC; background-color:#333333;}
+#comments .commentlist li.comment_odd a{color:#FDC609; background-color:#333333;}
+#comments .commentlist li.comment_even{color:#CCCCCC; background-color:#1E1E1E;}
+#comments .commentlist li.comment_even a{color:#FDC609; background-color:#1E1E1E;}
+#comments .commentlist .author .name{font-weight:bold;}
+#comments .commentlist .submitdate{font-size:smaller;}
+#comments .commentlist p{margin:10px 5px 10px 0; padding:0; font-weight:normal; text-transform:none;}
+#comments .commentlist li .avatar{float:right; border:1px solid #EEEEEE; margin:0 0 0 10px;}
+
+/* ----------------------------------------------Column------------------------------------- */
+
+#column{display:block; float:right; width:300px;}
+.flickrbox ul{margin:0; padding:0; list-style:none;}
+.flickrbox li{display:block; float:left; width:80px; height:80px; margin:0 15px 15px 0; padding:4px; border:1px solid #666666;}
+.flickrbox li.last{margin-right:0;}
+#column .holder, #column #featured{display:block; width:300px; margin-bottom:20px;}
+#column .holder p{line-height:1.6em;}
+#column h2{font-size:20px;}
+#column .holder h2.title{display:block; width:100%; height:65px; margin:0; padding:15px 0 0 0; font-size:20px; line-height:normal; border-bottom:1px dashed #666666;}
+#column .holder h2.title img{float:left; margin:-15px 8px 0 0; padding:5px; border:1px solid #666666;}
+#column .holder p.readmore{display:block; width:100%; font-weight:bold; text-align:right; line-height:normal;}
+#column div.imgholder{display:block; width:290px; margin:0 0 10px 0; padding:4px; border:1px solid #666666;}
+
+/* Featured Block */
+
+#column #featured a{color:#FDC609; background-color:#1F1F1F;}
+#column #featured ul, #column #featured h2, #column #featured p{margin:0; padding:0; list-style:none;}
+#column #featured li{display:block; width:250px; margin:0; padding:20px 25px; color:#666666; background-color:#1F1F1F;}
+#column #featured li p{line-height:1.6em;}
+#column #featured li p.imgholder{display:block; width:240px; height:90px; margin:20px 0 15px 0; padding:4px; color:#666666; background-color:#333333; border:1px solid #666666;}
+#column #featured li h2{margin:0; padding:0 0 14px 0; font-size:20px; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; color:#666666; background-color:#1F1F1F; line-height:normal; border-bottom:1px dashed #666666;}
+#column #featured p.readmore{display:block; width:100%; margin-top:15px; font-weight:bold; text-align:right; line-height:normal;}
+#column #latestnews{display:block; width:100%; margin:0; padding:0; list-style:none;}
+#column #latestnews li{display:block; margin:0 0 20px 0; padding:0 0 15px 0; border-bottom:1px dotted #999999;}
+#column #latestnews li.last{margin-bottom:0;}
+#column #latestnews p{margin:0 0 5px 0; padding:0;}
+#column #latestnews p.readmore{margin:0; padding:0;}
+#column #latestnews .imgl{margin:0 10px 10px 0; padding:4px;}
+
+/* ----------------------------------------------Footer------------------------------------- */
+
+#footer{display:block; position:relative; width:920px; margin:0 auto; padding:20px; color:#98989A; background-color:#232323;}
+#footer a{color:#FDC609; background-color:#232323;}
+#footer h2{margin-bottom:10px; border-bottom-color:#98989A;}
+#footer p, #footer ul, #footer a{margin:0; padding:0; font-weight:normal; list-style:none; line-height:normal;}
+#footer .footbox{display:block; float:right; width:190px; margin:0 0 0 15px; padding:0;}
+#footer li{margin-bottom:3px;}
+#footer .last{margin:0;}
+#newsletter{display:block; float:left; width:300px;}
+
+/* ----------------------------------------------Copyright------------------------------------- */
+
+#copyright{display:block; position:relative; width:920px; margin:0 auto; padding:20px; color:#525252; background-color:#1F1F1F;}
+#copyright a{color:#525252; background-color:#1F1F1F;}
+#copyright p{margin:0; padding:0;}

gaia/tests/python/gaia-ui-tests/gaiatest/resources/sample_websites/darkness/layout/styles/navi.css

@@ -0,0 +1,31 @@
+@charset "utf-8";
+/*
+Template Name: Darkness
+Author: <a href="http://www.os-templates.com/">OS Templates</a>
+Author URI: http://www.os-templates.com/
+Licence: Free to use under our free template licence terms
+Licence URI: http://www.os-templates.com/template-terms
+File: Navigation CSS
+*/
+
+#header #topnav{display:block; float:right; width:650px; margin:30px 0 0 0; padding:0; font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:right;}
+#header ul{margin:0; padding:0; list-style:none;}
+#header li{display:inline; margin-right:35px;}
+#header li a:link, #header li a:visited, #header li a:hover{margin:0; padding:0 3px 10px 3px; color:#FFFFFF; background-color:#232323; border-bottom:1px solid #232323;}
+#header li a:hover, #header li.active a{color:#FDC609; background-color:#232323; border-bottom-color:#FDC609;}
+#header #topnav li.last{margin-right:0;}
+
+/* ----------------------------------------------Column Navigation------------------------------------- */
+
+#column .subnav{display:block; width:250px; padding:25px; background-color:#1F1F1F; margin-bottom:30px;}
+#column .subnav h2{margin:0 0 20px 0; padding:0 0 14px 0; font-size:20px; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; color:#666666; background-color:#1F1F1F; line-height:normal; border-bottom:1px dashed #666666;}
+#column .subnav ul{margin:0; padding:0; list-style:none;}
+#column .subnav li{margin:0 0 3px 0; padding:0;}
+#column .subnav ul ul, #column .subnav ul ul ul, #column .subnav ul ul ul ul, #column .subnav ul ul ul ul ul{border-top:none; padding-top:0;}
+#column .subnav a{display:block; margin:0; padding:5px 10px 5px 20px; color:#666666; background-image:url("images/yellow_file.gif"); background-position:10px center; background-repeat:no-repeat; background-color:#1F1F1F; text-decoration:none; border-bottom:1px dotted #666666;}
+#column .subnav a:hover{color:#FDC609; background-color:#161616;}
+#column .subnav ul ul a, #column .subnav ul ul ul a, #column .subnav ul ul ul ul a, #column .subnav ul ul ul ul ul a{background:url("images/white_file.gif") no-repeat #1F1F1F;}
+#column .subnav ul ul a{padding-left:40px; background-position:30px center;}
+#column .subnav ul ul ul a{padding-left:50px; background-position:40px center;}
+#column .subnav ul ul ul ul a{padding-left:60px; background-position:50px center;}
+#column .subnav ul ul ul ul ul a{padding-left:70px; background-position:60px center;}

gaia/tests/python/gaia-ui-tests/gaiatest/resources/sample_websites/darkness/layout/styles/tables.css

@@ -0,0 +1,16 @@
+@charset "utf-8";
+/*
+Template Name: Darkness
+Author: <a href="http://www.os-templates.com/">OS Templates</a>
+Author URI: http://www.os-templates.com/
+Licence: Free to use under our free template licence terms
+Licence URI: http://www.os-templates.com/template-terms
+File: Tables CSS
+*/
+
+table{width:100%; border-collapse:collapse; table-layout:auto; vertical-align:top; margin-bottom:15px; border:1px solid #999999;}
+table thead th{color:#FFFFFF; background-color:#000000; border:1px solid #999999; border-collapse:collapse; text-align:center; table-layout:auto; vertical-align:middle;}
+table tbody td{vertical-align:top; border-collapse:collapse; border-left:1px solid #999999; border-right:1px solid #999999;}
+table thead th, table tbody td{padding:5px; border-collapse:collapse;}
+table tbody tr.light{color:#CCCCCC; background-color:#333333;}
+table tbody tr.dark{color:#CCCCCC; background-color:#1E1E1E;}

gaia/tests/python/gaia-ui-tests/gaiatest/resources/sample_websites/darkness/licence.txt

@@ -0,0 +1,81 @@
+----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
+----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
+
+Template Name: Darkness
+File: Licence
+Author: OS Templates
+Author URI: http://www.os-templates.com/
+Licence URI: http://www.os-templates.com/template-terms
+
+----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
+----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
+
+IPR
+---
+
+Intellectual Property Rights (IPR) belong to and stay with OS Templates and the their owner(s).
+
+
+TERMS OF USE
+------------
+
+This template can be used for private and commercial websites under the following terms:
+
+    * You must attribute the work in the manner specified by OS Templates (author and licensor - see Attribution section below).
+
+    * If you use our work for your clients or friends website(s), you have to inform them of the licence that comes with the template(s)
+
+    * You can not claim intellectual property rights or exclusive ownership to any of our templates, modified or unmodified. All templates are the property of OS Templates.
+
+    * You are not permitted to place any of our templates either modified or unmodified, on a diskette, CD, website or any other medium for redistribution, sale or resale.
+
+    * You can not offer our templates for re-distribution of any kind without prior written consent from us.
+
+    * You are not permitted to port / convert any of our templates for a CMS, Blog system or any other form of dynamically managed content system for distribution / re-distribution on a diskette, CD, website or any other medium or for sale or resale.
+
+      You can only port / convert a template for your personal use and if a client asks you to port a template for them.
+
+    * You can not sell or offer our templates for sale. This also includes offering our templates as part of a product package. You can sell your services but not our templates.
+
+
+
+ATTRIBUTION
+-----------
+
+All templates that can be found within this site have copyright information and credit links, that can be found in the templates footer and in the various CSS files.
+
+Credit link(s) and copyright information must stay unmodified in all web pages that use our template(s).
+
+The default credit link that can be found in the (source code) template footer is: <p class="fl_right">Template by <a target="_blank" href="http://www.os-templates.com/" title="Free Website Templates">OS Templates</a></p>
+
+The default footer link may be changed to:
+
+    Code by OS Templates
+    <p class="fl_right">Code by <a href="http://www.os-templates.com/" title="Free Website Templates">OS Templates</a></p>
+
+    Design by OS Templates
+    <p class="fl_right">Design by <a href="http://www.os-templates.com/" title="Free Website Templates">OS Templates</a></p>
+
+    Thanks to OS Templates
+    <p class="fl_right">Thanks to <a href="http://www.os-templates.com/" title="Free Website Templates">OS Templates</a></p>
+
+For companies or individuals that wish to add their information to the template footer please feel free to modify the link as such:
+
+    Website by YOURDETAILS & OS Templates
+    <p class="fl_right">Website by <a href="YOURURL">YOURDETAILS</a> & <a href="http://www.os-templates.com/" title="Free Website Templates">OS Templates</a></p>
+
+
+COPYRIGHT INFO & CREDIT LINKS
+-----------------------------
+
+YOU ARE NOT PERMITTED TO REMOVE CREDIT LINKS AND/OR COPYRIGHT INFORMATION FROM THE TEMPLATE FOOTER OR ACCOMPANYING CSS OR JAVASCRIPT FILES
+
+OS Templates DOES NOT offer paid link removals or paid copyright removals.
+
+All of the templates and digital work that can be found on http://www.os-templates.com/ have been filed globally with various Copyright Offices. If you misuse our digital work we will seek damages and you will be prosecuted.
+
+If credit links and/or copyright information are/is intentionally removed from our digital work, legal action will be taken against those doing so.
+
+Please respect our work, a lot of time has been invested in the work that can be found in the site.
+
+Removing credit links from templates can and will result in legal action. It isn't hard to find out where our templates are being used and who is using them.

gaia/tests/python/gaia-ui-tests/gaiatest/resources/sample_websites/darkness/pages/full-width.html

@@ -0,0 +1,131 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<!--
+Template Name: Darkness
+Author: <a href="http://www.os-templates.com/">OS Templates</a>
+Author URI: http://www.os-templates.com/
+Licence: Free to use under our free template licence terms
+Licence URI: http://www.os-templates.com/template-terms
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>Darkness | Full Width</title>
+<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
+<link rel="stylesheet" href="../layout/styles/layout.css" type="text/css" />
+</head>
+<body id="top">
+<div class="wrapper">
+  <div id="header">
+    <div id="logo">
+      <h1><a href="../index.html">Darkness</a></h1>
+      <p>Free Website Template</p>
+    </div>
+    <div id="topnav">
+      <ul>
+        <li><a href="../index.html">Home</a></li>
+        <li><a href="style-demo.html">Style Demo</a></li>
+        <li class="active"><a href="full-width.html">Full Width</a></li>
+        <li><a href="#">Link Text</a></li>
+        <li class="last"><a href="#">A Long Link Text</a></li>
+      </ul>
+    </div>
+    <br class="clear" />
+  </div>
+</div>
+<div class="wrapper">
+  <div id="breadcrumb">
+    <ul>
+      <li class="first">You Are Here</li>
+      <li>&#187;</li>
+      <li><a href="#">Home</a></li>
+      <li>&#187;</li>
+      <li><a href="#">Grand Parent</a></li>
+      <li>&#187;</li>
+      <li><a href="#">Parent</a></li>
+      <li>&#187;</li>
+      <li class="current"><a href="#">Child</a></li>
+    </ul>
+  </div>
+</div>
+<div class="wrapper">
+  <div id="container">
+    <h1>Headline 1 Colour and Size</h1>
+    <h2>Headline 2 Colour and Size</h2>
+    <h3>Headline 3 Colour and Size</h3>
+    <h4>Headline 4 Colour and Size</h4>
+    <h5>Headline 5 Colour and Size</h5>
+    <h6>Headline 6 Colour and Size</h6>
+    <p>This is a W3C compliant free website template from <a href="http://www.os-templates.com/" title="Free Website Templates">OS Templates</a>. This template is distributed using a <a href="http://www.os-templates.com/template-terms">Website Template Licence</a>.</p>
+    <p>You can use and modify the template for both personal and commercial use. You must keep all copyright information and credit links in the template and associated files. For more CSS templates visit <a href="http://www.os-templates.com/">Free Website Templates</a>.</p>
+    <ul>
+      <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+      <li>Etiam vel sapien et est adipiscing commodo.</li>
+      <li>Duis pharetra eleifend sapien, id faucibus dolor rutrum et.</li>
+      <li>Donec et dui dolor, in lacinia leo.</li>
+      <li>Mauris posuere tellus ac purus adipiscing dapibus.</li>
+    </ul>
+    <p>Vestibulumaccumsan egestibulum eu justo convallis augue estas aenean elit intesque sed. Facilispede estibulum nulla orna nisl velit elit ac aliquat non tincidunt. Namjusto cras urna urnaretra lor urna neque sed quis orci nulla. Laoremut vitae doloreet condimentumst phasellentes dolor ut a ipsum id consectetus. Inpede cumst vitae ris tellentesque fring intesquet nibh fames nulla curabitudin.</p>
+    <ol>
+      <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+      <li>Etiam vel sapien et est adipiscing commodo.</li>
+      <li>Duis pharetra eleifend sapien, id faucibus dolor rutrum et.</li>
+      <li>Donec et dui dolor, in lacinia leo.</li>
+      <li>Mauris posuere tellus ac purus adipiscing dapibus.</li>
+    </ol>
+  </div>
+</div>
+<div class="wrapper">
+  <div id="footer">
+    <div id="newsletter">
+      <h2>Stay In The Know !</h2>
+      <p>Please enter your email to join our mailing list</p>
+      <form action="#" method="post">
+        <fieldset>
+          <legend>News Letter</legend>
+          <input type="text" value="Enter Email Here&hellip;"  onfocus="this.value=(this.value=='Enter Email Here&hellip;')? '' : this.value ;" />
+          <input type="submit" name="news_go" id="news_go" value="GO" />
+        </fieldset>
+      </form>
+      <p>To unsubscribe please <a href="#">click here &raquo;</a></p>
+    </div>
+    <div class="footbox">
+      <h2>Lacus interdum</h2>
+      <ul>
+        <li><a href="#">Praesent et eros</a></li>
+        <li><a href="#">Praesent et eros</a></li>
+        <li><a href="#">Lorem ipsum dolor</a></li>
+        <li><a href="#">Suspendisse in neque</a></li>
+        <li class="last"><a href="#">Praesent et eros</a></li>
+      </ul>
+    </div>
+    <div class="footbox">
+      <h2>Lacus interdum</h2>
+      <ul>
+        <li><a href="#">Praesent et eros</a></li>
+        <li><a href="#">Praesent et eros</a></li>
+        <li><a href="#">Lorem ipsum dolor</a></li>
+        <li><a href="#">Suspendisse in neque</a></li>
+        <li class="last"><a href="#">Praesent et eros</a></li>
+      </ul>
+    </div>
+    <div class="footbox">
+      <h2>Lacus interdum</h2>
+      <ul>
+        <li><a href="#">Praesent et eros</a></li>
+        <li><a href="#">Praesent et eros</a></li>
+        <li><a href="#">Lorem ipsum dolor</a></li>
+        <li><a href="#">Suspendisse in neque</a></li>
+        <li class="last"><a href="#">Praesent et eros</a></li>
+      </ul>
+    </div>
+    <br class="clear" />
+  </div>
+</div>
+<div class="wrapper">
+  <div id="copyright">
+    <p class="fl_left">Copyright &copy; 2014 - All Rights Reserved - <a href="#">Domain Name</a></p>
+    <p class="fl_right">Template by <a target="_blank" href="http://www.os-templates.com/" title="Free Website Templates">OS Templates</a></p>
+    <br class="clear" />
+  </div>
+</div>
+</body>
+</html>

gaia/tests/python/gaia-ui-tests/gaiatest/resources/sample_websites/darkness/pages/style-demo.html

@@ -0,0 +1,250 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<!--
+Template Name: Darkness
+Author: <a href="http://www.os-templates.com/">OS Templates</a>
+Author URI: http://www.os-templates.com/
+Licence: Free to use under our free template licence terms
+Licence URI: http://www.os-templates.com/template-terms
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>Darkness | Style Demo</title>
+<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
+<link rel="stylesheet" href="../layout/styles/layout.css" type="text/css" />
+</head>
+<body id="top">
+<div class="wrapper">
+  <div id="header">
+    <div id="logo">
+      <h1><a href="../index.html">Darkness</a></h1>
+      <p>Free Website Template</p>
+    </div>
+    <div id="topnav">
+      <ul>
+        <li><a href="../index.html">Home</a></li>
+        <li class="active"><a href="style-demo.html">Style Demo</a></li>
+        <li><a href="full-width.html">Full Width</a></li>
+        <li><a href="#">Link Text</a></li>
+        <li class="last"><a href="#">A Long Link Text</a></li>
+      </ul>
+    </div>
+    <br class="clear" />
+  </div>
+</div>
+<div class="wrapper">
+  <div id="breadcrumb">
+    <ul>
+      <li class="first">You Are Here</li>
+      <li>&#187;</li>
+      <li><a href="#">Home</a></li>
+      <li>&#187;</li>
+      <li><a href="#">Grand Parent</a></li>
+      <li>&#187;</li>
+      <li><a href="#">Parent</a></li>
+      <li>&#187;</li>
+      <li class="current"><a href="#">Child</a></li>
+    </ul>
+  </div>
+</div>
+<div class="wrapper">
+  <div id="container">
+    <div id="content">
+      <h1>&lt;h1&gt; to &lt;h6&gt; - Headline Colour and Size Are All The Same</h1>
+      <img class="imgr" src="../images/demo/imgr.gif" alt="" width="125" height="125" />
+      <p>Aliquatjusto quisque nam consequat doloreet vest orna partur scetur portortis nam. Metadipiscing eget facilis elit sagittis felisi eger id justo maurisus convallicitur.</p>
+      <p>Dapiensociis <a href="#">temper donec auctortortis cumsan</a> et curabitur condis lorem loborttis leo. Ipsumcommodo libero nunc at in velis tincidunt pellentum tincidunt vel lorem.</p>
+      <img class="imgl" src="../images/demo/imgl.gif" alt="" width="125" height="125" />
+      <p>This is a W3C compliant free website template from <a href="http://www.os-templates.com/" title="Free Website Templates">OS Templates</a>. This template is distributed using a <a href="http://www.os-templates.com/template-terms">Website Template Licence</a>.</p>
+      <p>You can use and modify the template for both personal and commercial use. You must keep all copyright information and credit links in the template and associated files. For more CSS templates visit <a href="http://www.os-templates.com/">Free Website Templates</a>.</p>
+      <p>Portortornec condimenterdum eget consectetuer condis consequam pretium pellus sed mauris enim. Puruselit mauris nulla hendimentesque elit semper nam a sapien urna sempus.</p>
+      <h2>Table(s)</h2>
+      <table summary="Summary Here" cellpadding="0" cellspacing="0">
+        <thead>
+          <tr>
+            <th>Header 1</th>
+            <th>Header 2</th>
+            <th>Header 3</th>
+            <th>Header 4</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr class="light">
+            <td>Value 1</td>
+            <td>Value 2</td>
+            <td>Value 3</td>
+            <td>Value 4</td>
+          </tr>
+          <tr class="dark">
+            <td>Value 5</td>
+            <td>Value 6</td>
+            <td>Value 7</td>
+            <td>Value 8</td>
+          </tr>
+          <tr class="light">
+            <td>Value 9</td>
+            <td>Value 10</td>
+            <td>Value 11</td>
+            <td>Value 12</td>
+          </tr>
+          <tr class="dark">
+            <td>Value 13</td>
+            <td>Value 14</td>
+            <td>Value 15</td>
+            <td>Value 16</td>
+          </tr>
+        </tbody>
+      </table>
+      <div id="comments">
+        <h2>Comments</h2>
+        <ul class="commentlist">
+          <li class="comment_odd">
+            <div class="author"><img class="avatar" src="../images/demo/avatar.gif" width="32" height="32" alt="" /><span class="name"><a href="#">A Name</a></span> <span class="wrote">wrote:</span></div>
+            <div class="submitdate"><a href="#">August 4, 2009 at 8:35 am</a></div>
+            <p>This is an example of a comment made on a post. You can either edit the comment, delete the comment or reply to the comment. Use this as a place to respond to the post or to share what you are thinking.</p>
+          </li>
+          <li class="comment_even">
+            <div class="author"><img class="avatar" src="../images/demo/avatar.gif" width="32" height="32" alt="" /><span class="name"><a href="#">A Name</a></span> <span class="wrote">wrote:</span></div>
+            <div class="submitdate"><a href="#">August 4, 2009 at 8:35 am</a></div>
+            <p>This is an example of a comment made on a post. You can either edit the comment, delete the comment or reply to the comment. Use this as a place to respond to the post or to share what you are thinking.</p>
+          </li>
+          <li class="comment_odd">
+            <div class="author"><img class="avatar" src="../images/demo/avatar.gif" width="32" height="32" alt="" /><span class="name"><a href="#">A Name</a></span> <span class="wrote">wrote:</span></div>
+            <div class="submitdate"><a href="#">August 4, 2009 at 8:35 am</a></div>
+            <p>This is an example of a comment made on a post. You can either edit the comment, delete the comment or reply to the comment. Use this as a place to respond to the post or to share what you are thinking.</p>
+          </li>
+        </ul>
+      </div>
+      <h2>Write A Comment</h2>
+      <div id="respond">
+        <form action="#" method="post">
+          <p>
+            <input type="text" name="name" id="name" value="" size="22" />
+            <label for="name"><small>Name (required)</small></label>
+          </p>
+          <p>
+            <input type="text" name="email" id="email" value="" size="22" />
+            <label for="email"><small>Mail (required)</small></label>
+          </p>
+          <p>
+            <textarea name="comment" id="comment" cols="100%" rows="10"></textarea>
+            <label for="comment" style="display:none;"><small>Comment (required)</small></label>
+          </p>
+          <p>
+            <input name="submit" type="submit" id="submit" value="Submit Form" />
+            &nbsp;
+            <input name="reset" type="reset" id="reset" tabindex="5" value="Reset Form" />
+          </p>
+        </form>
+      </div>
+    </div>
+    <div id="column">
+      <div class="subnav">
+        <h2>Secondary Navigation</h2>
+        <ul>
+          <li><a href="#">Navigation - Level 1</a></li>
+          <li><a href="#">Navigation - Level 1</a>
+            <ul>
+              <li><a href="#">Navigation - Level 2</a></li>
+              <li><a href="#">Navigation - Level 2</a></li>
+            </ul>
+          </li>
+          <li><a href="#">Navigation - Level 1</a>
+            <ul>
+              <li><a href="#">Navigation - Level 2</a></li>
+              <li><a href="#">Navigation - Level 2</a>
+                <ul>
+                  <li><a href="#">Navigation - Level 3</a></li>
+                  <li><a href="#">Navigation - Level 3</a></li>
+                </ul>
+              </li>
+            </ul>
+          </li>
+          <li><a href="#">Navigation - Level 1</a></li>
+        </ul>
+      </div>
+      <div class="holder">
+        <h2 class="title"><img src="../images/demo/60x60.gif" alt="" />Nullamlacus dui ipsum conseque loborttis</h2>
+        <p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas dapibulum orna. Urnaultrices quis curabitur phasellentesque.</p>
+        <p class="readmore"><a href="#">Continue Reading &raquo;</a></p>
+      </div>
+      <div id="featured">
+        <ul>
+          <li>
+            <h2>Indonectetus facilis leonib</h2>
+            <p class="imgholder"><img src="../images/demo/240x90.gif" alt="" /></p>
+            <p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis vestibulum quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris felit elit id nibh sociis malesuada.</p>
+            <p class="readmore"><a href="#">Continue Reading &raquo;</a></p>
+          </li>
+        </ul>
+      </div>
+      <div class="holder">
+        <h2>Lorem ipsum dolor</h2>
+        <p>Nuncsed sed conseque a at quismodo tris mauristibus sed habiturpiscinia sed.</p>
+        <ul>
+          <li><a href="#">Lorem ipsum dolor sit</a></li>
+          <li>Etiam vel sapien et</li>
+          <li><a href="#">Etiam vel sapien et</a></li>
+        </ul>
+        <p>Nuncsed sed conseque a at quismodo tris mauristibus sed habiturpiscinia sed. Condimentumsantincidunt dui mattis magna intesque purus orci augue lor nibh.</p>
+        <p class="readmore"><a href="#">Continue Reading &raquo;</a></p>
+      </div>
+    </div>
+    <br class="clear" />
+  </div>
+</div>
+<div class="wrapper">
+  <div id="footer">
+    <div id="newsletter">
+      <h2>Stay In The Know !</h2>
+      <p>Please enter your email to join our mailing list</p>
+      <form action="#" method="post">
+        <fieldset>
+          <legend>News Letter</legend>
+          <input type="text" value="Enter Email Here&hellip;"  onfocus="this.value=(this.value=='Enter Email Here&hellip;')? '' : this.value ;" />
+          <input type="submit" name="news_go" id="news_go" value="GO" />
+        </fieldset>
+      </form>
+      <p>To unsubscribe please <a href="#">click here &raquo;</a></p>
+    </div>
+    <div class="footbox">
+      <h2>Lacus interdum</h2>
+      <ul>
+        <li><a href="#">Praesent et eros</a></li>
+        <li><a href="#">Praesent et eros</a></li>
+        <li><a href="#">Lorem ipsum dolor</a></li>
+        <li><a href="#">Suspendisse in neque</a></li>
+        <li class="last"><a href="#">Praesent et eros</a></li>
+      </ul>
+    </div>
+    <div class="footbox">
+      <h2>Lacus interdum</h2>
+      <ul>
+        <li><a href="#">Praesent et eros</a></li>
+        <li><a href="#">Praesent et eros</a></li>
+        <li><a href="#">Lorem ipsum dolor</a></li>
+        <li><a href="#">Suspendisse in neque</a></li>
+        <li class="last"><a href="#">Praesent et eros</a></li>
+      </ul>
+    </div>
+    <div class="footbox">
+      <h2>Lacus interdum</h2>
+      <ul>
+        <li><a href="#">Praesent et eros</a></li>
+        <li><a href="#">Praesent et eros</a></li>
+        <li><a href="#">Lorem ipsum dolor</a></li>
+        <li><a href="#">Suspendisse in neque</a></li>
+        <li class="last"><a href="#">Praesent et eros</a></li>
+      </ul>
+    </div>
+    <br class="clear" />
+  </div>
+</div>
+<div class="wrapper">
+  <div id="copyright">
+    <p class="fl_left">Copyright &copy; 2014 - All Rights Reserved - <a href="#">Domain Name</a></p>
+    <p class="fl_right">Template by <a target="_blank" href="http://www.os-templates.com/" title="Free Website Templates">OS Templates</a></p>
+    <br class="clear" />
+  </div>
+</div>
+</body>
+</html>

gaia/tests/python/gaia-ui-tests/gaiatest/resources/webapps/mozqa.com/index.html

@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <head>
+  	<title>Mozilla QA WebRT Tester</title>
+  </head>
+  <body>
+  	<h1>Mozilla QA WebRT Tester</h1>
+  	<p>An app for running web runtime test cases with native applications</p>
+  </body>
+</html>

gaia/tests/python/gaia-ui-tests/gaiatest/resources/webapps/mozqa.com/manifest.webapp

@@ -0,0 +1,14 @@
+{
+  "version": "1.0",
+  "name": "Mozilla QA WebRT Tester",
+  "description": "An app for running web runtime test cases with native applications",
+  "icons": {
+    "128": "/webapps/mozqa.com/qalogo.png"
+  },
+  "developer": {
+    "url": "http://mozqa.com",
+    "name": "Mozilla QA"
+  },
+  "installs_allowed_from": ["*"],
+  "launch_path": "/webapps/mozqa.com/index.html"
+}

gaia/tests/python/gaia-ui-tests/gaiatest/resources/webapps/packaged1/manifest.webapp

@@ -0,0 +1,15 @@
+{
+  "version": "1.0",
+  "name": "packagedapp1",
+  "description": "Packaged app1",
+  "package_path" : "/webapps/packaged1/packagedapp1.zip",
+  "icons": {
+    "128": "/qalogo.png"
+  },
+  "developer": {
+    "url": "http://mozqa.com",
+    "name": "Mozilla QA"
+  },
+  "installs_allowed_from": ["*"],
+  "launch_path": "/index.html"
+}