None

Author: navilan

demos/combine/html5-form/index.html

@@ -94,7 +94,8 @@
 <div class="blurb">
 
 <h1 class="teaser title">HTML5 form inside an overlay</h1>
-<div class="box full">
+
+<div class="boxfull" >
 
 <a href="#" rel="#sheet" id="see"></a>
 <div id="sheet" class="rounded">
@@ -240,7 +241,9 @@ <h1 class="teaser title">HTML5 form inside an overlay</h1>
   </script>
 
 </div>
-<a class="standalone" href="index.htm">standalone demo</a>
+<a class="standalone"
+          href="/demos/combine/html5-form/index.htm">standalone demo</a>
+
 </div>
 
 <h3>HTML coding</h3>
@@ -294,6 +297,7 @@ <h3>JavaScript coding</h3>
 
 <div class="sect one" id="sect0">
     <header >
+        <div class="icon"></div>
         <h2 class="first">Ui&nbsp;Tools</h2>
     </header>
     <ol class="cat">
@@ -476,6 +480,7 @@ <h3 title="">Scrollable</h3>
         </li>        </ol>
 </div><div class="sect two" id="sect1">
     <header >
+        <div class="icon"></div>
         <h2>Form&nbsp;Tools</h2>
     </header>
     <ol class="cat">
@@ -565,6 +570,7 @@ <h3 title="">Dateinput</h3>
         </li>        </ol>
 </div><div class="sect three" id="sect2">
     <header  class="open" >
+        <div class="icon"></div>
         <h2>Toolbox</h2>
     </header>
     <ol class="cat active">

demos/combine/portfolio/index.html

@@ -93,7 +93,7 @@ <h1 class="teaser title">An artist's portfolio</h1>
   to see larger versions of the flower images.
 </p>
 
-<div class="box full">
+<div class="boxfull" >
 
 <!-- include reflection plugin -->
 <script src="/media/js/portfolio-demo/reflection.min.js"></script>
@@ -374,7 +374,8 @@ <h3>A Blue Flower</h3>
 </script>
 
 </div>
-<a class="standalone" href="index.htm">standalone demo</a>
+<a class="standalone"
+          href="/demos/combine/portfolio/index.htm">standalone demo</a>
 
 <p>
   All tools are "skin free" and they only provide the necessary
@@ -482,6 +483,7 @@ <h3>Thumbnail reflections</h3>
 
 <div class="sect one" id="sect0">
     <header >
+        <div class="icon"></div>
         <h2 class="first">Ui&nbsp;Tools</h2>
     </header>
     <ol class="cat">
@@ -664,6 +666,7 @@ <h3 title="">Scrollable</h3>
         </li>        </ol>
 </div><div class="sect two" id="sect1">
     <header >
+        <div class="icon"></div>
         <h2>Form&nbsp;Tools</h2>
     </header>
     <ol class="cat">
@@ -753,6 +756,7 @@ <h3 title="">Dateinput</h3>
         </li>        </ol>
 </div><div class="sect three" id="sect2">
     <header  class="open" >
+        <div class="icon"></div>
         <h2>Toolbox</h2>
     </header>
     <ol class="cat active">

demos/combine/portfolio/preload.html

@@ -94,7 +94,7 @@ <h1 class="teaser title">Speeding up the portfolio</h1>
   also be viewed quickly.
 </p>
 
-<div class="box full">
+<div class="boxfull" >
 
 <!-- include reflection plugin -->
 <script src="/media/js/portfolio-demo/reflection.min.js"></script>
@@ -398,7 +398,8 @@ <h3>A Blue Flower</h3>
 </script>
 
 </div>
-<a class="standalone" href="preload1.htm">standalone demo</a>
+<a class="standalone"
+          href="/demos/combine/portfolio/preload.htm">standalone demo</a>
 
 <p>
   Images further down on the scrollable are not being loaded. The page
@@ -451,6 +452,7 @@ <h2>JavaScript magic</h2>
 
 <div class="sect one" id="sect0">
     <header >
+        <div class="icon"></div>
         <h2 class="first">Ui&nbsp;Tools</h2>
     </header>
     <ol class="cat">
@@ -633,6 +635,7 @@ <h3 title="">Scrollable</h3>
         </li>        </ol>
 </div><div class="sect two" id="sect1">
     <header >
+        <div class="icon"></div>
         <h2>Form&nbsp;Tools</h2>
     </header>
     <ol class="cat">
@@ -722,6 +725,7 @@ <h3 title="">Dateinput</h3>
         </li>        </ol>
 </div><div class="sect three" id="sect2">
     <header  class="open" >
+        <div class="icon"></div>
         <h2>Toolbox</h2>
     </header>
     <ol class="cat active">

