|
1 | 1 | <!doctype html> |
2 | 2 | <html> |
3 | | - <head> |
4 | | - <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> |
5 | | - <title>Themeroller CSS Framework Demo</title> |
6 | | - <script src="http://ui.jquery.com/js/jquery.js"></script> |
7 | | - <script src="http://www.filamentgroup.com/examples/preloadImages/scripts/preloadCssImages.jQuery_v5.js"></script> |
8 | | - |
9 | | - <link rel="stylesheet" href="http://jquery-ui.googlecode.com/svn/trunk/themes/base/ui.core.css" type="text/css" media="screen" /> |
10 | | - |
11 | | - <style type="text/css"> |
12 | | - body {font-size: 62.5%; margin: 20px; font-family: Verdana, sans-serif; color: #444;} |
13 | | - h1 {font-size: 1.5em; margin: 1em 0;} |
14 | | - h2 {font-size: 1.3em; margin: 2em 0 .5em;} |
15 | | - h2 a {font-size: .8em;} |
16 | | - p {font-size: 1.2em; } |
17 | | - ul {margin: 0; padding: 0;} |
18 | | - li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left; list-style: none;} |
19 | | - span.ui-icon {float: left; margin: 0 4px;} |
20 | | - span.text {float: left; width: 180px;} |
21 | | - </style> |
22 | | - <script type="text/javascript"> |
23 | | - $(function(){ |
24 | | - $('.ui-state-default').hover( |
25 | | - function(){ $(this).addClass('ui-state-hover'); }, |
26 | | - function(){ $(this).removeClass('ui-state-hover'); } |
27 | | - ); |
28 | | - $('.ui-state-default').click(function(){ $(this).toggleClass('ui-state-active'); }); |
29 | | - $('.icons').append(' <a href="#">Toggle text</a>').find('a').click(function(){ $('.icon-collection li span.text').toggle(); }).trigger('click'); |
30 | | - $.preloadCssImages(); |
31 | | - }); |
32 | | - </script> |
33 | | - </head> |
34 | | - <body> |
| 3 | +<head> |
| 4 | + <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> |
| 5 | + <title>Themeroller CSS Framework Demo</title> |
| 6 | + <script src="http://ui.jquery.com/js/jquery.js"></script> |
| 7 | + <script src="http://www.filamentgroup.com/examples/preloadImages/scripts/preloadCssImages.jQuery_v5.js"></script> |
| 8 | + |
| 9 | + <link rel="stylesheet" href="http://jquery-ui.googlecode.com/svn/trunk/themes/base/ui.core.css" type="text/css" media="screen" /> |
| 10 | + |
| 11 | + <style type="text/css"> |
| 12 | + body {font-size: 62.5%; margin: 20px; font-family: Verdana, sans-serif; color: #444;} |
| 13 | + h1 {font-size: 1.5em; margin: 1em 0;} |
| 14 | + h2 {font-size: 1.3em; margin: 2em 0 .5em;} |
| 15 | + h2 a {font-size: .8em;} |
| 16 | + p {font-size: 1.2em; } |
| 17 | + ul {margin: 0; padding: 0;} |
| 18 | + li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left; list-style: none;} |
| 19 | + span.ui-icon {float: left; margin: 0 4px;} |
| 20 | + span.text {float: left; width: 180px;} |
| 21 | + </style> |
| 22 | + |
| 23 | + <script type="text/javascript"> |
| 24 | + $(function(){ |
| 25 | + $('.ui-state-default').hover( |
| 26 | + function(){ $(this).addClass('ui-state-hover'); }, |
| 27 | + function(){ $(this).removeClass('ui-state-hover'); } |
| 28 | + ); |
| 29 | + $('.ui-state-default').click(function(){ $(this).toggleClass('ui-state-active'); }); |
| 30 | + $('.icons').append(' <a href="#">Toggle text</a>').find('a').click(function(){ $('.icon-collection li span.text').toggle(); }).trigger('click'); |
| 31 | + $.preloadCssImages(); |
| 32 | + }); |
| 33 | + </script> |
| 34 | +</head> |
| 35 | +<body> |
35 | 36 |
|
36 | 37 | <p class="icons"></p> |
37 | 38 |
|
|
228 | 229 | <li class="ui-state-default ui-corner-all" title=".ui-icon-grip-diagonal-se"><span class="ui-icon ui-icon-grip-diagonal-se"></span><span class="text">.ui-icon-grip-diagonal-se</span></li> |
229 | 230 | </ul> |
230 | 231 |
|
231 | | - |
232 | | - </body> |
| 232 | +</body> |
233 | 233 | </html> |
234 | | - |
0 commit comments