Fixed the description text and tweaked button position so it fits inside the demo...

diff --git a/demos/effect_methods/animate.html b/demos/effect_methods/animate.html
index d382afde2eeda6f7df7ca4bb3e279daea2f7999a..4e3392570c63ff5178d9c4ace7bb23be2d07bfd9 100644 (file)
--- a/demos/effect_methods/animate.html
+++ b/demos/effect_methods/animate.html
@@ -7,7 +7,7 @@
        <script type="text/javascript" src="../../ui/effects.core.js"></script>
        <link type="text/css" href="../demos.css" rel="stylesheet" />
        <style type="text/css">
-               .toggler { width: 500px; height: 300px; }
+               .toggler { width: 500px; height: 200px; }
                #button { padding: .5em 1em; text-decoration: none; }
                #animate { width: 240px; height: 135px; padding: 0.4em; background: #fff;}
                #animate h3 { margin: 0; padding: 0.4em; text-align: center; }
@@ -44,7 +44,7 @@
 
 <div class="demo-description">
 
-<p>Click anywhere in the frame above to toggle the effect.</p>
+<p>Click the button above to preview the effect.</p>
 
 </div><!-- End demo-description -->
 

diff --git a/demos/effect_methods/effect.html b/demos/effect_methods/effect.html
index 3765643b43a223902c6c3a0bd8ea3003a32a2167..670c9d786a48e170738d476d38af1c8bd95480a7 100644 (file)
--- a/demos/effect_methods/effect.html
+++ b/demos/effect_methods/effect.html
@@ -8,7 +8,7 @@
        <script type="text/javascript" src="../../ui/effects.bounce.js"></script>
        <link type="text/css" href="../demos.css" rel="stylesheet" />
        <style type="text/css">
-               .toggler { width: 500px; height: 300px; }
+               .toggler { width: 500px; height: 200px; }
                #button { padding: .5em 1em; text-decoration: none; }
                #effect { width: 240px; height: 135px; padding: 0.4em; }
                #effect h3 { margin: 0; padding: 0.4em; text-align: center; }
@@ -41,7 +41,7 @@
 
 <div class="demo-description">
 
-<p>Click anywhere in the frame above to show the effect.</p>
+<p>Click the button above to show the effect.</p>
 
 </div><!-- End demo-description -->
 

diff --git a/demos/effect_methods/hide.html b/demos/effect_methods/hide.html
index b4f83e429c92070208fae4b6f23e9f4cd00f3d5e..0d763a88b9ca0eaae8c76e43b3b90b44f3f4823e 100644 (file)
--- a/demos/effect_methods/hide.html
+++ b/demos/effect_methods/hide.html
@@ -8,7 +8,7 @@
        <script type="text/javascript" src="../../ui/effects.bounce.js"></script>
        <link type="text/css" href="../demos.css" rel="stylesheet" />
        <style type="text/css">
-               .toggler { width: 500px; height: 300px; }
+               .toggler { width: 500px; height: 200px; }
                #button { padding: .5em 1em; text-decoration: none; }
                #hide { width: 240px; height: 135px; padding: 0.4em; }
                #hide h3 { margin: 0; padding: 0.4em; text-align: center; }
@@ -39,7 +39,7 @@
 
 <div class="demo-description">
 
-<p>Click anywhere in the frame above to see the effect.</p>
+<p>Click the button above to preview the effect.</p>
 
 </div><!-- End demo-description -->
 

diff --git a/demos/effect_methods/show.html b/demos/effect_methods/show.html
index 32e5f45386f90b08644b8b2be458eecea4facbc1..b4a91fcb378ea67e69098be5ea705eeb7782e1dc 100644 (file)
--- a/demos/effect_methods/show.html
+++ b/demos/effect_methods/show.html
@@ -8,7 +8,7 @@
        <script type="text/javascript" src="../../ui/effects.bounce.js"></script>
        <link type="text/css" href="../demos.css" rel="stylesheet" />
        <style type="text/css">
-               .toggler { width: 500px; height: 300px; }
+               .toggler { width: 500px; height: 200px; }
                #button { padding: .5em 1em; text-decoration: none; }
                #show { width: 240px; height: 135px; padding: 0.4em; }
                #show h3 { margin: 0; padding: 0.4em; text-align: center; }
@@ -41,7 +41,7 @@
 
 <div class="demo-description">
 
-<p>Click anywhere in the frame above to show the effect.</p>
+<p>Click the button above to show the effect.</p>
 
 </div><!-- End demo-description -->
 

diff --git a/demos/effect_methods/toggle.html b/demos/effect_methods/toggle.html
index 9dcf9dc61e608470a51c3e7ecb8a225c1545bcaf..2498c1abaff6baec4f61ca3217caf0eb889cabe5 100644 (file)
--- a/demos/effect_methods/toggle.html
+++ b/demos/effect_methods/toggle.html
@@ -8,7 +8,7 @@
        <script type="text/javascript" src="../../ui/effects.bounce.js"></script>
        <link type="text/css" href="../demos.css" rel="stylesheet" />
        <style type="text/css">
-               .toggler { width: 500px; height: 300px; }
+               .toggler { width: 500px; height: 200px; }
                #button { padding: .5em 1em; text-decoration: none; }
                #toggle { width: 240px; height: 135px; padding: 0.4em; }
                #toggle h3 { margin: 0; padding: 0.4em; text-align: center; }
@@ -38,7 +38,7 @@
 
 <div class="demo-description">
 
-<p>Click anywhere in the frame above to toggle the effect.</p>
+<p>Click the button above to preview the effect.</p>
 
 </div><!-- End demo-description -->