Last active
August 29, 2015 14:16
-
-
Save achudars/a49a4668954572b0106d to your computer and use it in GitHub Desktop.
XML containing all (or most) HTML4 and HTML5 elements
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<?xml version="1.0" encoding="UTF-8"?> | |
<journey> | |
<!-- sample transitions --> | |
<state id="1"> | |
<transition id="transition_11" event="onsubmit" target="2"/> | |
<html> | |
<head> | |
<title>Search</title> | |
</head> | |
<body> | |
<form action="action_page.php"> | |
Search Google: | |
<input type="search" name="googlesearch"/> | |
<input type="submit"/> | |
</form> | |
</body> | |
</html> | |
</state> | |
<state id="2"> | |
<transition id="transition_21" event="onclick" target="3"/> | |
<html> | |
<head> | |
<title>Search</title> | |
</head> | |
<body> | |
<h1>Results</h1> | |
<ul> | |
<li>item 1</li> | |
<li>item 2</li> | |
</ul> | |
</body> | |
</html> | |
</state> | |
<state id="3"> | |
<transition id="transition_31" event="" target=""/> | |
<html> | |
<head> | |
<title>Search</title> | |
</head> | |
<body> | |
<div>result</div> | |
</body> | |
</html> | |
</state> | |
<!-- METADATA TESTS --> | |
<!-- <head>, <title>, <base>, <meta>, <style> --> | |
<state id=""> | |
<transition id="" event="" target=""/> | |
<html> | |
<head> | |
<title>METADATA</title> | |
<base href="http://www.example.com/news/index.html"/> | |
<meta name="keywords" content="british,type face,font,fonts,highway,highways"/> | |
<style> | |
body { color: black; background: white; } | |
em { font-style: normal; color: red; } | |
</style> | |
</head> | |
<body> | |
</body> | |
</html> | |
</state> | |
<!-- SCRIPTING TESTS --> | |
<!-- <script> --> | |
<state id=""> | |
<transition id="" event="" target=""/> | |
<html> | |
<head> | |
<title>SCRIPT (and BODY, P, SPAN)</title> | |
<script> | |
function update(online) { | |
document.getElementById('status').textContent = | |
online ? 'Online' : 'Offline'; | |
} | |
</script> | |
</head> | |
<body ononline="update(true)" | |
onoffline="update(false)" | |
onload="update(navigator.onLine)"> | |
<p>You are: <span id="status">(Unknown)</span></p> | |
</body> | |
</html> | |
</state> | |
<!-- <noscript> --> | |
<state id=""> | |
<transition id="" event="" target=""/> | |
<html> | |
<head> | |
<title>NOSCRIPT (and SCRIPT, P)</title> | |
</head> | |
<body> | |
<script> | |
document.write("Hello World!") | |
</script> | |
<noscript>Sorry, your browser does not support JavaScript!</noscript> | |
<p>A browser without support for JavaScript will show the text inside the noscript element.</p> | |
</body> | |
</html> | |
</state> | |
<!-- SECTIONING TESTS --> | |
<!-- <body> --> | |
<state id=""> | |
<transition id="transition_" event="" target=""/> | |
<html> | |
<head> | |
<title>BODY (and P)</title> | |
</head> | |
<body> | |
<p>Hard Trance is My Life.</p> | |
</body> | |
</html> | |
</state> | |
<!-- <article> --> | |
<state id=""> | |
<transition id="transition_" event="" target=""/> | |
<html> | |
<head> | |
<title>ARTICLE (and IMG, P, FOOTER)</title> | |
</head> | |
<body> | |
<article> | |
<img src="/tumblr_masqy2s5yn1rzfqbpo1_500.jpg" alt="Yellow smiley face with the caption 'masif'"/> | |
<p>My fave Masif tee so far!</p> | |
<footer>Posted 2 days ago</footer> | |
</article> | |
<article> | |
<img src="/tumblr_m9tf6wSr6W1rzfqbpo1_500.jpg" alt="" /> | |
<p>Happy 2nd birthday Masif Saturdays!!!</p> | |
<footer>Posted 3 weeks ago</footer> | |
</article> | |
</body> | |
</html> | |
</state> | |
<!-- <section> --> | |
<state id=""> | |
<transition id="transition_" event="" target=""/> | |
<html> | |
<head> | |
<title>SECTION (and H1, P)</title> | |
</head> | |
<body> | |
<h1>Biography</h1> | |
<section> | |
<h1>The facts</h1> | |
<p>1500+ shows, 14+ countries</p> | |
</section> | |
<section> | |
<h1>2010/2011 figures per year</h1> | |
<p>100+ shows, 8+ countries</p> | |
</section> | |
</body> | |
</html> | |
</state> | |
<!-- <nav> --> | |
<state id=""> | |
<transition id="transition_" event="" target=""/> | |
<html> | |
<head> | |
<title>NAV (and P, A)</title> | |
</head> | |
<body> | |
<nav> | |
<p><a href="/">Home</a></p> | |
<p><a href="/biog.html">Bio</a></p> | |
<p><a href="/discog.html">Discog</a></p> | |
</nav> | |
</body> | |
</html> | |
</state> | |
<!-- <aside> --> | |
<state id=""> | |
<transition id="transition_" event="" target=""/> | |
<html> | |
<head> | |
<title>ASIDE (and H1, P, A)</title> | |
</head> | |
<body> | |
<h1>Music</h1> | |
<p>As any burner can tell you, the event has a lot of trance.</p> | |
<aside>You can buy the music we played at our <a href="buy.html">playlist page</a>.</aside> | |
<p>This year we played a kind of trance that originated in Belgium, Germany, and the Netherlands in the mid 90s.</p> | |
</body> | |
</html> | |
</state> | |
<!-- <h1>, <h2>, <h3>, <h4>, <h5>, <h6> --> | |
<state id=""> | |
<transition id="transition_" event="" target=""/> | |
<html> | |
<head> | |
<title>H1, H2, H3, H4, H5, H6 (and P)</title> | |
</head> | |
<body> | |
<h1>The Guide To Music On The Playa</h1> | |
<h2>The Main Stage</h2> | |
<p>If you want to play on a stage, you should bring one.</p> | |
<h3>Amplified Music</h3> | |
<p>Amplifiers up to 300W or 90dB are welcome.</p> | |
<h4>Amplified Music</h4> | |
<p>Amplifiers up to 300W or 90dB are welcome.</p> | |
<h5>Amplified Music</h5> | |
<p>Amplifiers up to 300W or 90dB are welcome.</p> | |
<h6>Amplified Music</h6> | |
</body> | |
</html> | |
</state> | |
<!-- <hgroup> --> | |
<state id=""> | |
<transition id="transition_" event="" target=""/> | |
<html> | |
<head> | |
<title>HGROUP (and SECTION, H1, H2, P)</title> | |
</head> | |
<body> | |
<hgroup> | |
<h1>Burning Music</h1> | |
<h2>The Guide To Music On The Playa</h2> | |
</hgroup> | |
<section> | |
<hgroup> | |
<h1>Main Stage</h1> | |
<h2>The Fiction Of A Music Festival</h2> | |
</hgroup> | |
<p>If you want to play on a stage, you should bring one.</p> | |
</section> | |
<section> | |
<hgroup> | |
<h1>Loudness!</h1> | |
<h2>Questions About Amplified Music</h2> | |
</hgroup> | |
<p>Amplifiers up to 300W or 90dB are welcome.</p> | |
</section> | |
</body> | |
</html> | |
</state> | |
<!-- <header> --> | |
<state id=""> | |
<transition id="transition_" event="" target=""/> | |
<html> | |
<head> | |
<title>HEADER (and H1, P, ARTICLE)</title> | |
</head> | |
<body> | |
<article> | |
<header> | |
<h1>Hard Trance is My Life</h1> | |
<p>By DJ Steve Hill and Technikal</p> | |
</header> | |
<p>The album with the amusing punctuation has red artwork.</p> | |
</article> | |
</body> | |
</html> | |
</state> | |
<!-- <footer> --> | |
<state id=""> | |
<transition id="transition_" event="" target=""/> | |
<html> | |
<head> | |
<title>FOOTER (and ARTICLE, H1, P)</title> | |
</head> | |
<body> | |
<article> | |
<h1>Hard Trance is My Life</h1> | |
<p>The album with the amusing punctuation has red artwork.</p> | |
<footer> | |
<p>Artists: DJ Steve Hill and Technikal</p> | |
</footer> | |
</article> | |
</body> | |
</html> | |
</state> | |
<!-- <address> --> | |
<state id=""> | |
<transition id="transition_" event="" target=""/> | |
<html> | |
<head> | |
<title>FOOTER (and ARTICLE, H1, P)</title> | |
</head> | |
<body> | |
<address itemtype="http://microformats.org/profile/hcard"> | |
<strong itemprop="fn"><span itemprop="n"><span itemprop="given-name">Alfred</span> | |
<span itemprop="family-name">Person</span></span></strong> | |
<span itemprop="adr"> | |
<span itemprop="street-address">1600 Amphitheatre Parkway</span> | |
<span itemprop="street-address">Building 43, Second Floor</span> | |
<span itemprop="locality">Mountain View</span>, | |
<span itemprop="region">CA</span> <span itemprop="postal-code">94043</span> | |
</span> | |
</address> | |
</body> | |
</html> | |
</state> | |
<!-- GROUPING TESTS --> | |
<!-- <p> --> | |
<state id=""> | |
<transition id="transition_" event="" target=""/> | |
<html> | |
<head> | |
<title>P (and FIELDSET, LEGEND, LABEL, INPUT, P, TEXTAREA)</title> | |
</head> | |
<body> | |
<p>The little kitten gently seated himself on a piece of carpet. Later in his life, this would be referred to as the time the cat sat on the mat.</p> | |
<fieldset> | |
<legend>Personal information</legend> | |
<p> | |
<label>Name: <input name="n"/></label> | |
<label><input name="anon" type="checkbox"/> Hide from other users</label> | |
</p> | |
<p><label>Address: <textarea name="a"></textarea></label></p> | |
</fieldset> | |
</body> | |
</html> | |
</state> | |
<!-- <pre> --> | |
<state id=""> | |
<transition id="transition_" event="" target=""/> | |
<html> | |
<head> | |
<title>PRE (and CODE, P, SAMP, KBD)</title> | |
</head> | |
<body> | |
<p>This is the <code>Panel</code> constructor:</p> | |
<pre> | |
<code> | |
function Panel(element, canClose, closeHandler) { | |
this.element = element; | |
this.canClose = canClose; | |
this.closeHandler = function () { | |
if (closeHandler) closeHandler() | |
}; | |
} | |
</code> | |
</pre> | |
<pre> | |
<samp>There is a small mailbox here.</samp> | |
<kbd>open mailbox</kbd> | |
<samp>Opening the mailbox reveals: A leaflet.</samp> | |
</pre> | |
</body> | |
</html> | |
</state> | |
<!-- <blockquote> --> | |
<state id=""> | |
<transition id="transition_" event="" target=""/> | |
<html> | |
<head> | |
<title>BLOCKQUOTE (and P, ARTICLE, H1, HEADER, FOOTER, STRONG, A)</title> | |
</head> | |
<body> | |
<blockquote> | |
<p>[Fred] then said he liked [...] fish.</p> | |
</blockquote> | |
<blockquote> | |
<p>I contend that we are both atheists. I just believe in one fewer god than you do. When you understand why you dismiss all the other possible gods, you will understand why I dismiss yours.</p> | |
</blockquote> | |
<p>— Stephen Roberts</p> | |
<article> | |
<h1><a href="http://bacon.example.com/?blog=109431">Bacon on a crowbar</a></h1> | |
<article> | |
<header><strong>t3yw</strong> 12 points 1 hour ago</header> | |
<p>I bet a narwhal would love that.</p> | |
<footer><a href="?pid=29578">permalink</a></footer> | |
<article> | |
<header><strong>greg</strong> 8 points 1 hour ago</header> | |
<blockquote><p>I bet a narwhal would love that.</p></blockquote> | |
<p>Dude narwhals don't eat bacon.</p> | |
<footer><a href="?pid=29579">permalink</a></footer> | |
<article> | |
<header><strong>t3yw</strong> 15 points 1 hour ago</header> | |
<blockquote> | |
<blockquote><p>I bet a narwhal would love that.</p></blockquote> | |
<p>Dude narwhals don't eat bacon.</p> | |
</blockquote> | |
<p>Next thing you'll be saying they don't get capes and wizard hats either!</p> | |
<footer><a href="?pid=29580">permalink</a></footer> | |
<article> | |
<article> | |
<header><strong>boing</strong> -5 points 1 hour ago</header> | |
<p>narwhals are worse than ceiling cat</p> | |
<footer><a href="?pid=29581">permalink</a></footer> | |
</article> | |
</article> | |
</article> | |
</article> | |
<article> | |
<header><strong>fred</strong> 1 points 23 minutes ago</header> | |
<blockquote><p>I bet a narwhal would love that.</p></blockquote> | |
<p>I bet they'd love to peel a banana too.</p> | |
<footer><a href="?pid=29582">permalink</a></footer> | |
</article> | |
</article> | |
</article> | |
</body> | |
</html> | |
</state> | |
<!-- <ol> --> | |
<state id=""> | |
<transition id="transition_" event="" target=""/> | |
<html> | |
<head> | |
<title>OL (and P, LI)</title> | |
</head> | |
<body> | |
<p>I have lived in the following countries (given in the order of when I first lived there):</p> | |
<ol> | |
<li>Switzerland</li> | |
<li>United Kingdom</li> | |
<li>United States</li> | |
<li>Norway</li> | |
</ol> | |
</body> | |
</html> | |
</state> | |
<!-- <ul> --> | |
<state id=""> | |
<transition id="transition_" event="" target=""/> | |
<html> | |
<head> | |
<title>UL (and P, LI)</title> | |
</head> | |
<body> | |
<p>I have lived in the following countries:</p> | |
<ul> | |
<li>Switzerland</li> | |
<li>Norway</li> | |
<li>United Kingdom</li> | |
<li>United States</li> | |
</ul> | |
</body> | |
</html> | |
</state> | |
<!-- <li> --> | |
<state id=""> | |
<transition id="transition_" event="" target=""/> | |
<html> | |
<head> | |
<title>LI (and FIGURE, FIGCAPTION, OL, CITE)</title> | |
</head> | |
<body> | |
<figure> | |
<figcaption>The top 10 movies of all time</figcaption> | |
<ol> | |
<li value="10"><cite>Josie and the Pussycats</cite>, 2001</li> | |
<li value="9"><cite lang="sh">Црна мачка, бели мачор</cite>, 1998</li> | |
<li value="8"><cite>A Bug's Life</cite>, 1998</li> | |
<li value="7"><cite>Toy Story</cite>, 1995</li> | |
<li value="6"><cite>Monsters, Inc</cite>, 2001</li> | |
<li value="5"><cite>Cars</cite>, 2006</li> | |
<li value="4"><cite>Toy Story 2</cite>, 1999</li> | |
<li value="3"><cite>Finding Nemo</cite>, 2003</li> | |
<li value="2"><cite>The Incredibles</cite>, 2004</li> | |
<li value="1"><cite>Ratatouille</cite>, 2007</li> | |
</ol> | |
</figure> | |
</body> | |
</html> | |
</state> | |
<!-- <dl>, <dt>, <dd> --> | |
<state id=""> | |
<transition id="transition_" event="" target=""/> | |
<html> | |
<head> | |
<title>DL, DT, DD (and P)</title> | |
</head> | |
<body> | |
<p>Determine the victory points as follows (use the first matching case):</p> | |
<dl> | |
<dt> If you have exactly five gold coins </dt> | |
<dd> You get five victory points </dd> | |
<dt> If you have one or more gold coins, and you have one or more silver coins </dt> | |
<dd> You get two victory points </dd> | |
<dt> If you have one or more silver coins </dt> | |
<dd> You get one victory point </dd> | |
<dt> Otherwise </dt> | |
<dd> You get no victory points </dd> | |
</dl> | |
</body> | |
</html> | |
</state> | |
<!-- <figure>, <figcaption> --> | |
<state id=""> | |
<transition id="transition_" event="" target=""/> | |
<html> | |
<head> | |
<title>FIGURE, FIGCAPTION (and IMG)</title> | |
</head> | |
<body> | |
<figure> | |
<figcaption>The castle through the ages: 1423, 1858, and 1999 respectively.</figcaption> | |
<figure> | |
<figcaption>Etching. Anonymous, ca. 1423.</figcaption> | |
<img src="castle1423.jpeg" alt="The castle has one tower, and a tall wall around it."/> | |
</figure> | |
<figure> | |
<figcaption>Oil-based paint on canvas. Maria Towle, 1858.</figcaption> | |
<img src="castle1858.jpeg" alt="The castle now has two towers and two walls."/> | |
</figure> | |
<figure> | |
<figcaption>Film photograph. Peter Jankle, 1999.</figcaption> | |
<img src="castle1999.jpeg" alt="The castle lies in ruins, the original tower all that remains in one piece."/> | |
</figure> | |
</figure> | |
</body> | |
</html> | |
</state> | |
<!-- <main> --> | |
<state id=""> | |
<transition id="transition_" event="" target=""/> | |
<html> | |
<head> | |
<title>MAIN (and ARTICLE, H1, P)</title> | |
</head> | |
<body> | |
<main> | |
<h1>Web Browsers</h1> | |
<p>Google Chrome, Firefox, and Internet Explorer are the most used browsers today.</p> | |
<article> | |
<h1>Google Chrome</h1> | |
<p>Google Chrome is a free, open-source web browser developed by Google, released in 2008.</p> | |
</article> | |
<article> | |
<h1>Internet Explorer</h1> | |
<p>Internet Explorer is a free web browser from Microsoft, released in 1995.</p> | |
</article> | |
<article> | |
<h1>Mozilla Firefox</h1> | |
<p>Firefox is a free, open-source web browser from Mozilla, released in 2004.</p> | |
</article> | |
</main> | |
</body> | |
</html> | |
</state> | |
<!-- <div> --> | |
<state id=""> | |
<transition id="transition_" event="" target=""/> | |
<html> | |
<head> | |
<title>DIV (and ARTICLE, H1, P)</title> | |
</head> | |
<body> | |
<article lang="en-US"> | |
<h1>My use of language and my cats</h1> | |
<p>My cat's behaviour hasn't changed much since her absence.</p> | |
<div lang="en-GB"> | |
<p>My other cat, coloured black and white, is a sweetie.</p> | |
<p>Hm, I just noticed that in the last paragraph I used British English.</p> | |
</div> | |
<p>I should say "sidewalk" and "apartment" and "color"!</p> | |
</article> | |
</body> | |
</html> | |
</state> | |
<!-- TEXT-LEVEL SEMANTIC TESTS --> | |
<state id=""> | |
<transition id="transition_" event="" target=""/> | |
<html> | |
<head> | |
<title>TEXT-LEVEL SEMANTICS</title> | |
</head> | |
<body> | |
<!-- <em> -->I must say I <em>adore</em> lemonade. | |
<!-- <strong> -->This tea is <strong>very hot</strong>. | |
<!-- <small> -->These grapes are made into wine. <small>Alcohol is addictive.</small> | |
<!-- <s> -->Price: <s>£4.50</s> £2.00! | |
<!-- <cite> -->The case <cite>Hugo v. Danielle</cite> is relevant here. | |
<!-- <q> -->The judge said <q>You can drink water from the fish tank</q> but advised against it. | |
<!-- <dfn> -->The term <dfn>organic food</dfn> refers to food produced without synthetic chemicals. | |
<!-- <abbr> -->Organic food in Ireland is certified by the <abbr title="Irish Organic Farmers and Growers Association">IOFGA</abbr>. | |
<!-- <time> -->Available starting on <time datetime="2011-11-12">November 12th</time>! | |
<!-- <code> -->The <code>fruitdb</code> program can be used for tracking fruit production. | |
<!-- <var> -->If there are <var>n</var> fruit in the bowl, at least <var>n</var>÷2 will be ripe. | |
<!-- <samp> -->The computer said <samp>Unknown error -3</samp>. | |
<!-- <kbd> -->Hit <kbd>F1</kbd> to continue. | |
<!-- <sub> -->Water is H<sub>2</sub>O. | |
<!-- <sup> -->The Hydrogen in heavy water is usually <sup>2</sup>H. | |
<!-- <mark> -->Elderflower cordial, with one <mark>part</mark> cordial to ten <mark>part</mark>s water, stands a<mark>part</mark> from the rest. | |
<!-- <ruby>,<rt>,<rp> --><ruby> OJ <rp>(<rt>Orange Juice</rt>)</rp></ruby> | |
<!-- <bdi> -->The recommended restaurant is <bdi lang="">My Juice Café (At The Beach)</bdi>. | |
<!-- <bdo> -->The proposal is to write English, but in reverse order. "Juice" would become "<bdo dir="rtl">Juice</bdo>" | |
<!-- <span> -->In French we call it <span lang="fr">sirop de sureau</span>. | |
<!-- <wbr> -->www.simply<wbr>orange</wbr>juice.com | |
</body> | |
</html> | |
</state> | |
<!-- LINKS TESTS --> | |
<!-- <a> --> | |
<state id=""> | |
<transition id="transition_" event="" target=""/> | |
<html> | |
<head> | |
<title>A (and NAV, P)</title> | |
</head> | |
<body> | |
<nav> | |
<p> | |
<a href="/">Main</a> ▸ | |
<a href="/products/">Products</a> ▸ | |
<a href="/products/dishwashers/">Dishwashers</a> ▸ | |
<a>Second hand</a> | |
</p> | |
<p> | |
<a href="/">Main</a> ▸ | |
<a href="/second-hand/">Second hand</a> ▸ | |
<a>Dishwashers</a> | |
</p> | |
</nav> | |
</body> | |
</html> | |
</state> | |
<!-- <area> --> | |
<state id=""> | |
<transition id="transition_" event="" target=""/> | |
<html> | |
<head> | |
<title>AREA (and IMG, MAP)</title> | |
</head> | |
<body> | |
<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap"/> | |
<map name="planetmap"> | |
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun"/> | |
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury"/> | |
<area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus"/> | |
</map> | |
</body> | |
</html> | |
</state> | |
<!-- <link> --> | |
<state id=""> | |
<transition id="transition_" event="" target=""/> | |
<html> | |
<head> | |
<title>LINK</title> | |
<link rel="author license" href="/about"/> | |
</head> | |
<body> | |
</body> | |
</html> | |
</state> | |
<!-- EDITS TESTS --> | |
<!-- <ins>, <del> --> | |
<state id=""> | |
<transition id="transition_" event="" target=""/> | |
<html> | |
<head> | |
<title>INS, DEL (and SECTION, H1)</title> | |
</head> | |
<body> | |
<section> | |
<ins> | |
<h1>Example of paragraphs</h1> | |
This is the <em>first</em> paragraph in | |
</ins> this example | |
<del>. | |
<p>This is the second.</p> | |
</del> | |
<!-- This is not a paragraph. --> | |
</section> | |
</body> | |
</html> | |
</state> | |
<!-- EMBEDDED TESTS --> | |
<!-- <img> --> | |
<state id=""> | |
<transition id="transition_" event="" target=""/> | |
<html> | |
<head> | |
<title>IMG (and FIGURE, FIGCAPTION)</title> | |
</head> | |
<body> | |
<figure> | |
<img src="bubbles-work.jpeg" alt="Bubbles, sitting in his office chair, works on his latest project intently."/> | |
<figcaption>Bubbles at work</figcaption> | |
</figure> | |
</body> | |
</html> | |
</state> | |
<!-- <iframe> --> | |
<state id=""> | |
<transition id="transition_" event="" target=""/> | |
<html> | |
<head> | |
<title>IFRAME (and ARTICLE, FOOTER)</title> | |
</head> | |
<body> | |
<article> | |
<footer> Thirteen minutes ago, <a href="/users/ch">ch</a> wrote: </footer> | |
<iframe srcdoc="did you get a cover picture yet"></iframe> | |
</article> | |
</body> | |
</html> | |
</state> | |
<!-- <embed> --> | |
<state id=""> | |
<transition id="transition_" event="" target=""/> | |
<html> | |
<head> | |
<title>EMBED</title> | |
</head> | |
<body> | |
<embed src="catgame.swf" quality="high"/> | |
</body> | |
</html> | |
</state> | |
<!-- <object>, <param> --> | |
<state id=""> | |
<transition id="transition_" event="" target=""/> | |
<html> | |
<head> | |
<title>OBJECT, PARAM</title> | |
</head> | |
<body> | |
<object data="catgame.swf"> | |
<param name="quality" value="high"/> | |
</object> | |
</body> | |
</html> | |
</state> | |
<!-- <video>, <source>, <track> --> | |
<state id=""> | |
<transition id="transition_" event="" target=""/> | |
<html> | |
<head> | |
<title>VIDEO, SOURCE, TRACK (and P)</title> | |
</head> | |
<body> | |
<p>Look at my video: | |
<object type="application/x-shockwave-flash"> | |
<param name="movie" value="http://video.example.com/library/watch.swf"/> | |
<param name="allowfullscreen" value="true"/> | |
<param name="flashvars" value="http://video.example.com/vids/315981"/> | |
<video src="http://video.example.com/vids/315981"> | |
<a href="http://video.example.com/vids/315981">View video</a>. | |
<source src="forrest_gump.mp4" type="video/mp4"/> | |
<source src="forrest_gump.ogg" type="video/ogg"/> | |
<track src="subtitles_en.vtt" kind="subtitles" srclang="en" label="English"/> | |
<track src="subtitles_no.vtt" kind="subtitles" srclang="no" label="Norwegian"/> | |
</video> | |
</object> | |
</p> | |
</body> | |
</html> | |
</state> | |
<!-- <audio> --> | |
<state id=""> | |
<transition id="transition_" event="" target=""/> | |
<html> | |
<head> | |
<title>AUDIO (and SOURCE)</title> | |
</head> | |
<body> | |
<audio> | |
<source src="horse.ogg" type="audio/ogg"/> | |
<source src="horse.mp3" type="audio/mpeg"/> | |
Your browser does not support the audio tag. | |
</audio> | |
</body> | |
</html> | |
</state> | |
<!-- <canvas> --> | |
<state id=""> | |
<transition id="transition_" event="" target=""/> | |
<html> | |
<head> | |
<title>CANVAS (and SCRIPT)</title> | |
</head> | |
<body> | |
<canvas></canvas> | |
<script> | |
var canvas = document.getElementsByTagName('canvas')[0]; | |
var proxy = canvas.transferControlToProxy(); | |
var worker = new Worker('clock.js'); | |
worker.postMessage(proxy, [proxy]); | |
</script> | |
</body> | |
</html> | |
</state> | |
<!-- <map> --> | |
<state id=""> | |
<transition id="transition_" event="" target=""/> | |
<html> | |
<head> | |
<title>MAP (and AREA)</title> | |
</head> | |
<body> | |
<map name="planetmap"> | |
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun"/> | |
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury"/> | |
<area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus"/> | |
</map> | |
</body> | |
</html> | |
</state> | |
<!-- <svg> --> | |
<state id=""> | |
<transition id="transition_" event="" target=""/> | |
<html> | |
<head> | |
<title>SVG</title> | |
</head> | |
<body> | |
<svg height="100" width="100"> | |
<circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" /> | |
Sorry, your browser does not support inline SVG. | |
</svg> | |
</body> | |
</html> | |
</state> | |
<!-- <math> --> | |
<state id=""> | |
<transition id="transition_" event="" target=""/> | |
<html> | |
<head> | |
<title>MATH</title> | |
</head> | |
<body> | |
<math> | |
<mi>x</mi> | |
<mo>=</mo> | |
<mfrac> | |
<mrow> | |
<mo form="prefix">−</mo> <mi>b</mi> | |
<mo>±</mo> | |
<msqrt> | |
<msup> <mi>b</mi> <mn>2</mn> </msup> | |
<mo>−</mo> | |
<mn>4</mn> <mo></mo> <mi>a</mi> <mo></mo> <mi>c</mi> | |
</msqrt> | |
</mrow> | |
<mrow> | |
<mn>2</mn> <mo></mo> <mi>a</mi> | |
</mrow> | |
</mfrac> | |
</math> | |
</body> | |
</html> | |
</state> | |
<!-- TABULAR TESTS --> | |
<!-- <table>, <thead>, <tbody>, <tfoot>, <tr>, <td>, <th> --> | |
<state id=""> | |
<transition id="transition_" event="" target=""/> | |
<html> | |
<head> | |
<title>TABLE, THEAD, TBODY, TFOOT, TH, TR, TD</title> | |
</head> | |
<body> | |
<table> | |
<thead> | |
<tr> | |
<th>Month</th> | |
<th>Savings</th> | |
</tr> | |
</thead> | |
<tfoot> | |
<tr> | |
<td>Sum</td> | |
<td>$180</td> | |
</tr> | |
</tfoot> | |
<tbody> | |
<tr> | |
<td>January</td> | |
<td>$100</td> | |
</tr> | |
<tr> | |
<td>February</td> | |
<td>$80</td> | |
</tr> | |
</tbody> | |
</table> | |
</body> | |
</html> | |
</state> | |
<!-- <caption>, <colgroup>, <col> --> | |
<state id=""> | |
<transition id="transition_" event="" target=""/> | |
<html> | |
<head> | |
<title>CAPTION, COLGROUP, COL (and TABLE, TR, TH, TD)</title> | |
</head> | |
<body> | |
<table> | |
<caption>Monthly savings</caption> | |
<colgroup> | |
<col span="2" style="background-color:red"/> | |
<col style="background-color:yellow"/> | |
</colgroup> | |
<tr> | |
<th>ISBN</th> | |
<th>Title</th> | |
<th>Price</th> | |
</tr> | |
<tr> | |
<td>3476896</td> | |
<td>My first HTML</td> | |
<td>$53</td> | |
</tr> | |
</table> | |
</body> | |
</html> | |
</state> | |
<!-- FORMS TESTS --> | |
<!-- <form>, <fieldset>, <legend>, <input> --> | |
<state id=""> | |
<transition id="transition_" event="" target=""/> | |
<html> | |
<head> | |
<title>FORM, FIELDSET, LEGEND, INPUT</title> | |
</head> | |
<body> | |
<form action="demo_form.asp" method="get"> | |
First name: <input type="text" name="fname"/> | |
Last name: <input type="text" name="lname"/> | |
<input type="submit" value="Submit"/> | |
<fieldset> | |
<legend>Personalia:</legend> | |
Name: <input type="text"/> | |
Email: <input type="text"/> | |
Date of birth: <input type="text"/> | |
</fieldset> | |
</form> | |
</body> | |
</html> | |
</state> | |
<!-- <label> --> | |
<state id=""> | |
<transition id="transition_" event="" target=""/> | |
<html> | |
<head> | |
<title>LABEL (and FORM, INPUT)</title> | |
</head> | |
<body> | |
<form action="demo_form.asp"> | |
<label for="male">Male</label> | |
<input type="radio" name="sex" id="male" value="male"/> | |
<label for="female">Female</label> | |
<input type="radio" name="sex" id="female" value="female"/> | |
<input type="submit" value="Submit"/> | |
</form> | |
</body> | |
</html> | |
</state> | |
<!-- <button> --> | |
<state id=""> | |
<transition id="transition_" event="" target=""/> | |
<html> | |
<head> | |
<title>BUTTON</title> | |
</head> | |
<body> | |
<button type="button">Click Me!</button> | |
</body> | |
</html> | |
</state> | |
<!-- <select>, <optgroup>, <option> --> | |
<state id=""> | |
<transition id="transition_" event="" target=""/> | |
<html> | |
<head> | |
<title>SELECT, OPTGROUP, OPTION</title> | |
</head> | |
<body> | |
<select> | |
<option value="volvo">Volvo</option> | |
<option value="saab">Saab</option> | |
<option value="mercedes">Mercedes</option> | |
<option value="audi">Audi</option> | |
</select> | |
<select> | |
<optgroup label="Swedish Cars"> | |
<option value="volvo">Volvo</option> | |
<option value="saab">Saab</option> | |
</optgroup> | |
<optgroup label="German Cars"> | |
<option value="mercedes">Mercedes</option> | |
<option value="audi">Audi</option> | |
</optgroup> | |
</select> | |
</body> | |
</html> | |
</state> | |
<!-- <datalist> --> | |
<state id=""> | |
<transition id="transition_" event="" target=""/> | |
<html> | |
<head> | |
<title>DATALIST (and OPTION, INPUT)</title> | |
</head> | |
<body> | |
<input list="browsers"/> | |
<datalist id="browsers"> | |
<option value="Internet Explorer">Internet Explorer</option> | |
<option value="Firefox">Firefox</option> | |
<option value="Chrome">Chrome</option> | |
<option value="Opera">Opera</option> | |
<option value="Safari">Safari</option> | |
</datalist> | |
</body> | |
</html> | |
</state> | |
<!-- <textarea> --> | |
<state id=""> | |
<transition id="transition_" event="" target=""/> | |
<html> | |
<head> | |
<title>TEXTAREA</title> | |
</head> | |
<body> | |
<textarea rows="4" cols="50"> | |
free tutorials in all web development technologies. | |
</textarea> | |
</body> | |
</html> | |
</state> | |
<!-- <keygen> --> | |
<state id=""> | |
<transition id="transition_" event="" target=""/> | |
<html> | |
<head> | |
<title>KEYGEN (and FORM, INPUT)</title> | |
</head> | |
<body> | |
<form action="demo_keygen.asp" method="get"> | |
Username: <input type="text" name="usr_name"/> | |
Encryption: <keygen name="security"/> | |
<input type="submit"/> | |
</form> | |
</body> | |
</html> | |
</state> | |
<!-- <output> --> | |
<state id=""> | |
<transition id="transition_" event="" target=""/> | |
<html> | |
<head> | |
<title>OUTPUT (and FORM, INPUT)</title> | |
</head> | |
<body> | |
<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0 | |
<input type="range" id="a" value="50"/>100 | |
+<input type="number" id="b" value="50"/> | |
=<output name="x" for="a b"></output> | |
</form> | |
</body> | |
</html> | |
</state> | |
<!-- <progress> --> | |
<state id=""> | |
<transition id="transition_" event="" target=""/> | |
<html> | |
<head> | |
<title>PROGRESS</title> | |
</head> | |
<body> | |
<progress value="22" max="100"></progress> | |
</body> | |
</html> | |
</state> | |
<!-- <meter> --> | |
<state id=""> | |
<transition id="transition_" event="" target=""/> | |
<html> | |
<head> | |
<title>METER</title> | |
</head> | |
<body> | |
<meter value="2" min="0" max="10">2 out of 10</meter> | |
<meter value="0.6">60%</meter> | |
</body> | |
</html> | |
</state> | |
<!-- INTERACTIVE TESTS --> | |
<!-- <details>, <summary> --> | |
<state id=""> | |
<transition id="transition_" event="" target=""/> | |
<html> | |
<head> | |
<title>DETAILS (and SUMMARY, P)</title> | |
</head> | |
<body> | |
<details> | |
<summary>Copyright 1999-2014.</summary> | |
<p> - by Refsnes Data. All Rights Reserved.</p> | |
<p>All content and graphics on this web site are the property of the company Refsnes Data.</p> | |
</details> | |
</body> | |
</html> | |
</state> | |
<!-- <menu>, <menuitem> --> | |
<state id=""> | |
<transition id="transition_" event="" target=""/> | |
<html> | |
<head> | |
<title>MENU, MENUITEM</title> | |
</head> | |
<body> | |
<menu type="context" id="mymenu"> | |
<menuitem label="Refresh" onclick="window.location.reload();" icon="ico_reload.png"> | |
</menuitem> | |
<menu label="Share on..."> | |
<menuitem label="Twitter" icon="ico_twitter.png" onclick="window.open('//twitter.com/intent/tweet?text='+window.location.href);"> | |
</menuitem> | |
<menuitem label="Facebook" icon="ico_facebook.png" onclick="window.open('//facebook.com/sharer/sharer.php?u='+window.location.href);"> | |
</menuitem> | |
</menu> | |
<menuitem label="Email This Page" onclick="window.location='mailto:?body='+window.location.href;"></menuitem> | |
</menu> | |
</body> | |
</html> | |
</state> | |
<!-- <dialog> --> | |
<state id=""> | |
<transition id="transition_" event="" target=""/> | |
<html> | |
<head> | |
<title>DIALOG</title> | |
</head> | |
<body> | |
<table> | |
<tr> | |
<th>January <dialog>This is an open dialog window</dialog></th> | |
<th>February</th> | |
<th>March</th> | |
</tr> | |
<tr> | |
<td>31</td> | |
<td>28</td> | |
<td>31</td> | |
</tr> | |
</table> | |
</body> | |
</html> | |
</state> | |
<!-- OBSOLETE TESTS --> | |
<!-- <font> --> | |
<state id=""> | |
<transition id="transition_" event="" target=""/> | |
<html> | |
<head> | |
<title>FONT (and P, STRONG)</title> | |
</head> | |
<body> | |
<p><font size="3" color="red">This is some text!</font></p> | |
<p><font size="2" color="blue">This is some text!</font></p> | |
<p><font face="verdana" color="green">This is some text!</font></p> | |
<p><strong>Note:</strong> The font element is not supported in HTML5. Use CSS instead.</p> | |
</body> | |
</html> | |
</state> | |
<!-- <basefont> --> | |
<state id=""> | |
<transition id="transition_" event="" target=""/> | |
<html> | |
<head> | |
<title>BASEFONT (and H1, P)</title> | |
<basefont color="red" size="5"/> | |
</head> | |
<body> | |
<h1>This is a heading</h1> | |
<p>This is a paragraph.</p> | |
</body> | |
</html> | |
</state> | |
<!-- <command> --> | |
<state id=""> | |
<transition id="transition_" event="" target=""/> | |
<html> | |
<head> | |
<title>COMMAND (and MENU)</title> | |
</head> | |
<body> | |
<menu> | |
<command type="command" label="Save" onclick="save()">Save</command> | |
</menu> | |
</body> | |
</html> | |
</state> | |
<!-- <i>, <b>, <u> --> | |
<state id=""> | |
<transition id="transition_" event="" target=""/> | |
<html> | |
<head> | |
<title>I, B, U, BIG, STRIKE (and P)</title> | |
</head> | |
<body> | |
<p>He named his car <i>The lightning</i>, because it was very fast.</p> | |
<p>This is normal text - <b>and this is bold text</b>.</p> | |
<p>This is a <u>parragraph</u>.</p> | |
<p><big>Bigger text</big></p> | |
<p><center>This text will be center-aligned.</center></p> | |
<p>Version 2.0 is <strike>not yet available!</strike> now available!</p> | |
</body> | |
</html> | |
</state> | |
<!-- <acronym> --> | |
<state id=""> | |
<transition id="transition_" event="" target=""/> | |
<html> | |
<head> | |
<title>ACRONYM</title> | |
</head> | |
<body> | |
Can I get this <acronym title="as soon as possible">ASAP</acronym>? | |
</body> | |
</html> | |
</state> | |
<!-- <tt> --> | |
<state id=""> | |
<transition id="transition_" event="" target=""/> | |
<html> | |
<head> | |
<title>TT (and P)</title> | |
</head> | |
<body> | |
<p><tt>Teletype text</tt></p> | |
</body> | |
</html> | |
</state> | |
<!-- <xmp> --> | |
<state id=""> | |
<transition id="transition_" event="" target=""/> | |
<html> | |
<head> | |
<title>XMP (and A)</title> | |
</head> | |
<body> | |
<xmp> | |
<a href="http://www.idocs.com">Cool Dude</a> | |
</xmp> | |
</body> | |
</html> | |
</state> | |
<!-- <applet> --> | |
<state id=""> | |
<transition id="transition_" event="" target=""/> | |
<html> | |
<head> | |
<title>APPLET</title> | |
</head> | |
<body> | |
<applet code="Bubbles.class" width="350" height="350"> | |
Java applet that draws animated bubbles. | |
</applet> | |
</body> | |
</html> | |
</state> | |
<!-- <dir> --> | |
<state id=""> | |
<transition id="transition_" event="" target=""/> | |
<html> | |
<head> | |
<title>DIR</title> | |
</head> | |
<body> | |
<dir> | |
<li>html</li> | |
<li>xhtml</li> | |
<li>css</li> | |
</dir> | |
</body> | |
</html> | |
</state> | |
<!-- <frameset>, <frame> --> | |
<state id=""> | |
<transition id="transition_" event="" target=""/> | |
<html> | |
<head> | |
<title>FRAMESET, FRAME</title> | |
</head> | |
<body> | |
<frameset cols="25%,50%,25%"> | |
<frame src="frame_a.htm"/> | |
<frame src="frame_b.htm"/> | |
<frame src="frame_c.htm"/> | |
<noframes>Sorry, your browser does not handle frames!</noframes> | |
</frameset> | |
</body> | |
</html> | |
</state> | |
<state id=""> | |
<transition id="transition_" event="" target=""/> | |
<html> | |
<head> | |
<title>AMAZON</title> | |
</head> | |
<body class="a-aui_49697-c a-aui_bolt_46632-c a-aui_ux_45508-c a-aui_ux_45669-t1 a-aui_ux_46184-t1 a-aui_ux_47524-c"><div id="a-page"> | |
<a name="top"></a> | |
<div style="position:absolute; left:0px; top:-500px; width:1px;height:1px; overflow:hidden;"> | |
<a href="/access">We have recently updated the screen reader optimized website to include headings, landmarks, and new shopping features to improve your experience. Please follow this link or go to www.amazon.com/access.</a> | |
</div> | |
<!-- BeginNav --><!-- From remote config --><style type="text/css"><!-- | |
.nav-sprite-v1 .nav-sprite, .nav-sprite-v1 .nav-icon { | |
background-image: url(http://g-ecx.images-amazon.com/images/G/01/gno/sprites/global-sprite_bluebeacon-32-v1._V327533540_.png); | |
background-position: 0 1000px; | |
background-repeat: repeat-x; | |
} | |
.nav-spinner { | |
background-image: url(http://g-ecx.images-amazon.com/images/G/01/javascripts/lib/popover/images/snake._V192571611_.gif); | |
background-position: center center; | |
background-repeat: no-repeat; | |
} | |
--></style> | |
<!--Pilu --> | |
<!-- navp-xl6B4diHmHVekrzmef52CAG6hwLnjEtBXpQkFmfpVrZK49R1e50hRxuuXLjCE3Q83NZgvgzDHLw= rid-052TJQZ529HC8JXH63AA (Tue Apr 21 16:29:35 2015) --> | |
<style type="text/css"><!-- | |
#navbar #nav-shop .nav-a:hover { | |
color: #ff9900; | |
text-decoration: underline; | |
} | |
#navbar #nav-search .nav-search-facade, | |
#navbar #nav-tools .nav-icon, | |
#navbar #nav-shop .nav-icon, | |
#navbar #nav-subnav .nav-hasArrow .nav-arrow { | |
display: none; | |
} | |
#navbar #nav-search .nav-search-submit, | |
#navbar #nav-search .nav-search-scope { | |
display: block; | |
} | |
#nav-search .nav-search-scope { | |
padding: 0 5px; | |
} | |
#navbar #nav-search .nav-search-dropdown { | |
position: relative; | |
top: 5px; | |
height: 23px; | |
font-size: 14px; | |
opacity: 1; | |
filter: alpha(opacity = 100); | |
} | |
--></style> | |
<header class='nav-locale-us nav-lang-en nav-unrec nav-xshop-small'> | |
<div id='navbar' role="navigation" class='nav-sprite-v1 nav-bluebeacon nav-maxw-search nav-search-swap'> | |
<div id='nav-belt'> | |
<div class='nav-left'> | |
<div id='nav-logo' > | |
<a href='/ref=nav_logo' | |
class='nav-logo-link' | |
data-nav-tabindex="2" | |
> | |
<span class='nav-logo-base nav-sprite'>Amazon</span> | |
<span class='nav-logo-ext nav-sprite'></span> | |
<span class='nav-logo-locale nav-sprite'></span> | |
</a> | |
<a href='/gp/prime/ref=nav_logo_prime_join' data-nav-tabindex="3" class='nav-logo-tagline nav-sprite nav-prime-try'> | |
Try Prime | |
</a> | |
</div> | |
</div> | |
<div class='nav-right'> | |
<div id='nav-swmslot'> | |
</div> | |
</div> | |
<div class='nav-fill'> | |
<div id="nav-search"> | |
<div id="nav-bar-left"></div> | |
<form accept-charset="utf-8" action="/s/ref=nb_sb_noss" class="nav-searchbar" method="GET" name="site-search" role="search"> | |
<div class="nav-left"> | |
<div class="nav-search-scope nav-sprite"> | |
<div class="nav-search-facade" data-value="search-alias=aps"> | |
<span class="nav-search-label">All</span> | |
<i class="nav-icon"></i> | |
</div> | |
<select class="nav-search-dropdown searchSelect" data-nav-digest="YMHC5e5lcCSbEeBsoIY3eQ5+mWY" data-nav-selected="0" data-nav-tabindex="20" id="searchDropdownBox" name="url" title="Search in"> | |
<option selected="selected" value="search-alias=aps">All Departments</option> | |
<option value="search-alias=local-services">Amazon Home Services</option> | |
<option value="search-alias=instant-video">Amazon Instant Video</option> | |
<option value="search-alias=appliances">Appliances</option> | |
<option value="search-alias=automotive">Automotive</option> | |
<option value="search-alias=baby-products">Baby</option> | |
<option value="search-alias=beauty">Beauty</option> | |
<option value="search-alias=stripbooks">Books</option> | |
<option value="search-alias=fashion">Clothing, Shoes & Jewelry</option> | |
<option value="search-alias=fashion-womens">   Women</option> | |
<option value="search-alias=fashion-mens">   Men</option> | |
<option value="search-alias=fashion-girls">   Girls</option> | |
<option value="search-alias=fashion-boys">   Boys</option> | |
<option value="search-alias=fashion-baby">   Baby</option> | |
<option value="search-alias=collectibles">Collectibles & Fine Art</option> | |
<option value="search-alias=computers">Computers</option> | |
<option value="search-alias=financial">Credit and Payment Cards</option> | |
<option value="search-alias=digital-music">Digital Music</option> | |
<option value="search-alias=electronics">Electronics</option> | |
<option value="search-alias=gift-cards">Gift Cards</option> | |
<option value="search-alias=grocery">Grocery & Gourmet Food</option> | |
<option value="search-alias=hpc">Health & Personal Care</option> | |
<option value="search-alias=garden">Home & Kitchen</option> | |
<option value="search-alias=industrial">Industrial & Scientific</option> | |
<option value="search-alias=digital-text">Kindle Store</option> | |
<option value="search-alias=fashion-luggage">Luggage & Travel Gear</option> | |
<option value="search-alias=magazines">Magazine Subscriptions</option> | |
<option value="search-alias=movies-tv">Movies & TV</option> | |
<option value="search-alias=mi">Musical Instruments</option> | |
<option value="search-alias=office-products">Office Products</option> | |
<option value="search-alias=lawngarden">Patio, Lawn & Garden</option> | |
<option value="search-alias=pets">Pet Supplies</option> | |
<option value="search-alias=pantry">Prime Pantry</option> | |
<option value="search-alias=software">Software</option> | |
<option value="search-alias=sporting">Sports & Outdoors</option> | |
<option value="search-alias=tools">Tools & Home Improvement</option> | |
<option value="search-alias=toys-and-games">Toys & Games</option> | |
<option value="search-alias=videogames">Video Games</option> | |
<option value="search-alias=wine">Wine</option> | |
</select> | |
</div> | |
</div> | |
<div class="nav-right"> | |
<div class="nav-search-submit nav-sprite"> | |
<span id="nav-search-submit-text" class="nav-search-submit-text nav-sprite">Go</span> | |
<input type="submit" class="nav-input" value="Go" data-nav-tabindex="22"/> | |
</div> | |
</div> | |
<div class="nav-fill"> | |
<div class="nav-search-field"> | |
<input type='text' | |
id='twotabsearchtextbox' | |
value='' | |
name='field-keywords' | |
autocomplete='off' | |
class='nav-input' | |
data-nav-tabindex='21' | |
/> | |
</div> | |
<div id="nav-iss-attach"></div> | |
</div> | |
</form> | |
</div> | |
</div> | |
</div> | |
<div id='nav-main' class='nav-sprite'> | |
<div class='nav-left'> | |
<div id='nav-shop'> | |
<a href="/gp/site-directory/ref=nav_shopall_btn" class="nav-a nav-a-2" data-nav-tabindex="15" id="nav-link-shopall"><span class="nav-line-1">Shop by</span><span class="nav-line-2">Department<span class="nav-icon nav-arrow"></span></span></a> | |
</div> | |
</div> | |
<div class='nav-right'> | |
<div id='nav-logo-borderfade'><div class='nav-fade-mask'></div><div class='nav-fade nav-sprite'></div></div> | |
<div id='nav-tools'> | |
<a href="" class="nav-a nav-a-2" data-nav-tabindex="25" id="nav-link-yourAccount"><span class="nav-line-1">Hello. Sign in</span><span class="nav-line-2">Your Account<span class="nav-icon nav-arrow"></span></span></a><a href="/gp/product/B00DBYBNEE/ref=nav_prime_try_btn" class="nav-a nav-a-2" data-nav-tabindex="26" id="nav-link-prime"><span class="nav-line-1">Try</span><span class="nav-line-2">Prime<span class="nav-icon nav-arrow"></span></span></a><a href="/gp/registry/wishlist/ref=nav_wishlist_btn" class="nav-a nav-a-2" data-nav-tabindex="27" id="nav-link-wishlist"><span class="nav-line-1">Wish</span><span class="nav-line-2">List<span class="nav-icon nav-arrow"></span></span></a><a href="/gp/cart/view.html/ref=nav_cart" class="nav-a nav-a-2" data-nav-tabindex="28" id="nav-cart"><span class="nav-line-1"></span><span class="nav-line-2">Cart<span class="nav-icon nav-arrow"></span></span><span class="nav-cart-icon nav-sprite"></span><span id='nav-cart-count' class='nav-cart-count nav-cart-0'>0</span></a> | |
</div> | |
</div> | |
<div class='nav-fill'> | |
<div id='nav-xshop-container' ><div id='nav-xshop'> | |
<a href='/gp/yourstore/home/ref=nav_cs_ys' data-nav-tabindex='5' class='nav-a nav_a' id='nav-your-amazon'>Your Amazon.com</a><a href="/gp/goldbox/ref=nav_cs_gb" class="nav-a" data-nav-tabindex="9">Today's Deals</a><a href="/gift-cards/b/ref=nav_cs_gc?ie=UTF8&node=2238192011" class="nav-a" data-nav-tabindex="10">Gift Cards</a><a href="/gp/seller-account/mm-product-page.html/ref=nav_cs_sell?ie=UTF8&ld=AZSOAUSCSNav" class="nav-a" data-nav-tabindex="11">Sell</a><a href="/gp/help/customer/display.html/ref=nav_cs_help?ie=UTF8&nodeId=508510" class="nav-a" data-nav-tabindex="12">Help</a> | |
</div></div> | |
</div> | |
</div> | |
<div id='nav-subnav'> | |
</div> | |
</div> | |
</header> | |
<!-- nav promo cached --> | |
<map name="nav_imgmap_nav-sa-pg-android" id="nav_imgmap_nav-sa-pg-android"> | |
<area shape="rect" coords="10,10,468,472" href="/dp/B00BMNM4H6/ref=nav_sap_mas_15_04_10" alt=""/> | |
</map> | |
<map name="nav_imgmap_nav-sa-pg-automotive-industrial" id="nav_imgmap_nav-sa-pg-automotive-industrial"> | |
</map> | |
<map name="nav_imgmap_nav-sa-pg-baby-kids-toys" id="nav_imgmap_nav-sa-pg-baby-kids-toys"> | |
<area shape="poly" coords="0,464,0,260,323,237,338,66,497,63,495,474" href="/gp/baby/homepage/ref=nav_sap_babyreg" alt="Baby Registry"/> | |
</map> | |
<map name="nav_imgmap_nav-sa-pg-beauty-grooming-health" id="nav_imgmap_nav-sa-pg-beauty-grooming-health"> | |
</map> | |
<map name="nav_imgmap_nav-sa-pg-books" id="nav_imgmap_nav-sa-pg-books"> | |
</map> | |
<map name="nav_imgmap_nav-sa-pg-clothing-shoes-jewelry" id="nav_imgmap_nav-sa-pg-clothing-shoes-jewelry"> | |
</map> | |
<map name="nav_imgmap_nav-sa-pg-cloud-drive" id="nav_imgmap_nav-sa-pg-cloud-drive"> | |
</map> | |
<map name="nav_imgmap_nav-sa-pg-credit" id="nav_imgmap_nav-sa-pg-credit"> | |
</map> | |
<map name="nav_imgmap_nav-sa-pg-digital-music" id="nav_imgmap_nav-sa-pg-digital-music"> | |
</map> | |
<map name="nav_imgmap_nav-sa-pg-electronics-computers" id="nav_imgmap_nav-sa-pg-electronics-computers"> | |
</map> | |
<map name="nav_imgmap_nav-sa-pg-fire-phone" id="nav_imgmap_nav-sa-pg-fire-phone"> | |
</map> | |
<map name="nav_imgmap_nav-sa-pg-fire-tv" id="nav_imgmap_nav-sa-pg-fire-tv"> | |
</map> | |
<map name="nav_imgmap_nav-sa-pg-fitness-sports-outdoors" id="nav_imgmap_nav-sa-pg-fitness-sports-outdoors"> | |
</map> | |
<map name="nav_imgmap_nav-sa-pg-grocery-household-pet" id="nav_imgmap_nav-sa-pg-grocery-household-pet"> | |
</map> | |
<map name="nav_imgmap_nav-sa-pg-hi-tools-garden" id="nav_imgmap_nav-sa-pg-hi-tools-garden"> | |
</map> | |
<map name="nav_imgmap_nav-sa-pg-home-kitchen-furniture" id="nav_imgmap_nav-sa-pg-home-kitchen-furniture"> | |
</map> | |
<map name="nav_imgmap_nav-sa-pg-home-services" id="nav_imgmap_nav-sa-pg-home-services"> | |
</map> | |
<map name="nav_imgmap_nav-sa-pg-instant-video" id="nav_imgmap_nav-sa-pg-instant-video"> | |
<area shape="rect" coords="223,0,495,490" href="/dp/B00VJ04TH0/ref=nav_sap_aiv_starwars" alt="Star Wars"/> | |
<area shape="rect" coords="124,274,225,490" href="/dp/B00VJ04TH0/ref=nav_sap_aiv_starwars" alt="Star Wars"/> | |
<area shape="rect" coords="0,333,126,490" href="/dp/B00VJ04TH0/ref=nav_sap_aiv_starwars" alt="Star Wars"/> | |
</map> | |
<map name="nav_imgmap_nav-sa-pg-kindle-fire-tablet" id="nav_imgmap_nav-sa-pg-kindle-fire-tablet"> | |
<area shape="rect" coords="2,226,500,490" href="/dp/B00LOR524M/ref=ods_gno_ket_8or16" alt="Fire HD Kids Edition"/> | |
</map> | |
<map name="nav_imgmap_nav-sa-pg-kindle-reader" id="nav_imgmap_nav-sa-pg-kindle-reader"> | |
<area shape="poly" coords="500,490,490,130,228,141,210,317,0,321,0,490" href="/dp/B00IOY8XWQ/ref=sa_menu_ksz3" alt="Kindle Voyage"/> | |
</map> | |
<map name="nav_imgmap_nav-sa-pg-movies-music-games" id="nav_imgmap_nav-sa-pg-movies-music-games"> | |
</map> | |
<div id="pageContent" class="a-section a-spacing-none"> | |
<div style='width:100%;'> | |
<div id="gw-desktop-herotator" class="a-section a-spacing-none"> | |
<div data-a-carousel-options="{"circular":0,"maintain_state":false,"minimum_gutter_width":0,"animation_speed":6000,"name":"gateway-desktop-layout.herotator","show_partial_next":false,"set_size":4}" data-a-display-strategy="single" data-a-class="desktop" class="a-carousel-container a-carousel-static a-carousel-display-single a-carousel-transition-slide gw-desktop-herotator" style="height:300px;"><form class="a-carousel-state" action="#" method="get"> | |
<input autocomplete="on" type="hidden" name="firstVisibleItem" class="a-carousel-firstvisibleitem"/></form> | |
<div class="a-row a-carousel-controls a-carousel-row"><div class="a-carousel-row-inner"><div class="a-carousel-col a-carousel-center"><div class="a-carousel-viewport"><ol class="a-carousel" aria-live="assertive" role="list"> | |
<li class="a-carousel-card" role="listitem" aria-setsize="4" aria-posinset="1"> | |
<div id="gw-ftGr-desktop-hero-1" class="gw-ftGr-desktop-hero"> | |
<div id='gw-critical-content'> | |
<div id="image-map-ns_0HYY2A1S4MHHZ8MFT9X6_13846_" class="shogun-widget image-map gateway-desktop-map"> | |
<div class="cropped-image-map-size " style="height:300px;"> | |
<div class="cropped-image-map-center-alignment"> | |
<map name="map_0_image-map-ns_0HYY2A1S4MHHZ8MFT9X6_13846_"> | |
</map> | |
<span style="display:inline-block"> | |
<img alt="Fire HD 7" src="http://g-ecx.images-amazon.com/images/G/01/kindle/merch/2015/campaign/HD7/HD7-Durability3-GW2-4500x900._UX1500_SX1500_V306430242_.jpg" class="a-dynamic-image" title="Fire HD 7" height="300px" width="1500px" data-a-dynamic-image="{"http://g-ecx.images-amazon.com/images/G/01/kindle/merch/2015/campaign/HD7/HD7-Durability3-GW2-4500x900._V306430242_.jpg":[900,4500],"http://g-ecx.images-amazon.com/images/G/01/kindle/merch/2015/campaign/HD7/HD7-Durability3-GW2-4500x900._UX2250_SX2250_V306430242_.jpg":[450,2250],"http://g-ecx.images-amazon.com/images/G/01/kindle/merch/2015/campaign/HD7/HD7-Durability3-GW2-4500x900._UX1500_SX1500_V306430242_.jpg":[300,1500],"http://g-ecx.images-amazon.com/images/G/01/kindle/merch/2015/campaign/HD7/HD7-Durability3-GW2-4500x900._UX3000_SX3000_V306430242_.jpg":[600,3000]}" usemap="#map_0_image-map-ns_0HYY2A1S4MHHZ8MFT9X6_13846_"/> | |
</span> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
</li> | |
<li class="a-carousel-card" role="listitem" aria-setsize="4" aria-posinset="1"> | |
<div class="a-lazy-loaded gw-ftGr-desktop-hero" id="gw-ftGr-desktop-hero-2"></div> | |
</li> | |
<li class="a-carousel-card" role="listitem" aria-setsize="4" aria-posinset="2"> | |
<div class="a-lazy-loaded gw-ftGr-desktop-hero" id="gw-ftGr-desktop-hero-3"></div> | |
</li> | |
<li class="a-carousel-card" role="listitem" aria-setsize="4" aria-posinset="3"> | |
<div class="a-lazy-loaded gw-ftGr-desktop-hero" id="gw-ftGr-desktop-hero-4"></div> | |
</li> | |
</ol></div></div></div></div> | |
</div> | |
<div id="gw-desktop-herotator-controls"> | |
<ol style="width:88px"> | |
<li> | |
<a href="#gw-ftGr-desktop-hero-1" class="active herotator-goToPage-1 gw-icon"> | |
<span class="gw-text">gw-ftGr-desktop-hero-1</span> | |
</a> | |
</li> | |
<li> | |
<a href="#gw-ftGr-desktop-hero-2" class="herotator-goToPage-2 gw-icon"> | |
<span class="gw-text">gw-ftGr-desktop-hero-2 </span> | |
</a> | |
</li> | |
<li> | |
<a href="#gw-ftGr-desktop-hero-3" class="herotator-goToPage-3 gw-icon"> | |
<span class="gw-text">gw-ftGr-desktop-hero-3 </span> | |
</a> | |
</li> | |
<li> | |
<a href="#gw-ftGr-desktop-hero-4" class="herotator-goToPage-4 gw-icon"> | |
<span class="gw-text">gw-ftGr-desktop-hero-4 </span> | |
</a> | |
</li> | |
</ol> | |
</div> | |
</div> | |
</div> | |
<div id="gw-content-grid" class="a-fixed-right-flipped-grid"><div class="a-fixed-right-grid-inner"> | |
<div class="a-section a-spacing-medium"> | |
<div id="sidebar" class="a-fixed-right-grid-col a-col-right" style="width:310px;float:right;"> | |
<div class='displayAd' id='desktop-ad-atf'> | |
<noscript><style>#DAr2{display:none;}</style></noscript> | |
<div id="DAr2" class="copilot-secure-display celwidget text/x-dacx-safeframe" data-campaign="5064" style="width: 300px; overflow:hidden;" cel_widget_id="DAr2" ></div> | |
</div> | |
<hr class='slot-hr desktop-ad-atf-hr' /> | |
<div class='sidekick' id='desktop-sidekick-1'> | |
<div id="image-map-ns_1KV8QCCK9DJJPWX5J42T_12413_" class="shogun-widget image-map gateway-desktop-link"> | |
<div class="cropped-image-map-size " style="height:170px;"> | |
<div class="cropped-image-map-center-alignment"> | |
<span style="display:inline-block"> | |
</span> | |
</div> | |
</div> | |
</div> | |
</div> | |
<hr class='slot-hr desktop-sidekick-1-hr' /> | |
<div class='sidekick' id='desktop-sidekick-2'> | |
<div id="image-map-ns_1M778QFGPEMP41DBQVS2_16299_" class="shogun-widget image-map gateway-desktop-link"> | |
<div class="cropped-image-map-size " style="height:170px;"> | |
<div class="cropped-image-map-center-alignment"> | |
<span style="display:inline-block"> | |
</span> | |
</div> | |
</div> | |
</div> | |
</div> | |
<hr class='slot-hr desktop-sidekick-2-hr' /> | |
<div id='sidebarbtf'></div> | |
</div> | |
<div id="mainContent" class="a-fixed-right-grid-col a-col-left" style="padding-right:0%;float:none;"> | |
<div id='btfContent'> | |
<div class='desktop-row' id='desktop-2'> | |
<div id="uber-widget-ns_052TJQZ529HC8JXH63AA_8655_" class="a-section a-spacing-none shogun-widget uber-widget aui-desktop fresh-shoveler"> | |
<div class="a-section as-title-block"> | |
<span class="as-title-block-left"> | |
<span class="a-color-base"> | |
Movies Included with Prime Membership at No Additional Cost | |
</span> | |
</span> | |
<span class="as-title-block-right"> | |
</span> | |
</div> | |
<div class="a-section feed-carousel"> | |
<div class="a-section feed-carousel-viewport"> | |
<ul class="a-nostyle a-horizontal feed-carousel-shelf"> | |
<li data-sgproduct="{"asin":"B00IK590UI"}" class="feed-carousel-card"><span class="a-list-item"> | |
<a class="a-link-normal a-inline-block"> | |
<img alt="Robocop (2014) [HD]" src="http://ecx.images-amazon.com/images/I/51aB76ZnoQL._AC_SY220_.jpg" class="a-dynamic-image product-image" title="Robocop (2014) [HD]" height="220px" data-a-dynamic-image="{"http://ecx.images-amazon.com/images/I/51aB76ZnoQL._AC_SY220_.jpg":[220,165],"http://ecx.images-amazon.com/images/I/51aB76ZnoQL._AC_SY660_.jpg":[500,375],"http://ecx.images-amazon.com/images/I/51aB76ZnoQL._AC_SY440_.jpg":[440,330],"http://ecx.images-amazon.com/images/I/51aB76ZnoQL._AC_SY330_.jpg":[330,248]}"/> | |
</a></span></li> | |
<li data-sgproduct="{"asin":"B00LPRKH5U"}" class="feed-carousel-card"> | |
<span class="a-list-item"> | |
</span> | |
</li> | |
<li data-sgproduct="{"asin":"B00KMGZWVO"}" class="feed-carousel-card"> | |
<span class="a-list-item"> | |
</span> | |
</li> | |
<li data-sgproduct="{"asin":"B008Y79HE6"}" class="feed-carousel-card"> | |
<span class="a-list-item"> | |
</span> | |
</li> | |
</ul> | |
<div class="spinner"> | |
<img width="100" height="100" src="http://g-ecx.images-amazon.com/images/G/01/amazonui/loading/loading-4x._V391853216_.gif" /> | |
</div> | |
</div> | |
<a class="feed-carousel-control feed-left" href="#"><span class="gw-icon feed-arrow"></span></a> | |
<a class="feed-carousel-control feed-right" href="#"><span class="gw-icon feed-arrow"></span></a> | |
<span class="feed-scrollbar"> | |
<span class="feed-scrollbar-track"><span class="feed-scrollbar-thumb"></span></span> | |
</span> | |
</div> | |
</div> | |
</div> | |
<hr class='slot-hr desktop-2-hr' /> | |
<div class="billboardRowWrapper"> | |
<div class="a-row billboardRow"> | |
<div class="a-column a-span6"> | |
<div class='billboard' id='desktop-billboard-1'> | |
<div id='primeAtWidget' cel_widget_id='primeAtWidget' class='celwidget'> | |
<style type="text/css"> | |
.billboard{ | |
vertical-align: middle; | |
display: inline-block; | |
width: 100%; | |
height: 100%; | |
padding: 0px 10px; | |
max-height: 200px; | |
text-align: center; | |
} | |
.desktop-billboard-1-img { | |
max-width: 100%; | |
max-height: 200px; | |
width: auto; | |
height: auto; | |
} | |
} | |
</style> | |
<div class="billboard" id="desktop-billboard-1"> | |
<div class="desktop-billboard-1-img scalable-image-map"> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div class="a-column a-span6 a-span-last"> | |
<div class='billboard' id='desktop-billboard-2'> | |
<div id="scalable-image-map_scalable-image-map-ns_15XMBFS7J12NKDBBDWYW_2166_" class="a-section a-text-center shogun-widget scalable-image-map aui-desktop-link"> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
<hr class="billboardrow-hr" /> | |
<div class='desktop-row' id='desktop-3'> | |
<div id="uber-widget-ns_052TJQZ529HC8JXH63AA_8646_" class="a-section a-spacing-none shogun-widget uber-widget aui-desktop fresh-shoveler"> | |
<div class="a-section as-title-block"> | |
<span class="as-title-block-right"> | |
</span> | |
</div> | |
<div class="a-section feed-carousel"> | |
<div class="a-section feed-carousel-viewport"> | |
<ul class="a-nostyle a-horizontal feed-carousel-shelf"> | |
</ul> | |
<div class="spinner"> | |
<img width="100" height="100" src="http://g-ecx.images-amazon.com/images/G/01/amazonui/loading/loading-4x._V391853216_.gif" /> | |
</div> | |
</div> | |
<a class="feed-carousel-control feed-left" href="#"><span class="gw-icon feed-arrow"></span></a> | |
<a class="feed-carousel-control feed-right" href="#"><span class="gw-icon feed-arrow"></span></a> | |
<span class="feed-scrollbar"> | |
<span class="feed-scrollbar-track"><span class="feed-scrollbar-thumb"></span></span> | |
</span> | |
</div> | |
</div> | |
</div> | |
<hr class='slot-hr desktop-3-hr' /> | |
<div class='desktop-row' id='desktop-4'> | |
<div id="uber-widget-ns_052TJQZ529HC8JXH63AA_8647_" class="a-section a-spacing-none shogun-widget uber-widget aui-desktop fresh-shoveler"> | |
<div class="a-section as-title-block"> | |
<span class="as-title-block-right"> | |
</span> | |
</div> | |
<div class="a-section feed-carousel"> | |
<div class="a-section feed-carousel-viewport"> | |
<ul class="a-nostyle a-horizontal feed-carousel-shelf"> | |
</ul> | |
<div class="spinner"> | |
<img width="100" height="100" src="http://g-ecx.images-amazon.com/images/G/01/amazonui/loading/loading-4x._V391853216_.gif" /> | |
</div> | |
</div> | |
<a class="feed-carousel-control feed-left" href="#"><span class="gw-icon feed-arrow"></span></a> | |
<a class="feed-carousel-control feed-right" href="#"><span class="gw-icon feed-arrow"></span></a> | |
<span class="feed-scrollbar"> | |
<span class="feed-scrollbar-track"><span class="feed-scrollbar-thumb"></span></span> | |
</span> | |
</div> | |
</div> | |
</div> | |
<hr class='slot-hr desktop-4-hr' /> | |
<div class="billboardRowWrapper"> | |
<div class="a-row billboardRow"> | |
<div class="a-column a-span6"> | |
<div class='billboard' id='desktop-billboard-3'> | |
<div id="scalable-image-map_scalable-image-map-ns_1NSY3TA1XGQT0VWM4DYQ_22494_" class="a-section a-text-center shogun-widget scalable-image-map aui-desktop-link"> | |
</div> | |
</div> | |
</div> | |
<div class="a-column a-span6 a-span-last"> | |
<div class='billboard' id='desktop-billboard-4'> | |
<div id="scalable-image-map_scalable-image-map-ns_017JZN86M30FTP9709NV_100_" class="a-section a-text-center shogun-widget scalable-image-map aui-desktop-link"> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
<hr class="billboardrow-hr" /> | |
<div class='desktop-row' id='desktop-5'> | |
<div id="uber-widget-ns_052TJQZ529HC8JXH63AA_8648_" class="a-section a-spacing-none shogun-widget uber-widget aui-desktop fresh-shoveler"> | |
<div class="a-section as-title-block"> | |
<span class="as-title-block-right"> | |
</span> | |
</div> | |
<div class="a-section feed-carousel"> | |
<div class="a-section feed-carousel-viewport"> | |
<ul class="a-nostyle a-horizontal feed-carousel-shelf"> | |
</ul> | |
<div class="spinner"> | |
<img width="100" height="100" src="http://g-ecx.images-amazon.com/images/G/01/amazonui/loading/loading-4x._V391853216_.gif" /> | |
</div> | |
</div> | |
<a class="feed-carousel-control feed-left" href="#"><span class="gw-icon feed-arrow"></span></a> | |
<a class="feed-carousel-control feed-right" href="#"><span class="gw-icon feed-arrow"></span></a> | |
<span class="feed-scrollbar"> | |
<span class="feed-scrollbar-track"><span class="feed-scrollbar-thumb"></span></span> | |
</span> | |
</div> | |
</div> | |
</div> | |
<hr class='slot-hr desktop-5-hr' /> | |
<div class='desktop-row' id='desktop-6'> | |
<div id="uber-widget-ns_052TJQZ529HC8JXH63AA_8649_" class="a-section a-spacing-none shogun-widget uber-widget aui-desktop fresh-shoveler"> | |
<div class="a-section as-title-block"> | |
<span class="as-title-block-right"> | |
</span> | |
</div> | |
<div class="a-section feed-carousel"> | |
<div class="a-section feed-carousel-viewport"> | |
<ul class="a-nostyle a-horizontal feed-carousel-shelf"> | |
</ul> | |
<div class="spinner"> | |
<img width="100" height="100" src="http://g-ecx.images-amazon.com/images/G/01/amazonui/loading/loading-4x._V391853216_.gif" /> | |
</div> | |
</div> | |
<a class="feed-carousel-control feed-left" href="#"><span class="gw-icon feed-arrow"></span></a> | |
<a class="feed-carousel-control feed-right" href="#"><span class="gw-icon feed-arrow"></span></a> | |
<span class="feed-scrollbar"> | |
<span class="feed-scrollbar-track"><span class="feed-scrollbar-thumb"></span></span> | |
</span> | |
</div> | |
</div> | |
</div> | |
<hr class='slot-hr desktop-6-hr' /> | |
<div class="billboardRowWrapper"> | |
<div class="a-row billboardRow"> | |
<div class="a-column a-span6"> | |
<div class='billboard' id='desktop-billboard-5'> | |
<div id="scalable-image-map_scalable-image-map-ns_11RYQQXBN2XYPG54EKGV_6696_" class="a-section a-text-center shogun-widget scalable-image-map aui-desktop-link"> | |
</div> | |
</div> | |
</div> | |
<div class="a-column a-span6 a-span-last"> | |
<div class='billboard' id='desktop-billboard-6'> | |
<div id="scalable-image-map_scalable-image-map-ns_1WJC08SYR279FQD6ZP6Y_6190_" class="a-section a-text-center shogun-widget scalable-image-map aui-desktop-link"> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
<hr class="billboardrow-hr" /> | |
<div class='desktop-row' id='desktop-7'> | |
<div id="asin-shoveler-ns_0KP7SA0CY8E4JBPV2Z87_22906_" class="a-section a-spacing-none shogun-widget asin-shoveler aui-desktop fresh-shoveler"> | |
<div class="a-section as-title-block"> | |
<span class="as-title-block-left"> | |
<span class="a-color-base"> | |
Best-Selling BLU Phones | |
</span> | |
</span> | |
<span class="as-title-block-right"> | |
</span> | |
</div> | |
<div class="a-section feed-carousel"> | |
<div class="a-section feed-carousel-viewport"> | |
<ul class="a-nostyle a-horizontal feed-carousel-shelf"> | |
</ul> | |
<div class="spinner"> | |
<img width="100" height="100" src="http://g-ecx.images-amazon.com/images/G/01/amazonui/loading/loading-4x._V391853216_.gif" /> | |
</div> | |
</div> | |
<a class="feed-carousel-control feed-left" href="#"><span class="gw-icon feed-arrow"></span></a> | |
<a class="feed-carousel-control feed-right" href="#"><span class="gw-icon feed-arrow"></span></a> | |
<span class="feed-scrollbar"> | |
<span class="feed-scrollbar-track"><span class="feed-scrollbar-thumb"></span></span> | |
</span> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div style="display: none"> | |
<div id="nav-prime-menu" class="nav-empty nav-flyout-content nav-ajax-prime-menu"> | |
<div class="nav_dynamic"></div> | |
<div class="nav-ajax-message"></div> | |
<div class="nav-ajax-error-msg"> | |
<p class="nav_p nav-bold">There's a problem loading this menu right now.</p> | |
<p class="nav_p"><a href="/gp/prime/ref=nav_prime_ajax_err" class="nav_a">Learn more about Amazon Prime.</a></p> | |
</div> | |
</div> | |
</div> | |
<style> | |
#nav-prime-tooltip{ | |
padding: 0 20px 2px 20px; | |
background-color: white; | |
font-family: arial,sans-serif; | |
} | |
.nav-npt-text-title{ | |
font-family: arial,sans-serif; | |
font-size: 18px; | |
font-weight: bold; | |
line-height: 21px; | |
color: #E47923; | |
} | |
.nav-npt-text-detail, a.nav-npt-a{ | |
font-family: arial,sans-serif; | |
font-size: 12px; | |
line-height: 14px; | |
color: #333333; | |
margin: 2px 0px; | |
} | |
a.nav-npt-a { | |
text-decoration: underline; | |
} | |
</style> | |
<div style="display: none"> | |
<div id="nav-prime-tooltip"> | |
<div class="nav-npt-text-title"> Get free unlimited photo storage with Amazon Prime </div> | |
<div class="nav-npt-text-detail"> Prime members also enjoy FREE Two-Day Shipping and exclusive access to music, movies, TV shows, and Kindle books. </div> | |
<div class="nav-npt-text-detail"> | |
> | |
<a class="nav-npt-a" href="/gp/prime/ref=nav_tooltip_redirect">Get started</a> | |
</div> | |
</div> | |
</div> | |
<link rel="stylesheet" type="text/css" href="http://z-ecx.images-amazon.com/images/G/01/x-locale/redirect-overlay/redirect-overlay-nav-20140702._V348573361_.css"> | |
<style type="text/css"> | |
#navbar.nav-amazon-fresh .nav-subcat {height: 525px;} | |
</style> | |
<div id='sidebarhidden' style='display:none;'> | |
<div class='bestsellers' id='desktop-bestsellers-1'> | |
<div id="bestseller-list-ns_10VHWWW6V2T9S3YVXMMB_20300_" class="a-section a-spacing-none shogun-widget bestseller-list aui-desktop"> | |
<div class='listRow'> | |
<div class='ranking'> | |
1 | |
</div> | |
<div style='text-align:center'> | |
</div> | |
</div> | |
<div class='listRow'> | |
<div class='ranking'> | |
2 | |
</div> | |
<div style='text-align:center'> | |
</div> | |
</div> | |
<div class='listRow'> | |
<div class='ranking'> | |
3 | |
</div> | |
<div style='text-align:center'> | |
</div> | |
</div> | |
<div class='listRow'> | |
<div class='ranking'> | |
4 | |
</div> | |
<div style='text-align:center'> | |
</div> | |
</div> | |
<div class='listRow'> | |
<div class='ranking'> | |
5 | |
</div> | |
<div style='text-align:center'> | |
</div> | |
</div> | |
<div class='seemore'> | |
</div> | |
</div> | |
</div> | |
<hr class='slot-hr desktop-bestsellers-1-hr' /> | |
<div class='sidekick' id='desktop-sidekick-3'> | |
<div id="image-map-ns_0M80QR661EJ9E8VCCRWR_1552_" class="shogun-widget image-map gateway-desktop-link"> | |
<div class="cropped-image-map-size " style="height:170px;"> | |
<div class="cropped-image-map-center-alignment"> | |
<span style="display:inline-block"> | |
</span> | |
</div> | |
</div> | |
</div> | |
</div> | |
<hr class='slot-hr desktop-sidekick-3-hr' /> | |
<div class='displayAd' id='desktop-ad-btf'> | |
<noscript> | |
<style>#DAr7{display:none;}</style> | |
</noscript> | |
</div> | |
</div></link> | |
</div> | |
</div></div> | |
<style type="text/css"> | |
#rhf_table { | |
border: 1px solid #DDD; | |
border-radius: 5px; | |
border-collapse: separate; | |
width: 100% !important; | |
} | |
#rhf_container { | |
margin-top: 0px; | |
} | |
#rhf_container .rhf-sign-in-button { | |
margin-bottom: 17px; | |
} | |
.rhf_header { | |
text-align:left; | |
padding:10px 10px 0 10px; | |
white-space: nowrap; | |
} | |
#rhfMainHeading { | |
font-family: Arial; | |
font-weight: bold; | |
font-size: 18px; | |
color: #E47911; | |
} | |
.rhf-box-tl { | |
background-position: 0px 0px; | |
background-repeat:no-repeat; | |
} | |
.rhf-box-tc { | |
background-position: 0px -41px; | |
background-repeat:repeat-x; | |
} | |
.rhf-box-tr { | |
background-position: 0px -81px; | |
background-repeat:no-repeat; | |
} | |
.rhf-box-l { | |
background-position: -7px 0px; | |
background-repeat:repeat-y; | |
} | |
.rhf-box-r { | |
background-position: 9px 0px; | |
background-repeat:repeat-y; | |
} | |
.rhf-box-br { | |
background-position: 0px -123px; | |
background-repeat:no-repeat; | |
} | |
.rhf-box-bc { | |
background-position: 0px -139px; | |
background-repeat:repeat-x; | |
} | |
.rhf-box-bl { | |
background-position: 0px -158px; | |
background-repeat:no-repeat; | |
} | |
.rhfHistoryWrapper { | |
padding: 0 10px; | |
} | |
.rhf_loading_outer { | |
height: 248px; | |
overflow: hidden; | |
position: relative; | |
margin-top: 10px; | |
width: 100% !important; | |
} | |
.rhf_loading_outer[class] { | |
display: table; | |
position: static; | |
} | |
.rhf_loading_middle { | |
height: 100%; | |
width: 100% !important; | |
} | |
.rhf_loading_inner { | |
text-align: center; | |
vertical-align: middle; | |
} | |
/* auiTestSprite is a replacement for swSprite - same image class names apply so we have to wrap the shoveler in a test only class */ | |
#rhfShovelerWrapper .auiTestWrapper .auiTestSprite { | |
display: inline-block; | |
overflow: hidden; | |
padding: 0; | |
position: relative; | |
vertical-align: middle; | |
} | |
#rhfShovelerWrapper .auiTestWrapper .auiTestSprite span { | |
left: -9999px; | |
position: absolute; | |
} | |
#rhfShovelerWrapper .auiTestSprite { | |
background: url("http://g-ecx.images-amazon.com/images/G/01/nav2/images/sprite-carousel-btns-stars._V375962055_.png") no-repeat scroll 0 0 transparent; | |
} | |
/* Back button and a tag around it */ | |
#rhfShovelerWrapper .auiTestWrapper .shoveler a.back-button, | |
#rhfShovelerWrapper .auiTestWrapper .shoveler a.next-button { | |
width: 36px; | |
height: 39px; | |
margin-top: 60px; | |
} | |
#rhfShovelerWrapper .auiTestWrapper .auiTestSprite.s_shvlBack { | |
width: 36px; | |
height: 39px; | |
background-position: 0 0; | |
} | |
#rhfShovelerWrapper .auiTestWrapper .auiTestSprite.s_shvlBack:hover { | |
background-position: 0 -54px; | |
} | |
#rhfShovelerWrapper .auiTestWrapper .depressed .auiTestSprite.s_shvlBack { | |
background-position: 0 -108px; | |
} | |
#rhfShovelerWrapper .auiTestWrapper .auiTestSprite.s_shvlNext { | |
width: 36px; | |
height: 39px; | |
background-position: -54px 0; | |
} | |
#rhfShovelerWrapper .auiTestWrapper .auiTestSprite.s_shvlNext:hover { | |
background-position: -54px -54px; | |
} | |
#rhfShovelerWrapper .auiTestWrapper .depressed .auiTestSprite.s_shvlNext { | |
background-position: -54px -108px; | |
} | |
.rhfWrapper .shoveler .shoveler-heading { | |
padding-right: 24em; | |
} | |
.ybh-not-signed-in-wrapper { | |
width: 100%; | |
margin: 11px 0 14px 20px; | |
} | |
.rhfWrapper .shoveler .shoveler-pagination { | |
color: #666; | |
padding: 0; | |
position: absolute; | |
right: 0; | |
top: 0; | |
width:14em; | |
text-align:right; | |
margin-top: -10px; | |
} | |
#rhf_container #yourBrowsingHistoryOnText { | |
display: table-cell; | |
float: left; | |
margin-top: 19px; | |
margin-left: 15px; | |
margin-right: 20px; | |
} | |
#rhf_container #rhf-ybh-turn-on-link { | |
display: table-cell; | |
padding-top: 18px; | |
float: right; | |
} | |
.ybh-not-signed-in-wrapper .ybh-turn-on-wrapper { | |
display: table-cell; | |
padding-top: 30px; | |
float: left; | |
} | |
.ybh-not-signed-in-wrapper .rhf-sign-in-button { | |
display: table-cell; | |
float: right; | |
padding-right: 20px; | |
} | |
.rhfWrapper .history-content { | |
height: 78px; | |
width: 95%; | |
padding-top: 7px; | |
margin: -14px 0 0px 15px; | |
} | |
.rhfWrapper .history-text { | |
width: 150px; | |
display: table-cell; | |
white-space: nowrap; | |
} | |
.rhfWrapper #rhfViewHistoryWrapper { | |
display:table; | |
width: 95px; | |
white-space: normal; | |
overflow: hidden; | |
vertical-align: top; | |
} | |
.rhfWrapper #white-mask { | |
position: absolute; | |
margin-top:-18px; | |
background: white; | |
height :18px; | |
width: 90%; | |
} | |
.rhfWrapper .rhfHistoryWrapper { | |
margin: 0 auto; | |
width: 100%; | |
min-height: 45px; | |
overflow: hidden; | |
display: table-cell; | |
} | |
.rhfWrapper #youViewed { | |
margin-right: 3px; | |
width: 45px; /* this value is overridden in some locales */ | |
} | |
.rhfWrapper #rvisColumn { | |
vertical-align: top; | |
height: 61px; | |
} | |
.rhf-sign-in-box { | |
margin-left: 26px; | |
} | |
.rhfWrapper .shoveler #rhfUpsellColumnTitle { | |
color: #666666; | |
font-size: 13px; | |
font-family: Arial; | |
white-space: nowrap; | |
float: left; | |
display: block; | |
margin-top: -10px; | |
} | |
.rhfWrapper #rhfUpsellColumnTitle .upsell_title_pre { | |
display: inline-table; | |
font-weight: bold; | |
} | |
.rhfWrapper #rhfUpsellColumnTitle .upsell_title_post { | |
display: inline-table; | |
white-space: normal; | |
font-size: 15px; | |
} | |
.rhfWrapper #rhfUpsellColumnTitle .rvi_title { | |
white-space: normal; | |
} | |
.rhfWrapper .shoveler-button-wrapper { | |
width:100%; | |
min-height: 310px; | |
margin-bottom: -40px; | |
margin-top: 10px; | |
} | |
.rhfWrapper #YBH_RVI { | |
text-align:left; | |
float: right; | |
padding-top: 9px; | |
margin-right: 14px; | |
margin-bottom: 35px; | |
line-height: 11px; | |
} | |
.ybh-not-signed-in-wrapper .ybh-turn-on-wrapper .youViewedText { | |
padding-right: 24px !important; | |
} | |
.rhfWrapper .rvisRowWrapper { | |
display: table; | |
} | |
.rhfWrapper .rvisRowWrapper .rhf-sign-in-button { | |
display: table-cell; | |
float: right; | |
} | |
#rhf_container .youViewedText { | |
padding-top: 12px; | |
padding-right: 12px; | |
margin-bottom: 10px; | |
line-height: 13px; | |
float: left; | |
border-right: 1px solid #ddd; | |
} | |
#rhf_container #rvisColumn .youViewedText { | |
width: 45px; | |
} | |
.rhfWrapper #rhf_content_table { | |
width: 100% !important; | |
table-layout: fixed; | |
} | |
#rhf a { | |
text-decoration: none; | |
color: #004B91; | |
} | |
#rhf a:hover { | |
color: #E47911; | |
} | |
.rhfWrapper .shoveler .start-over { | |
font-size: 11px; | |
font-family: Verdana; | |
color: #666666; | |
} | |
.rhfWrapper .shoveler { | |
position: relative; | |
width: 100%; | |
} | |
.rhfWrapper .shoveler .shoveler-content { | |
padding-top: 10px; | |
margin: 0 35px 0 45px; | |
clear:both; | |
} | |
* html .rhfWrapper .shoveler .rhfHistoryWrapper ul li { | |
display: inline; | |
} | |
#rhfContainer .youViewedText p, #youViewedText p { | |
margin: 0 0 1.25em; | |
line-height: 13px; | |
} | |
#youViewedTextYBH { | |
line-height: 13px; | |
float: left; | |
margin-left: 20px; | |
} | |
.rhf_container .youViewedText p, #youViewedText p, .rhf-sign-in-title { | |
font-family: Arial; | |
font-size: 13px; | |
color: black; | |
} | |
.rhfWrapper td { | |
padding: 0; | |
} | |
.rhf-sign-in-tooltip-new-customer { | |
font-family: Arial; | |
font-size: 11px; | |
} | |
.rhfWrapper .history-content ul { | |
list-style: none; | |
padding: 0; | |
margin: 0; | |
overflow: hidden; | |
outline: none; | |
} | |
.rhfWrapper #rhf_view_history_span { | |
display: table-cell; | |
padding-right: 11px; | |
color: rgb(204, 153, 0); | |
font-weight: bold; | |
font-size: 11px; | |
margin-top: -3px; | |
} | |
.rhfWrapper #YBH_RVI p { | |
display: table-cell; | |
font-size: 10px; | |
line-height: 11px; | |
font-family: Arial; | |
} | |
.rhfWrapper .shoveler li p { | |
text-align: left; | |
} | |
.rhfWrapper .shoveler .reason-text { | |
margin-top: 3px; | |
} | |
.rhfWrapper .shoveler ul li.shoveler-progress { | |
background: no-repeat center 45px url('http://g-ecx.images-amazon.com/images/G/01/x-locale/personalization/shoveler/loading-indicator._V192185253_.gif'); | |
} | |
#rhf .rhfWrapper .product-link-wrapper a:hover, | |
#rhf .rhfWrapper .product-link-wrapper a:active { | |
text-decoration: none; | |
cursor: hand; | |
} | |
#rhf .rhfWrapper a:hover .title, | |
#rhf .rhfWrapper a:active .title { | |
text-decoration: underline; | |
} | |
.rhfWrapper .title { | |
font-family: arial, verdana, sans-serif; | |
font-size: 13px; | |
line-height: 18px; | |
margin-top: 0; | |
} | |
.rhfWrapper .new-release { | |
color: #009B01; | |
font-weight: bold; | |
font-family: verdana, arial, helvetica, sans-serif; | |
font-size: 11px; | |
} | |
.rhfWrapper .byline { | |
font-size: 11px; | |
} | |
.rhf-sign-in-button { | |
border-left: 1px solid #ddd; | |
white-space: nowrap; | |
margin-top: 19px; | |
} | |
.rhf-sign-in-button .action-button, .rhf-sign-in-button a.action-button:hover, | |
.rhf-sign-in-button a.action-button:link, .rhf-sign-in-button a.action-button:active { | |
max-width: 230px; | |
text-decoration: none; | |
margin-bottom: 5px; | |
margin-top: 5px; | |
width: 230px; | |
display:block; | |
background-position: -10px -170px; | |
background-image: url("http://g-ecx.images-amazon.com/images/G/01/gno/beacon/BeaconSprite-US-01._V397411194_.png"); | |
} | |
.rhf-sign-in-button .action-button .action-inner, | |
a.action-button:link .action-inner, | |
a.action-button:active .action-inner, | |
a.action-button:hover .action-inner, | |
a.action-button:visited .action-inner { | |
cursor: pointer; | |
background-position: right -170px; | |
display: block; | |
height: 28px; | |
position: relative; | |
color: black; | |
font-size: 12px; | |
line-height: 28px; | |
text-align: center; | |
font-family: "arial","sans-serif"; | |
font-weight: bold; | |
text-decoration: none; | |
text-shadow: 0px 1px 0px #ffe093; | |
} | |
.rhfWrapper #rhf_nav_back { | |
margin: 15px 30px 30px 30px; | |
font-size: 13px; | |
font-style: italic; | |
float: left; | |
} | |
.rhfWrapper .rhf-divider-inner { | |
height: 23px; | |
margin-bottom: -6px; | |
background: -moz-linear-gradient(top,#ddd,#f7f7f7 3px,white); | |
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ddd),color-stop(3px,#f7f7f7),color-stop(100%,white)); | |
background: -webkit-linear-gradient(top,#ddd,#f7f7f7 3px,white); | |
background: -o-linear-gradient(top,#ddd,#f7f7f7 3px,white); | |
background: -ms-linear-gradient(top,#ddd,#f7f7f7 3px,white); | |
background: linear-gradient(top,#ddd,#f7f7f7 3px,white); | |
filter: none; | |
z-index: 0; | |
zoom: 1; | |
} | |
.rhfWrapper .rhf-divider-inner:after { | |
display: block; | |
width: 100%; | |
height: 44px; | |
background-color: transparent; | |
background: -moz-linear-gradient(left,white,rgba(255,255,255,0),white); | |
background: -webkit-gradient(linear,left top,right top,color-stop(0%,white),color-stop(50%,rgba(255,255,255,0)),color-stop(100%,white)); | |
background: -webkit-linear-gradient(left,white,rgba(255,255,255,0),white); | |
background: -o-linear-gradient(left,white,rgba(255,255,255,0),white); | |
background: -ms-linear-gradient(left,white,rgba(255,255,255,0),white); | |
background: linear-gradient(left,white,rgba(255,255,255,0),white); | |
filter: none; | |
z-index: 1; | |
content: ""; | |
} | |
#rhf_container #yourBrowsingHistoryOnText p { | |
font-size: 13px; | |
color: #ddd; | |
font-style: italic; | |
} | |
.rhfWrapper .rhf-RVIs a img { | |
border-style: solid; | |
border-width: 1px; | |
border-color: #ddd; | |
box-sizing: border-box; | |
-moz-box-sizing: border-box; /* FireFox */ | |
-webkit-box-sizing: border-box; /* Safari */ | |
} | |
.rhfWrapper .rhf-RVIs a:hover img { | |
border: 2px solid #E47911; | |
} | |
.rhfWrapper .arrowImg { | |
position: absolute; | |
margin-top: 2px; | |
visibility: hidden; | |
} | |
.rhfWrapper #youViewed #youViewedText { | |
margin-bottom: -13px; | |
padding-top: 12px; | |
} | |
.rhfWrapper #rhf-recs-down-text { | |
padding-top: 13px; | |
font-size: 16px; | |
line-height: 26px; | |
} | |
.rhfWrapper .rhfHistoryWrapper li { | |
float: left; | |
margin-left: 10px; | |
margin-right: 10px; | |
margin-top: 3px; | |
list-style-type: none; | |
} | |
.rhfWrapper .rhfHistoryWrapper .byline { | |
color: #666666; | |
} | |
.rhfWrapper .rating { | |
margin-top: 2px; | |
} | |
.rhfWrapper .binding { | |
color: #666666; | |
font-size: 11px; | |
} | |
.rhfWrapper .shoveler .binding { | |
margin-top: 2px; | |
} | |
.rhfWrapper .shoveler .price { | |
margin-top: 2px; | |
color: #900; | |
font-size: 13px; | |
} | |
.rhfWrapper .shoveler .price .price-suffix { | |
color: #666666; | |
} | |
.rhfWrapper .shoveler .price-label { | |
color: #888888; | |
font-size: 12px; | |
font-family: Arial, sans-serif; | |
letter-spacing: normal; | |
} | |
.rhfWrapper .shoveler .price .unit { | |
color: #666; | |
font-size: 12px; | |
} | |
.rhfWrapper .shoveler .priceText { font-size: 12px }; | |
.rhfWrapper .shoveler .price-per-unit { | |
font-size:10px; | |
color:#990000; | |
margin-left:.25em; | |
white-space:nowrap; | |
} | |
.rhfWrapper .shoveler .primeExplanation { | |
color: #666666; | |
font-size: 11px; | |
} | |
.rhfWrapper .RobinBadgeSmall { | |
background-position: -9px -17px; | |
background-repeat: no-repeat; | |
background-size: 125px 50px; | |
display: inline-block; | |
height: 14px; | |
width: 47px; | |
} | |
.rhfWrapper #rhfNoRecsMessage { | |
color: #666666; | |
font-size: 13px; | |
font-family: Arial; | |
} | |
.rhfWrapper .rhfHistoryWrapper #rhfHistoryColumnTitle { | |
color: #666666; | |
font-size: 13px; | |
font-family: Arial; | |
} | |
.rhfWrapper .popoverTrigger { | |
margin-left:.35em; | |
cursor:default; | |
} | |
.rhfWrapper #rhfShovelerWrapper{ | |
display: block; | |
height: 310px; | |
} | |
.rhfWrapper #rhfDividerColumn { | |
border-top: 1px solid #ddd; | |
} | |
* html .rhf { | |
height:1%; | |
} | |
.rhfWrapper #rhfUpsellColumnWrapper { | |
padding: 10px 10px 0 10px; | |
} | |
.rhfWrapper .shoveler div.disabled-button { | |
opacity: 0.2; | |
-moz-opacity: 0.2; | |
filter: alpha(opacity=20); | |
cursor: default; | |
} | |
.rhfWrapper .shoveler .disclaim { | |
margin-bottom: 15px; | |
} | |
#rhf_container .carat { | |
font-size: 11px; | |
color: #E47911; | |
line-height: 0; | |
margin: 0 3px 0 0; | |
font-weight: bold; | |
} | |
.rhfWrapper .shoveler ul { | |
height: 300px !important; | |
padding: 0; | |
margin: 0; | |
overflow:hidden; | |
outline: none; | |
font-size: 86%; | |
} | |
.rhfWrapper .shoveler ul li { | |
float: left; | |
margin: 0; | |
padding: 0; | |
width: 155px; | |
height: 300px !important; | |
overflow: hidden; | |
} | |
#rhf_footer { | |
padding: 10px; | |
text-align: left; | |
font-size: 13px; | |
} | |
.price { | |
color: #990000; | |
} | |
.price-suffix { | |
color: #666666; | |
} | |
.primeExplanation { | |
font-size: 11px; | |
} | |
.a-carousel-slide .a-carousel { | |
transform-style: flat; | |
} | |
.a-carousel-card { | |
white-space: normal; | |
} | |
</style> | |
<br /> | |
<div id="rhf" class="copilot-secure-display" style="clear:both"> | |
<table id="rhf_table" align="center" cellpadding="0" cellspacing="0"> | |
<tr> | |
<td class="rhf-box-corner-sprite rhf-box-tl" width="15"></td> | |
<td class="rhf-box-corner-sprite rhf-box-tc"> | |
<div class="rhf_header"><span id="rhfMainHeading">Your Recently Viewed Items and Featured Recommendations</span></div> | |
</td> | |
<td class="rhf-box-corner-sprite rhf-box-tr" width="15"></td> | |
</tr> | |
<tr> | |
<td class="rhf-box-sides-sprite rhf-box-l" width="15"></td> | |
<td> | |
<div id="rhf_container" style="display:none;"> | |
<div class='rhf_loading_outer'><table class='rhf_loading_middle'><tr><td class='rhf_loading_inner'><img src='http://g-ecx.images-amazon.com/images/G/01/ui/loadIndicators/loadIndicator-large._V192195480_.gif' /></td></tr></table></div> | |
</div><noscript> | |
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="margin-top: 10px"> | |
<tr valign="top"> | |
<td valign="top"> | |
<div class="rhfHistoryWrapper"> | |
<p>After viewing product detail pages, look here to find an easy way to navigate back to pages you are interested in.</p> | |
</div> | |
</td> | |
</tr> | |
<tr><td> | |
<div style="padding:10px 10px 0 10px; text-align:left;"> | |
<b><span style="color: rgb(204, 153, 0); font-weight: bold; font-size: 13px;"> › </span> | |
<a href="/gp/yourstore/pym/ref=pd_pyml_rhf">View and Edit Your Browsing History</a> | |
</b></div> | |
</td></tr> | |
</table> | |
</noscript><div id="rhf_error" style="display:none;"> | |
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="margin-top: 10px"> | |
<tr valign="top"> | |
<td valign="top"> | |
<div class="rhfHistoryWrapper"> | |
<p>After viewing product detail pages, look here to find an easy way to navigate back to pages you are interested in.</p> | |
</div> | |
</td> | |
</tr> | |
<tr><td> | |
<div style="padding:10px 10px 0 10px; text-align:left;"> | |
<b><span style="color: rgb(204, 153, 0); font-weight: bold; font-size: 13px;"> › </span> | |
<a href="/gp/yourstore/pym/ref=pd_pyml_rhf">View and Edit Your Browsing History</a> | |
</b></div> | |
</td></tr> | |
</table> | |
</div><div id="rhf_recs_error" style="display:none;"> | |
<div id="rhf-recs-service-down" align="center" style="padding-top: 24px;"> | |
<div id="rhf-recs-down-text"> | |
<p>Our recommendations service is currently unavailable. Please refresh this page or try again later.</p> | |
<p>We apologize for the inconvenience!</p> | |
</div> | |
</div> | |
</div> | |
</td> | |
<td class="rhf-box-sides-sprite rhf-box-r" width="15"></td> | |
</tr> | |
</table> | |
</div> | |
<br /> | |
<div id="navFooter"><table class="navFooterVerticalColumn" cellspacing="0" align="center"> | |
<tr> | |
<td class="navFooterLinkCol"> | |
<div class="navFooterColHead">Get to Know Us</div> | |
<ul> | |
<li class="nav_first"> | |
</li><li class="nav_last"><a href="/b/ref=footer_devices?ie=UTF8&node=10394030011" class="nav_a">Amazon Devices</a></li> | |
</ul></td><td class="navFooterColSpacerInner"></td><td class="navFooterLinkCol"> | |
<div class="navFooterColHead">Make Money with Us</div><ul><li class="nav_first"> | |
<a href="/gp/redirect.html/ref=footer_soa?_encoding=UTF8&location=http%3A%2F%2Fwww.amazonservices.com%2Fcontent%2Fsell-on-amazon.htm%2Fref%3Dfooter_soa%3Fld%3DAZFSSOA&source=standards&token=1E60AB4AC0ECCA00151B45353E21782E539DC601" class="nav_a">Sell on Amazon</a></li><li><a href="/gp/redirect.html/ref=footer_sell_svcs?_encoding=UTF8&location=http%3A%2F%2Fservices.amazon.com%2Fselling-services%2Fbenefits.htm%3Fld%3DAZUSVAS-globalfooter&source=standards&token=2EF4DF105FC57E2F8FA2BB129755A3E03E343571" class="nav_a">Sell Your Services on Amazon</a> | |
</li><li> | |
<a href="https://www.amazon.com:443/gp/redirect.html/ref=footer_sya?_encoding=UTF8&location=https%3A%2F%2Fdeveloper.amazon.com%2Fappsandservices%3Fsc_channel%3Dba%26sc_place%3Damazonhome&source=standards&token=DF0CFA9EECFD0DEDEAE6094981480E48DBC1E112" class="nav_a">Sell Your Apps on Amazon</a></li><li><a href="/gp/redirect.html/ref=footer_affliate?location=http://affiliate-program.amazon.com/&token=020E83530EE2B7F2EDA65ADA51F882D31A4AC155&source=standards" class="nav_a">Become an Affiliate</a> | |
</li><li><a href="http://services.amazon.com/content/product-ads-on-amazon.htm/ref=footer_pads?ld=AZPADSFooter" class="nav_a">Advertise Your Products</a></li> | |
<li><a href="/gp/seller-account/mm-summary-page.html?ie=UTF8&ld=AZFooterSelfPublish&topic=200260520" class="nav_a">Self-Publish with Us</a></li> | |
<li><a href="/b/ref=footer_vend?ie=UTF8&node=10659983011" class="nav_a">Become an Amazon Vendor</a></li> | |
<li class="nav_last nav_a_carat"><span class="nav_a_carat"></span> | |
<a href="/gp/seller-account/mm-landing.html/ref=footer_seeall?ie=UTF8&ld=AZSOAviewallMakeM" class="nav_a">See all</a> | |
</li></ul> | |
</td><td class="navFooterColSpacerInner"></td><td class="navFooterLinkCol"> | |
<div class="navFooterColHead">Amazon Payment Products</div><ul><li class="nav_first"> | |
<a href="/iss/credit/rewardscardmember/ref=footer_cbcc?_encoding=UTF8&plattr=CBFOOT" class="nav_a">Amazon.com Rewards Visa Card</a></li> | |
<li><a href="/iss/credit/storecardmember/ref=footer_plcc?_encoding=UTF8&plattr=PLCCFOOT" class="nav_a">Amazon.com Store Card</a></li> | |
<li><a href="/gp/cobrandcard/marketing.html/ref=footer_ccl?ie=UTF-8&place=camp&plattr=CCLFOOT&pr=ibprox" class="nav_a">Amazon.com Corporate Credit Line</a></li> | |
<li><a href="/earn-spend-rewards-points/b/ref=footer_swp?ie=UTF8&node=2634438011" class="nav_a">Shop with Points</a></li> | |
<li><a href="/compare-credit-card-offers/b/ref=footer_ccmp?ie=UTF8&node=3561432011" class="nav_a">Credit Card Marketplace</a></li> | |
<li class="nav_last"><a href="/Currency-Converter/b/ref=footer_tfx?ie=UTF8&node=388305011" class="nav_a">Amazon Currency Converter</a></li></ul></td> | |
<td class="navFooterColSpacerInner"></td><td class="navFooterLinkCol"><div class="navFooterColHead">Let Us Help You</div><ul> | |
<li class="nav_first"><a href="https://www.amazon.com/gp/css/homepage.html/ref=footer_ya" class="nav_a">Your Account</a></li><li><a href="/gp/help/customer/display.html/ref=footer_shiprates?ie=UTF8&nodeId=468520" class="nav_a">Shipping Rates & Policies</a></li><li><a href="/gp/prime/ref=footer_prime" class="nav_a">Amazon Prime</a></li><li><a href="/gp/css/returns/homepage.html/ref=hy_f_4" class="nav_a">Returns & Replacements</a></li><li><a href="/gp/digital/fiona/manage/ref=footer_myk" class="nav_a">Manage Your Content and Devices</a></li><li class="nav_last"> | |
<a href="/gp/help/customer/display.html/ref=gw_m_b_he?ie=UTF8&nodeId=508510" class="nav_a">Help</a></li></ul></td></tr></table> | |
<div class="navFooterLine navFooterLogoLine"><a href="/ref=footer_logo"><img src="http://g-ecx.images-amazon.com/images/G/01/gno/images/general/navAmazonLogoFooter._V169459313_.gif" width="126" alt="amazon.com" height="24" border="0" /></a></div> | |
<div class="navFooterLine navFooterLinkLine navFooterPadItemLine"><ul><li class="nav_first"><a href="http://www.amazon.com.au" class="nav_a">Australia</a></li><li><a href="http://www.amazon.com.br" class="nav_a">Brazil</a></li><li><a href="http://www.amazon.ca/" class="nav_a">Canada</a></li><li><a href="http://www.amazon.cn/" class="nav_a">China</a></li><li><a href="http://www.amazon.fr/" class="nav_a">France</a></li><li><a href="http://www.amazon.de/" class="nav_a">Germany</a></li><li><a href="http://www.amazon.in/" class="nav_a">India</a></li><li><a href="http://www.amazon.it/" class="nav_a">Italy</a></li><li><a href="http://www.amazon.co.jp/" class="nav_a">Japan</a></li><li><a href="http://www.amazon.com.mx/" class="nav_a">Mexico</a></li><li><a href="http://www.amazon.nl/" class="nav_a">Netherlands</a></li><li><a href="http://www.amazon.es/" class="nav_a">Spain</a></li><li class="nav_last"><a href="http://www.amazon.co.uk/" class="nav_a">United Kingdom</a></li></ul></div> | |
<div class="navFooterLine navFooterLinkLine navFooterDescLine"><table cellspacing="0"><tr> | |
<td class="navFooterDescSpacer" style="width: 38.0%"></td> | |
<td class="navFooterDescItem"><a href="http://www.6pm.com/" class="nav_a">6pm<br/> <span class="navFooterDescText">Score deals<br/> on fashion brands</span></a></td> | |
<td class="navFooterDescSpacer" style="width: 4%"></td> | |
<td class="navFooterDescItem"><a href="http://www.abebooks.com/" class="nav_a">AbeBooks<br/> <span class="navFooterDescText">Rare Books<br/> & Textbooks</span></a></td> | |
<td class="navFooterDescSpacer" style="width: 4%"></td> | |
<td class="navFooterDescItem"><a href="http://www.acx.com" class="nav_a">ACX <br/> <span class="navFooterDescText">Audiobook Publishing<br/> Made Easy</span></a></td> | |
<td class="navFooterDescSpacer" style="width: 4%"></td> | |
<td class="navFooterDescItem"><a href="http://www.afterschool.com/" class="nav_a">AfterSchool.com<br/> <span class="navFooterDescText">Kids’ Sports, Outdoor<br/> & Dance Gear</span></a></td> | |
<td class="navFooterDescSpacer" style="width: 4%"></td> | |
<td class="navFooterDescItem"><a href="http://www.alexa.com/" class="nav_a">Alexa<br/> <span class="navFooterDescText">Actionable Analytics<br/> for the Web</span></a></td> | |
<td class="navFooterDescSpacer" style="width: 4%"></td> | |
<td class="navFooterDescItem"><a href="http://fresh.amazon.com" class="nav_a">AmazonFresh<br/> <span class="navFooterDescText">Groceries & More<br/> Right To Your Door</span></a></td> | |
<td class="navFooterDescSpacer" style="width: 4%"></td> | |
<td class="navFooterDescItem"><a href="http://amazonlocal.com/" class="nav_a">Amazon Local<br/> <span class="navFooterDescText">Great Local Deals<br/> in Your City</span></a></td> | |
<td class="navFooterDescSpacer" style="width: 38.0%"></td> | |
</tr> | |
<tr><td></td></tr> | |
<tr> | |
<td class="navFooterDescSpacer" style="width: 38.0%"></td> | |
<td class="navFooterDescItem"><a href="http://www.amazon.com/services" class="nav_a">Amazon Home Services<br/> <span class="navFooterDescText">Handpicked Pros<br/> Happiness Guarantee</span></a></td> | |
<td class="navFooterDescSpacer" style="width: 4%"></td> | |
<td class="navFooterDescItem"><a href="http://www.amazonsupply.com/" class="nav_a">AmazonSupply<br/> <span class="navFooterDescText">Business, Industrial<br/> & Scientific Supplies</span></a></td> | |
<td class="navFooterDescSpacer" style="width: 4%"></td> | |
<td class="navFooterDescItem"><a href="http://aws.amazon.com/what-is-cloud-computing/?sc_channel=EL&sc_campaign=amazonfooter" class="nav_a">Amazon Web Services<br/> <span class="navFooterDescText">Scalable Cloud<br/> Computing Services</span></a></td> | |
<td class="navFooterDescSpacer" style="width: 4%"></td> | |
<td class="navFooterDescItem"><a href="http://www.audible.com/" class="nav_a">Audible<br/> <span class="navFooterDescText">Download<br/> Audio Books</span></a></td> | |
<td class="navFooterDescSpacer" style="width: 4%"></td> | |
<td class="navFooterDescItem"><a href="http://www.beautybar.com/" class="nav_a">BeautyBar.com<br/> <span class="navFooterDescText">Prestige Beauty<br/> Delivered</span></a></td> | |
<td class="navFooterDescSpacer" style="width: 4%"></td> | |
<td class="navFooterDescItem"><a href="http://www.bookdepository.com/" class="nav_a">Book Depository<br/> <span class="navFooterDescText">Books With Free<br/> Delivery Worldwide</span></a></td> | |
<td class="navFooterDescSpacer" style="width: 4%"></td> | |
<td class="navFooterDescItem"><a href="http://www.casa.com/" class="nav_a">Casa.com<br/> <span class="navFooterDescText">Kitchen, Storage<br/> & Everything Home</span></a></td> | |
<td class="navFooterDescSpacer" style="width: 38.0%"></td> | |
</tr> | |
<tr><td></td></tr> | |
<tr> | |
<td class="navFooterDescSpacer" style="width: 38.0%"></td> | |
<td class="navFooterDescItem"><a href="https://www.comixology.com/" class="nav_a">ComiXology<br/> <span class="navFooterDescText">Thousands of<br/> Digital Comics</span></a></td> | |
<td class="navFooterDescSpacer" style="width: 4%"></td> | |
<td class="navFooterDescItem"><a href="http://www.createspace.com/" class="nav_a">CreateSpace<br/> <span class="navFooterDescText">Indie Print Publishing<br/> Made Easy</span></a></td> | |
<td class="navFooterDescSpacer" style="width: 4%"></td> | |
<td class="navFooterDescItem"><a href="http://www.diapers.com/" class="nav_a">Diapers.com<br/> <span class="navFooterDescText">Everything<br/> But The Baby</span></a></td> | |
<td class="navFooterDescSpacer" style="width: 4%"></td> | |
<td class="navFooterDescItem"><a href="http://www.dpreview.com/" class="nav_a">DPReview<br/> <span class="navFooterDescText">Digital<br/> Photography</span></a></td> | |
<td class="navFooterDescSpacer" style="width: 4%"></td> | |
<td class="navFooterDescItem"><a href="http://www.eastdane.com/welcome" class="nav_a">East Dane<br/> <span class="navFooterDescText">Designer Men's<br/> Fashion</span></a></td> | |
<td class="navFooterDescSpacer" style="width: 4%"></td> | |
<td class="navFooterDescItem"><a href="http://www.fabric.com/" class="nav_a">Fabric<br/> <span class="navFooterDescText">Sewing, Quilting<br/> & Knitting</span></a></td> | |
<td class="navFooterDescSpacer" style="width: 4%"></td> | |
<td class="navFooterDescItem"><a href="http://www.goodreads.com/" class="nav_a">Goodreads<br/> <span class="navFooterDescText">Book reviews<br/> & recommendations</span></a></td> | |
<td class="navFooterDescSpacer" style="width: 38.0%"></td> | |
</tr> | |
<tr><td></td></tr> | |
<tr> | |
<td class="navFooterDescSpacer" style="width: 38.0%"></td> | |
<td class="navFooterDescItem"><a href="http://www.imdb.com/" class="nav_a">IMDb<br/> <span class="navFooterDescText">Movies, TV<br/> & Celebrities</span></a></td> | |
<td class="navFooterDescSpacer" style="width: 4%"></td> | |
<td class="navFooterDescItem"><a href="http://www.junglee.com/" class="nav_a">Junglee.com<br/> <span class="navFooterDescText">Shop Online<br/> in India</span></a></td> | |
<td class="navFooterDescSpacer" style="width: 4%"></td> | |
<td class="navFooterDescItem"><a href="http://kdp.amazon.com/" class="nav_a">Kindle Direct Publishing<br/> <span class="navFooterDescText">Indie Digital Publishing<br/> Made Easy | |
</span></a></td> | |
<td class="navFooterDescSpacer" style="width: 4%"></td> | |
<td class="navFooterDescItem"><a href="http://www.look.com/" class="nav_a">Look.com<br/> <span class="navFooterDescText">Kids' Clothing<br/> & Shoes</span></a></td> | |
<td class="navFooterDescSpacer" style="width: 4%"></td> | |
<td class="navFooterDescItem"><a href="http://www.myhabit.com/" class="nav_a">MYHABIT<br/> <span class="navFooterDescText">Private Fashion<br/> Designer Sales</span></a></td> | |
<td class="navFooterDescSpacer" style="width: 4%"></td> | |
<td class="navFooterDescItem"><a href="http://www.shopbop.com/welcome" class="nav_a">Shopbop<br/> <span class="navFooterDescText">Designer<br/> Fashion Brands</span></a></td> | |
<td class="navFooterDescSpacer" style="width: 4%"></td> | |
<td class="navFooterDescItem"><a href="http://www.soap.com/" class="nav_a">Soap.com<br/> <span class="navFooterDescText">Health, Beauty &<br/> Home Essentials</span></a></td> | |
<td class="navFooterDescSpacer" style="width: 38.0%"></td> | |
</tr> | |
<tr><td></td></tr> | |
<tr> | |
<td class="navFooterDescSpacer" style="width: 38.0%"></td> | |
<td class="navFooterDescItem"><a href="http://www.tenmarks.com/" class="nav_a">TenMarks.com<br/> <span class="navFooterDescText">Math Activities<br/> for Kids & Schools</span></a></td> | |
<td class="navFooterDescSpacer" style="width: 4%"></td> | |
<td class="navFooterDescItem"><a href="http://www.vinemarket.com/" class="nav_a">VineMarket.com<br/> <span class="navFooterDescText">Everything<br/> to Live Life Green</span></a></td> | |
<td class="navFooterDescSpacer" style="width: 4%"></td> | |
<td class="navFooterDescItem"><a href="http://www.wag.com/" class="nav_a">Wag.com<br/> <span class="navFooterDescText">Everything<br/> For Your Pet</span></a></td> | |
<td class="navFooterDescSpacer" style="width: 4%"></td> | |
<td class="navFooterDescItem"><a href="/b/ref=footer_wrhsdls?ie=UTF8&node=10158976011" class="nav_a">Warehouse Deals<br/> <span class="navFooterDescText">Open-Box<br/> Discounts</span></a></td> | |
<td class="navFooterDescSpacer" style="width: 4%"></td> | |
<td class="navFooterDescItem"><a href="/b/ref=nav_woot_footer?ie=UTF8&node=10772747011" class="nav_a">Woot!<br/> <span class="navFooterDescText">Discounts and <br/> Shenanigans</span></a></td> | |
<td class="navFooterDescSpacer" style="width: 4%"></td> | |
<td class="navFooterDescItem"><a href="http://www.yoyo.com/" class="nav_a">Yoyo.com<br/> <span class="navFooterDescText">A Happy Place<br/> To Shop For Toys</span></a></td> | |
<td class="navFooterDescSpacer" style="width: 4%"></td> | |
<td class="navFooterDescItem"><a href="http://www.zappos.com/c/top-searches" class="nav_a">Zappos<br/> <span class="navFooterDescText">Shoes &<br/> Clothing</span></a></td> | |
<td class="navFooterDescSpacer" style="width: 38.0%"></td> | |
</tr> | |
</table></div> | |
<div class="navFooterLine navFooterLinkLine navFooterPadItemLine"><ul><li class="nav_first"><a href="/gp/help/customer/display.html/ref=footer_cou?ie=UTF8&nodeId=508088" class="nav_a">Conditions of Use</a></li><li><a href="/gp/help/customer/display.html/ref=footer_privacy?ie=UTF8&nodeId=468496" class="nav_a">Privacy Notice</a></li><li><a href="/interestbasedads" class="nav_a">Interest-Based Ads</a></li><li class="nav_last">© 1996-2015, Amazon.com, Inc. or its affiliates</li></ul></div> | |
</div> | |
<!-- whfh-26NWtTsPsklzksdmX6iuH2ZdUND1xbZSVC7EjwxCWDniT3qKJdgFhkWVex+8Bk09 rid-052TJQZ529HC8JXH63AA --> | |
<div id="sis_pixel_r2" aria-hidden="true" style="height:1px;"></div> | |
<style> | |
#gw-asin-popover { | |
width: 100%; | |
height: 100%; | |
background:white; | |
padding: 3%; | |
margin: 0px; | |
position: relative; | |
overflow: hidden; | |
} | |
#gw-asin-popover a:hover { | |
text-decoration: none; | |
} | |
#gw-asin-popover .content { | |
height: 100%; | |
} | |
#gw-asin-popover .detailblock { | |
height: 100%; | |
} | |
#gw-asin-popover .detailblock:before { | |
content: ""; | |
display: inline-block; | |
height: 100%; | |
vertical-align: middle; | |
} | |
#gw-asin-popover .details { | |
width: 35%; | |
display: inline-block; | |
vertical-align: middle; | |
} | |
#gw-asin-popover .imgblock { | |
display: block; | |
margin-right: 3%; | |
width: 60%; | |
height: 100%; | |
text-align: center; | |
overflow: hidden; | |
float: left; | |
} | |
#gw-asin-popover .imgblock:before { | |
content: ""; | |
display: inline-block; | |
height: 100%; | |
vertical-align: middle; | |
} | |
#gw-asin-popover img.product-image { | |
max-width: 100%; | |
max-height: 100%; | |
width: auto; | |
height: auto; | |
vertical-align: middle; | |
color: transparent; | |
} | |
#gw-asin-popover .title { | |
display: block; | |
font-family:Arial; | |
color:#111; | |
font-size:24px; | |
line-height:1.33; | |
margin-bottom: 12px; | |
overflow: hidden; | |
max-height: 4em; | |
} | |
#gw-asin-popover .byline { | |
font-size:18px; | |
line-height:1.5; | |
white-space: nowrap; | |
text-overflow: ellipsis; | |
overflow: hidden; | |
} | |
#gw-asin-popover .pricing { | |
font-size: 22px; | |
margin-bottom: 28px; | |
} | |
#gw-asin-popover .pricing .ppu, | |
#gw-asin-popover .pricing .ppu .a-color-price { | |
color:#999 !important; | |
font-size:12px !important; | |
} | |
#gw-asin-popover .reviews { | |
display: block; | |
font-size:16px; | |
vertical-align: middle; | |
margin-bottom: 36px; | |
min-height: 1.2em; | |
} | |
#gw-asin-popover .reviews .a-icon-star-medium { | |
vertical-align: middle; | |
} | |
#gw-asin-popover .pricing .price, | |
#gw-asin-popover .pricing .price .a-color-price { | |
color:#111 !important; | |
} | |
#gw-asin-popover .pricing .gwCurrencyINR { | |
padding-left: 15px; | |
padding-top: 1px; | |
} | |
#gw-asin-popover .pricing .prime { | |
vertical-align: center; | |
} | |
#gw-asin-popover .a-button { | |
width: 100%; | |
max-width: 210px; | |
} | |
#gw-asin-popover .two-buttons .a-button { | |
margin-bottom: 10px; | |
} | |
#gw-asin-popover .loading { | |
position: absolute; | |
top: 50%; left: 0; right: 0; | |
margin-top: -50px; | |
text-align: center; | |
display: none; | |
} | |
#gw-asin-popover .close-icon { | |
height: 36px; | |
width: 36px; | |
background-position: -96px -46px; | |
position: absolute; | |
top: 10px; | |
right: 10px; | |
cursor: pointer; | |
opacity: 0.5; | |
} | |
#gw-asin-popover .pricing .ppu .gwCurrencyINR{ | |
background-size: auto 65%; | |
padding-left: 9px; | |
} | |
.a-modal-scroller { | |
-webkit-transform: translateZ(0); | |
} | |
#gw-quick-look-btn { | |
display: none; | |
position: absolute; | |
left: 0; | |
right: 0; | |
bottom: 0; | |
margin: auto; | |
margin-bottom: 7px; | |
max-width: 180px; | |
max-height: 31px; | |
width: 100%; | |
} | |
#gw-quick-look-btn.active { | |
display: inline-block; | |
} | |
.feed-carousel .feed-carousel-card .a-list-item { | |
text-align:center; | |
position:relative; | |
display:inline-block; | |
min-width:145px; | |
} | |
</style> | |
<style> | |
.a-popover-modal-fixed-height { | |
height: 590px !important; | |
} | |
#gw-asin-popover { | |
height: 70%; | |
} | |
.sims-hr { | |
background-color: #eee; | |
height: 1px; | |
margin: 0 auto; | |
border: none; | |
} | |
.sims-img { | |
max-height: 100px; | |
max-width: 130px; | |
vertical-align:middle; | |
} | |
.sims-container { | |
height: 140px; | |
width: 100%; | |
} | |
.sims-wrapper { | |
height: 30%; | |
margin-bottom: 15px; | |
} | |
.sims-header { | |
margin-top: 15px; | |
z-index: 4; | |
} | |
.sims-header-text { | |
margin: 0 auto; | |
display: block; | |
width: 300px; | |
text-align: center; | |
} | |
.sims-img-link { | |
display: inline-block; | |
padding-right: 10px; | |
padding-left: 10px; | |
height: 100%; | |
} | |
.sims-section { | |
background: #f2f2f2; | |
} | |
.sims-img-link.selected:hover .sims-img-container, .sims-img-link.selected .sims-img-container { | |
border-bottom-color: #c45500; | |
} | |
.sims-img-container { | |
border-bottom: 4px; | |
border-bottom-style: solid; | |
border-bottom-color: #f2f2f2; | |
height: 100%; | |
display: inline-block; | |
position: relative; | |
z-index:2; | |
background:#fff; | |
} | |
.sims-img-container:before { | |
content:""; | |
display:inline-block; | |
vertical-align:middle; | |
height:100%; | |
} | |
.sims-img-link:first-child .sims-img-container { | |
padding-right: 10px; | |
} | |
.sims-img-link:first-child .sims-img-overlay { | |
border-right: #fff; | |
border-right-width: 1px; | |
border-right-style: solid; | |
} | |
.sims-img-link:hover .sims-img-container{ | |
border-bottom-color: #bbb; | |
} | |
.sims-loading { | |
text-align: center; | |
margin-top: 35px; | |
position: relative; | |
} | |
.sims-details { | |
overflow: hidden; | |
height: 100%; | |
margin-left: 10px; | |
} | |
.sims-img-overlay { | |
position:absolute; | |
left:0px; | |
top:0px; | |
height: 100%; | |
width: 100%; | |
vertical-align:middle; | |
background: rgba(0,0,0,0.05); | |
z-index:3; | |
} | |
.a-lt-ie9 .sims-img-overlay { | |
background: rgb(0,0,0); | |
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=5)"; | |
} | |
.sims-loading-overlay { | |
position:absolute; | |
left:424px; | |
top:0px; | |
height: 50px; | |
width: 50px; | |
vertical-align:middle; | |
background: rgba(0,0,0,0.05); | |
z-index:3; | |
} | |
.a-lt-ie9 .sims-loading-overlay { | |
background: rgb(0,0,0); | |
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=5)"; | |
} | |
</style> | |
<div class="a-popover-preload" id="a-popover-gw-asin-popover"> | |
<div id="gw-asin-popover"> | |
<i id="gw-popover-close" class="gw-icon close-icon" title="Close Button"></i> | |
<div class="content" data-bind="visible: !loading"> | |
<a class="imgblock" data-bind="href: url"><img class="product-image" data-bind="attr: image, attr: flingData" /></a> | |
<div class="detailblock"> | |
<div class="details"> | |
<div class="byline a-color-tertiary" data-bind="text: byline"></div> | |
<a class="title" data-bind="text: title, trimText: 63, href: url"></a> | |
<div class="reviews"> | |
<a data-bind="href: reviews.url"> | |
<i class="a-icon a-icon-star-medium" data-bind="visible: reviews, css: reviews.auiStarClassMedium"></i> | |
<span class="review-count a-color-tertiary" data-bind="text: reviews.numberOfRatings"></span> | |
</a> | |
</div> | |
<div class="pricing"> | |
<span class="price" data-bind="html: priceOnly, css: addToCart.priceClass"></span> | |
<i class="prime a-icon" data-bind="visible: prime, css: prime.auiIconClass" title="Prime"></i> | |
<div> | |
<span class="ppu" data-bind="html: ppu"></span> | |
</div> | |
</div> | |
<span class="dp-link"> | |
<span class="a-button a-button-primary"> | |
<span class="a-button-inner"> | |
<a href="" class="details-button a-button-text" role="button" data-bind="href: url"> | |
See product details | |
</a> | |
</span> | |
</span> | |
</span> | |
</div> | |
</div> | |
</div> | |
<div class="loading" data-bind="visible: loading"><img src="http://g-ecx.images-amazon.com/images/G/01/amazonui/loading/loading-4x._V391853216_.gif" /></div> | |
</div> | |
<div class="sims-section"> | |
<hr class="sims-hr" /> | |
<div class="sims-wrapper"> | |
<div class="sims-header"> | |
<span class="sims-header-text a-size-medium a-align-center a-color-tertiary"> | |
Customers also bought | |
</span> | |
</div> | |
<div class="sims-container"> | |
<div class="sims-loading"> | |
<img src="http://g-ecx.images-amazon.com/images/G/01/amazonui/loading/loading-2x._V391853216_.gif" /> | |
<div class="sims-loading-overlay"></div> | |
</div> | |
<div class="sims-details"></div> | |
</div> | |
</div> | |
</div> | |
</div> | |
<span id="gw-quick-look-btn" class="a-button"><span class="a-button-inner"> | |
<input class="a-button-input" type="submit" aria-labelledby="gw-quick-look-btn-announce"/><span id="gw-quick-look-btn-announce" class="a-button-text" aria-hidden="true"> | |
Quick look | |
</span></span></span> | |
<div id="SponsoredLinksGateway"> | |
</div> | |
</div> | |
<div id='be' style='display:none;visibility:hidden;'><form name='ue_backdetect'><input name='ue_back' value='1' type='hidden'/></form> | |
<a href='/gp/uedata/nvp/unsticky/177-6242788-2645805//ntpoffrw?tepes=1&id=052TJQZ529HC8JXH63AA'>v</a> | |
<noscript> | |
<img src='/gp/uedata/nvp/unsticky/177-6242788-2645805//ntpoffrw?noscript&id=052TJQZ529HC8JXH63AA&pty=Gateway&spty=desktop&pti=desktop' /> | |
<img src='//fls-na.amazon.com/1/batch/1/OP/ATVPDKIKX0DER:177-6242788-2645805:052TJQZ529HC8JXH63AA$uedata=s:%2Fuedata%2Fnvp%2Funsticky%2F177-6242788-2645805%2FGateway%2Fntpoffrw%3Fnoscript%26id%3D052TJQZ529HC8JXH63AA%26pty%3DGateway%26spty%3Ddesktop%26pti%3Ddesktop:2000' /> | |
</noscript> | |
</div></div> | |
</body> | |
</html> | |
</state> | |
</journey> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment