r2148 - in trunk/demos: addClass removeClass switchClass toggleClass
Author: scottjehl
Date: Fri Feb 27 10:35:01 2009
New Revision: 2148
Modified:
trunk/demos/addClass/default.html
trunk/demos/removeClass/default.html
trunk/demos/switchClass/default.html
trunk/demos/toggleClass/default.html
Log:
updated classes to use all animated properties
Modified: trunk/demos/addClass/default.html
==============================================================================
--- trunk/demos/addClass/default.html (original)
+++ trunk/demos/addClass/default.html Fri Feb 27 10:35:01 2009
@@ -12,8 +12,8 @@
#effect {position: relative; }
#effect h3 { margin: 0; padding: 0.4em; text-align: center; }
.ui-effects-transfer { border: 2px dotted gray; }
- .first { width: 240px; height: 135px; padding: 0.4em; font-size: 1.2em;
border-width: 1px; }
- .second { width: 480px; height: 135px; padding: 0.8em; font-size: 1.6em;
border-width: 5px; }
+ .first { width: 240px; height: 135px; padding: 0.4em; font-size: 1.2em;
border: 1px solid #000; background: #fff; color: #333; }
+ .second { width: 480px; height: 135px; padding: 0.8em; font-size: 1.6em;
border: 5px solid #4f5b8c; background: #ddebf4; color: #2c4359; }
</style>
<script type="text/javascript">
$(function() {
Modified: trunk/demos/removeClass/default.html
==============================================================================
--- trunk/demos/removeClass/default.html (original)
+++ trunk/demos/removeClass/default.html Fri Feb 27 10:35:01 2009
@@ -12,8 +12,8 @@
#effect { position: relative; }
#effect h3 { margin: 0; padding: 0.4em; text-align: center; }
.ui-effects-transfer { border: 2px dotted gray; }
- .first { width: 240px; height: 135px; padding: 0.4em; font-size: 1.2em;
border-width: 1px; }
- .second { width: 480px; height: 135px; padding: 0.8em; font-size: 1.6em;
border-width: 5px; }
+ .first { width: 240px; height: 135px; padding: 0.4em; font-size: 1.2em;
border: 1px solid #000; background: #fff; color: #333; }
+ .second { width: 480px; height: 135px; padding: 0.8em; font-size: 1.6em;
border: 5px solid #4f5b8c; background: #ddebf4; color: #2c4359; }
</style>
<script type="text/javascript">
$(function() {
Modified: trunk/demos/switchClass/default.html
==============================================================================
--- trunk/demos/switchClass/default.html (original)
+++ trunk/demos/switchClass/default.html Fri Feb 27 10:35:01 2009
@@ -12,8 +12,8 @@
#effect { position: relative; }
#effect h3 { margin: 0; padding: 0.4em; text-align: center; }
.ui-effects-transfer { border: 2px dotted gray; }
- .first { width: 240px; height: 135px; padding: 0.4em; font-size: 1.2em;
border-width: 1px; }
- .second { width: 480px; height: 135px; padding: 0.8em; font-size: 1.6em;
border-width: 5px; }
+ .first { width: 240px; height: 135px; padding: 0.4em; font-size: 1.2em;
border: 1px solid #000; background: #fff; color: #333; }
+ .second { width: 480px; height: 135px; padding: 0.8em; font-size: 1.6em;
border: 5px solid #4f5b8c; background: #ddebf4; color: #2c4359; }
</style>
<script type="text/javascript">
$(function() {
Modified: trunk/demos/toggleClass/default.html
==============================================================================
--- trunk/demos/toggleClass/default.html (original)
+++ trunk/demos/toggleClass/default.html Fri Feb 27 10:35:01 2009
@@ -9,11 +9,11 @@
<style type="text/css">
.toggler { width: 500px; height: 200px; position: relative;}
#button { padding: .5em 1em; text-decoration: none; }
- #effect { position: relative; }
+ #effect { position: relative; }
#effect h3 { margin: 0; padding: 0.4em; text-align: center; }
.ui-effects-transfer { border: 2px dotted gray; }
- .first { width: 240px; height: 135px; padding: 0.4em; font-size: 1.2em;
border-width: 1px; }
- .second { width: 480px; height: 135px; padding: 0.8em; font-size: 1.6em;
border-width: 5px; }
+ .first { width: 240px; height: 135px; padding: 0.4em; font-size: 1.2em;
border: 1px solid #000; background: #fff; color: #333; }
+ .second { width: 480px; height: 135px; padding: 0.8em; font-size: 1.6em;
border: 5px solid #4f5b8c; background: #ddebf4; color: #2c4359; }
</style>
<script type="text/javascript">
$(function() {