diff options
| author | Richard Worth <rdworth@gmail.com> | 2009-03-03 11:01:55 +0000 |
|---|---|---|
| committer | Richard Worth <rdworth@gmail.com> | 2009-03-03 11:01:55 +0000 |
| commit | f445d3c145931a6737f8fa26faea8ef4256fc343 (patch) | |
| tree | 6aac24f0b3df321ba10b179573fb10bfd23ddd21 | |
| parent | aacb34f437811a69be360acde6b52c36fdcf8bff (diff) | |
| download | jquery-ui-f445d3c145931a6737f8fa26faea8ef4256fc343.tar.gz jquery-ui-f445d3c145931a6737f8fa26faea8ef4256fc343.zip | |
demos: simplified class effect demos to work in IE6
| -rw-r--r-- | demos/addClass/default.html | 4 | ||||
| -rw-r--r-- | demos/removeClass/default.html | 2 | ||||
| -rw-r--r-- | demos/switchClass/default.html | 5 | ||||
| -rw-r--r-- | demos/toggleClass/default.html | 3 |
4 files changed, 6 insertions, 8 deletions
diff --git a/demos/addClass/default.html b/demos/addClass/default.html index 7565678e2..eae24b926 100644 --- a/demos/addClass/default.html +++ b/demos/addClass/default.html @@ -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"> -<p>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. </p> +<p>This demo adds a class which animates: text-indent, letter-spacing, width, height, padding, margin, and font-size.</p> </div><!-- End demo-description --> diff --git a/demos/removeClass/default.html b/demos/removeClass/default.html index 9b08348b4..83a8b8963 100644 --- a/demos/removeClass/default.html +++ b/demos/removeClass/default.html @@ -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() { diff --git a/demos/switchClass/default.html b/demos/switchClass/default.html index eb59da648..09b48c9dc 100644 --- a/demos/switchClass/default.html +++ b/demos/switchClass/default.html @@ -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() { diff --git a/demos/toggleClass/default.html b/demos/toggleClass/default.html index 7f5bf25f8..8faa159e9 100644 --- a/demos/toggleClass/default.html +++ b/demos/toggleClass/default.html @@ -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() { |