r2090 - trunk/demos/effect_methods
Author: fg.todd
Date: Tue Feb 17 14:03:15 2009
New Revision: 2090
Modified:
trunk/demos/effect_methods/animate.html
trunk/demos/effect_methods/effect.html
trunk/demos/effect_methods/hide.html
trunk/demos/effect_methods/show.html
trunk/demos/effect_methods/toggle.html
Log:
Fixed the description text and tweaked button position so it fits inside
the demo block without scrolling.
Modified: trunk/demos/effect_methods/animate.html
==============================================================================
--- trunk/demos/effect_methods/animate.html (original)
+++ trunk/demos/effect_methods/animate.html Tue Feb 17 14:03:15 2009
@@ -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">
-Click anywhere in the frame above to toggle the effect.
+Click the button above to preview the effect.
</div><!-- End demo-description -->
Modified: trunk/demos/effect_methods/effect.html
==============================================================================
--- trunk/demos/effect_methods/effect.html (original)
+++ trunk/demos/effect_methods/effect.html Tue Feb 17 14:03:15 2009
@@ -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">
-Click anywhere in the frame above to show the effect.
+Click the button above to show the effect.
</div><!-- End demo-description -->
Modified: trunk/demos/effect_methods/hide.html
==============================================================================
--- trunk/demos/effect_methods/hide.html (original)
+++ trunk/demos/effect_methods/hide.html Tue Feb 17 14:03:15 2009
@@ -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">
-Click anywhere in the frame above to see the effect.
+Click the button above to preview the effect.
</div><!-- End demo-description -->
Modified: trunk/demos/effect_methods/show.html
==============================================================================
--- trunk/demos/effect_methods/show.html (original)
+++ trunk/demos/effect_methods/show.html Tue Feb 17 14:03:15 2009
@@ -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">
-Click anywhere in the frame above to show the effect.
+Click the button above to show the effect.
</div><!-- End demo-description -->
Modified: trunk/demos/effect_methods/toggle.html
==============================================================================
--- trunk/demos/effect_methods/toggle.html (original)
+++ trunk/demos/effect_methods/toggle.html Tue Feb 17 14:03:15 2009
@@ -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">
-Click anywhere in the frame above to toggle the effect.
+Click the button above to preview the effect.
</div><!-- End demo-description -->