demos/dateinput/customize.html

@@ -97,7 +97,7 @@ <h1 class="teaser title">Customizing Dateinput behavior</h1>
   their own options.
 </p>
 
-<div class="box full">
+<div class="boxfull" >
 <input type="date" name="date1" value="Today" />
 <input type="date" name="date2" value="10 days from now" min="2010-03-01" max="2012-01-01" />
 <input type="date" name="date3" value="15" min="-25" max="25" data-value="15"/>
@@ -115,7 +115,8 @@ <h1 class="teaser title">Customizing Dateinput behavior</h1>
 </script>
 
 </div>
-<a class="standalone" href="customize.htm">standalone demo</a>
+<a class="standalone"
+          href="/demos/dateinput/customize.htm">standalone demo</a>
 
 </div>
 
@@ -168,6 +169,7 @@ <h3>HTML5 attributes</h3>
 
 <div class="sect one" id="sect0">
     <header >
+        <div class="icon"></div>
         <h2 class="first">Ui&nbsp;Tools</h2>
     </header>
     <ol class="cat">
@@ -350,6 +352,7 @@ <h3 title="">Scrollable</h3>
         </li>        </ol>
 </div><div class="sect two" id="sect1">
     <header  class="open" >
+        <div class="icon"></div>
         <h2>Form&nbsp;Tools</h2>
     </header>
     <ol class="cat active">
@@ -439,6 +442,7 @@ <h3 title="">Dateinput</h3>
         </li>        </ol>
 </div><div class="sect three" id="sect2">
     <header >
+        <div class="icon"></div>
         <h2>Toolbox</h2>
     </header>
     <ol class="cat">

demos/dateinput/flight.html

@@ -97,7 +97,7 @@ <h1 class="teaser title">Prompting for start and end dates</h1>
   skinning possibilities of jQuery Tools Dateinput.
 </p>
 
-<div class="box full">
+<div class="boxfull" >
 <form id="flight">
   <label>
     Arrival <br/>
@@ -126,7 +126,8 @@ <h1 class="teaser title">Prompting for start and end dates</h1>
 </script>
 
 </div>
-<a class="standalone" href="flight.htm">standalone demo</a>
+<a class="standalone"
+          href="/demos/dateinput/flight.htm">standalone demo</a>
 
 </div>
 
@@ -216,6 +217,7 @@ <h3>Changing the minimum value for the departure date</h3>
 
 <div class="sect one" id="sect0">
     <header >
+        <div class="icon"></div>
         <h2 class="first">Ui&nbsp;Tools</h2>
     </header>
     <ol class="cat">
@@ -398,6 +400,7 @@ <h3 title="">Scrollable</h3>
         </li>        </ol>
 </div><div class="sect two" id="sect1">
     <header  class="open" >
+        <div class="icon"></div>
         <h2>Form&nbsp;Tools</h2>
     </header>
     <ol class="cat active">
@@ -487,6 +490,7 @@ <h3 title="">Dateinput</h3>
         </li>        </ol>
 </div><div class="sect three" id="sect2">
     <header >
+        <div class="icon"></div>
         <h2>Toolbox</h2>
     </header>
     <ol class="cat">

demos/dateinput/index.html

@@ -92,7 +92,7 @@ <h1 class="teaser title">Minimal setup for dateinput</h1>
   type="date" /&gt;</samp>'s will work. Here's one.
 </p>
 
-<div class="box full">
+<div class="boxfull" >
 <div style="width:204px;margin:0 auto;">
 <!-- HTML5 date input -->
 <input type="date" name="mydate" />
@@ -103,7 +103,8 @@ <h1 class="teaser title">Minimal setup for dateinput</h1>
 </script>
 
 </div>
-<a class="standalone" href="index.htm">standalone demo</a>
+<a class="standalone"
+          href="/demos/dateinput/index.htm">standalone demo</a>
 
 <p>
   You can navigate between days with your <samp>Arrow Keys</samp> or
@@ -158,6 +159,7 @@ <h3>Skinning with CSS</h3>
 
 <div class="sect one" id="sect0">
     <header >
+        <div class="icon"></div>
         <h2 class="first">Ui&nbsp;Tools</h2>
     </header>
     <ol class="cat">
@@ -340,6 +342,7 @@ <h3 title="">Scrollable</h3>
         </li>        </ol>
 </div><div class="sect two" id="sect1">
     <header  class="open" >
+        <div class="icon"></div>
         <h2>Form&nbsp;Tools</h2>
     </header>
     <ol class="cat active">
@@ -429,6 +432,7 @@ <h3 title="">Dateinput</h3>
         </li>        </ol>
 </div><div class="sect three" id="sect2">
     <header >
