r2180 - in trunk/demos: addClass removeClass switchClass toggleClass
Author: rdworth
Date: Tue Mar 3 03:01:55 2009
New Revision: 2180
Modified:
trunk/demos/addClass/default.html
trunk/demos/removeClass/default.html
trunk/demos/switchClass/default.html
trunk/demos/toggleClass/default.html
Log:
demos: simplified class effect demos to work in IE6
Modified: trunk/demos/addClass/default.html
==============================================================================
--- trunk/demos/addClass/default.html (original)
+++ trunk/demos/addClass/default.html Tue Mar 3 03:01:55 2009
@@ -10,7 +10,7 @@
.toggler { width: 500px; height: 200px; position: relative;}
#button { padding: .5em 1em; text-decoration: none; }
#effect {position: relative; width: 240px; padding: 1em; font-size:
1.2em; border: 1px solid #000; background: #eee; color: #333; }
- #effect.newClass { line-height: 2; text-indent: 40px; opacity: .8;
letter-spacing: .4em; width: 410px; height: 100px; padding: 30px; margin:
10px; font-size: 1.6em; border: 5px solid orange; background: #2c4359;
color: #fff; }
+ #effect.newClass { text-indent: 40px; letter-spacing: .4em; width:
410px; height: 100px; padding: 30px; margin: 10px; font-size: 1.6em; }
</style>
<script type="text/javascript">
$(function() {
@@ -43,7 +43,7 @@
<div class="demo-description">
-This demo adds a class which animates: line-height, text-indent,
opacity, letter-spacing, width, height, padding, margin, font-size, border
color, border-width, background color, and font color.
+This demo adds a class which animates: text-indent, letter-spacing,
width, height, padding, margin, and font-size.
</div><!-- End demo-description -->
Modified: trunk/demos/removeClass/default.html
==============================================================================
--- trunk/demos/removeClass/default.html (original)
+++ trunk/demos/removeClass/default.html Tue Mar 3 03:01:55 2009
@@ -10,7 +10,7 @@
.toggler { width: 500px; height: 200px; position: relative;}
#button { padding: .5em 1em; text-decoration: none; }
#effect {position: relative; width: 240px; padding: 1em;
letter-spacing: 0; font-size: 1.2em; border: 1px solid #000; background:
#eee; color: #333; }
- #effect.newClass { line-height: 2; text-indent: 40px; opacity: .8;
letter-spacing: .4em; width: 410px; height: 100px; padding: 30px; margin:
10px; font-size: 1.6em; border: 5px solid orange; background: #2c4359;
color: #fff; }
+ #effect.newClass { text-indent: 40px; letter-spacing: .4em; width:
410px; height: 100px; padding: 30px; margin: 10px; font-size: 1.6em; }
</style>
<script type="text/javascript">
$(function() {
Modified: trunk/demos/switchClass/default.html
==============================================================================
--- trunk/demos/switchClass/default.html (original)
+++ trunk/demos/switchClass/default.html Tue Mar 3 03:01:55 2009
@@ -10,9 +10,8 @@
.toggler { width: 500px; height: 200px; position: relative;}
#button { padding: .5em 1em; text-decoration: none; }
#effect {position: relative; }
- #effect.newClass { width: 240px; padding: 1em; letter-spacing: 0;
font-size: 1.2em; border: 1px solid #000; background: #eee; color: #333; }
- #effect.anotherNewClass { line-height: 2; text-indent: 40px;
opacity: .8; letter-spacing: .4em; width: 410px; height: 100px; padding:
30px; margin: 10px; font-size: 1.6em; border: 5px solid orange; background:
#2c4359; color: #fff; }
-
+ #effect.newClass { width: 240px; padding: 1em; letter-spacing: 0;
font-size: 1.2em; }
+ #effect.anotherNewClass { text-indent: 40px; letter-spacing: .4em;
width: 410px; height: 100px; padding: 30px; margin: 10px; font-size: 1.6em;
}
</style>
<script type="text/javascript">
$(function() {
Modified: trunk/demos/toggleClass/default.html
==============================================================================
--- trunk/demos/toggleClass/default.html (original)
+++ trunk/demos/toggleClass/default.html Tue Mar 3 03:01:55 2009
@@ -10,8 +10,7 @@
.toggler { width: 500px; height: 200px; position: relative;}
#button { padding: .5em 1em; text-decoration: none; }
#effect {position: relative; width: 240px; padding: 1em;
letter-spacing: 0; font-size: 1.2em; border: 1px solid #000; background:
#eee; color: #333; }
- #effect.newClass { line-height: 2; text-indent: 40px; opacity: .8;
letter-spacing: .4em; width: 410px; height: 100px; padding: 30px; margin:
10px; font-size: 1.6em; border: 5px solid orange; background: #2c4359;
color: #fff; }
-
+ #effect.newClass { text-indent: 40px; letter-spacing: .4em; width:
410px; height: 100px; padding: 30px; margin: 10px; font-size: 1.6em; }
</style>
<script type="text/javascript">
$(function() {