aboutsummaryrefslogtreecommitdiffstats
path: root/demos/effect_methods
diff options
context:
space:
mode:
authorTodd Parker <fg.todd@gmail.com>2009-02-17 22:03:15 +0000
committerTodd Parker <fg.todd@gmail.com>2009-02-17 22:03:15 +0000
commitf0b9f16d084047e143816f987e87ed6f415a6cba (patch)
treeb4149aa1fe7276bb1d31f030c184f32cc6d80bc0 /demos/effect_methods
parent2ffcf02de361262e9496719016619c520745e90d (diff)
downloadjquery-ui-f0b9f16d084047e143816f987e87ed6f415a6cba.tar.gz
jquery-ui-f0b9f16d084047e143816f987e87ed6f415a6cba.zip
Fixed the description text and tweaked button position so it fits inside the demo block without scrolling.
Diffstat (limited to 'demos/effect_methods')
-rw-r--r--demos/effect_methods/animate.html4
-rw-r--r--demos/effect_methods/effect.html4
-rw-r--r--demos/effect_methods/hide.html4
-rw-r--r--demos/effect_methods/show.html4
-rw-r--r--demos/effect_methods/toggle.html4
5 files changed, 10 insertions, 10 deletions
diff --git a/demos/effect_methods/animate.html b/demos/effect_methods/animate.html
index d382afde2..4e3392570 100644
--- 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 3765643b4..670c9d786 100644
--- 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 b4f83e429..0d763a88b 100644
--- 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 32e5f4538..b4a91fcb3 100644
--- 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 9dcf9dc61..2498c1aba 100644
--- 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 -->