+        <div class="icon"></div>
         <h2>Toolbox</h2>
     </header>
     <ol class="cat">

demos/dateinput/large-skin.html

@@ -91,7 +91,7 @@ <h1 class="teaser title">A large skin for Dateinput</h1>
   contrary.
 </p>
 
-<div class="box full">
+<div class="boxfull" >
 <div style="width:192px;margin:0 auto;">
 <input type="date" name="test" />
 </div>
@@ -101,7 +101,9 @@ <h1 class="teaser title">A large skin for Dateinput</h1>
 </script>
 
 </div>
-<a class="standalone" href="large-skin.htm">standalone demo</a>
+<a class="standalone"
+          href="/demos/dateinput/large-skin.htm">standalone demo</a>
+
 </div>
 
 <h3>CSS coding</h3>
@@ -135,6 +137,7 @@ <h3>CSS coding</h3>
 
 <div class="sect one" id="sect0">
     <header >
+        <div class="icon"></div>
         <h2 class="first">Ui&nbsp;Tools</h2>
     </header>
     <ol class="cat">
@@ -317,6 +320,7 @@ <h3 title="">Scrollable</h3>
         </li>        </ol>
 </div><div class="sect two" id="sect1">
     <header  class="open" >
+        <div class="icon"></div>
         <h2>Form&nbsp;Tools</h2>
     </header>
     <ol class="cat active">
@@ -406,6 +410,7 @@ <h3 title="">Dateinput</h3>
         </li>        </ol>
 </div><div class="sect three" id="sect2">
     <header >
+        <div class="icon"></div>
         <h2>Toolbox</h2>
     </header>
     <ol class="cat">

demos/dateinput/localize.html

@@ -99,7 +99,7 @@ <h1 class="teaser title">Localizing the Dateinput (french)</h1>
   localization.
 </p>
 
-<div class="box full">
+<div class="boxfull" >
 <!-- 0 value will display the current date formatted with the default
      formatter -->
 <div style="width:360px; margin:0 auto;">
@@ -126,7 +126,8 @@ <h1 class="teaser title">Localizing the Dateinput (french)</h1>
 </script>
 
 </div>
-<a class="standalone" href="localize.htm">standalone demo</a>
+<a class="standalone"
+          href="/demos/dateinput/localize.htm">standalone demo</a>
 
 </div>
 
@@ -166,6 +167,7 @@ <h3>Using the new language</h3>
 
 <div class="sect one" id="sect0">
     <header >
+        <div class="icon"></div>
         <h2 class="first">Ui&nbsp;Tools</h2>
     </header>
     <ol class="cat">
@@ -348,6 +350,7 @@ <h3 title="">Scrollable</h3>
         </li>        </ol>
 </div><div class="sect two" id="sect1">
     <header  class="open" >
+        <div class="icon"></div>
         <h2>Form&nbsp;Tools</h2>
     </header>
     <ol class="cat active">
@@ -437,6 +440,7 @@ <h3 title="">Dateinput</h3>
         </li>        </ol>
 </div><div class="sect three" id="sect2">
     <header >
+        <div class="icon"></div>
         <h2>Toolbox</h2>
     </header>
     <ol class="cat">

demos/dateinput/static.html

@@ -119,7 +119,7 @@ <h1 class="teaser title">Calendar that is always available</h1>
   interface.
 </p>
 
-<div class="box">
+<div class="box" >
 <!-- wrapper element -->
 <div id="calendar">
   <input type="date" name="mydate" value="0" />
@@ -152,7 +152,8 @@ <h1 class="teaser title">Calendar that is always available</h1>
 </script>
 
 </div>
-<a class="standalone" href="static.htm">standalone demo</a>
+<a class="standalone"
+          href="/demos/dateinput/static.htm">standalone demo</a>
 
 </div>
 
@@ -196,6 +197,7 @@ <h3>CSS coding</h3>
 
 <div class="sect one" id="sect0">
     <header >
+        <div class="icon"></div>
         <h2 class="first">Ui&nbsp;Tools</h2>
     </header>
     <ol class="cat">
@@ -378,6 +380,7 @@ <h3 title="">Scrollable</h3>
         </li>        </ol>
 </div><div class="sect two" id="sect1">
     <header  class="open" >
+        <div class="icon"></div>
         <h2>Form&nbsp;Tools</h2>
     </header>
     <ol class="cat active">
@@ -467,6 +470,7 @@ <h3 title="">Dateinput</h3>
         </li>        </ol>
 </div><div class="sect three" id="sect2">
     <header >
+        <div class="icon"></div>
         <h2>Toolbox</h2>
     </header>
     <ol class="cat">