Skip to content
Permalink
Browse files

demos: whitespace fixes

- trailing whitespace
- inconsistent line endings
- set svn:eol-style to native
  • Loading branch information
rdworth committed Dec 31, 2008
1 parent 2789fca commit 9a35874d44262f79d1a5fc7d8c7e673518c985fd
Showing with 465 additions and 465 deletions.
  1. +1 −1 demos/accordion/custom_icons.html
  2. +26 −26 demos/datepicker/inline.html
  3. +10 −10 demos/demos.css
  4. +1 −1 demos/dialog/default.html
  5. +25 −25 demos/dialog/modal.html
  6. +23 −23 demos/dialog/modal_confirmation.html
  7. +40 −40 demos/dialog/modal_form.html
  8. +31 −31 demos/dialog/modal_message.html
  9. +2 −2 demos/draggable/zindexstack.html
  10. +3 −3 demos/droppable/accept.html
  11. +1 −1 demos/droppable/activeclass.html
  12. +1 −1 demos/droppable/default.html
  13. +4 −4 demos/droppable/greedy.html
  14. +1 −1 demos/droppable/hoverclass.html
  15. +3 −3 demos/droppable/revert.html
  16. +6 −6 demos/droppable/tolerance.html
  17. +8 −8 demos/index.html
  18. +1 −1 demos/progressbar/default.html
  19. +1 −1 demos/progressbar/index.html
  20. +1 −1 demos/progressbar/resize.html
  21. +29 −29 demos/resizable/alsoresize.html
  22. +26 −26 demos/resizable/animate.html
  23. +25 −25 demos/resizable/aspectratio.html
  24. +28 −28 demos/resizable/containment.html
  25. +25 −25 demos/resizable/delay.html
  26. +25 −25 demos/resizable/distance.html
  27. +26 −26 demos/resizable/ghost.html
  28. +25 −25 demos/resizable/grid.html
  29. +25 −25 demos/resizable/max.html
  30. +25 −25 demos/resizable/min.html
  31. +2 −2 demos/slider/range.html
  32. +2 −2 demos/slider/range_vertical.html
  33. +2 −2 demos/slider/rangemax.html
  34. +2 −2 demos/slider/rangemin.html
  35. +3 −3 demos/slider/slider_vertical.html
  36. +1 −1 demos/slider/steps.html
  37. +3 −3 demos/sortable/delaydistance.html
  38. +1 −1 demos/sortable/droponempty.html
  39. +1 −1 demos/sortable/items.html
@@ -63,7 +63,7 @@ <h3><a href="#">Section 4</a></h3>

<p>The icons used for the open and closed accordions can be any of the standard icons in the css framework or even a custom css class you create with an icon background image. For this example, we're using the arrow in a circle icons:

<pre>
<pre>
icons: {
header: "ui-icon-circle-arrow-e",
headerSelected: "ui-icon-circle-arrow-s"}
@@ -1,25 +1,25 @@
<!doctype html>
<html lang="en">
<head>
<title>jQuery UI Datepicker - Inline Demo</title>
<link type="text/css" href="../demos.css" rel="stylesheet" />
<link type="text/css" href="../../themes/default/ui.all.css" rel="stylesheet" />
<script type="text/javascript" src="../../jquery-1.2.6.js"></script>
<script type="text/javascript" src="../../ui/ui.core.js"></script>
<script type="text/javascript" src="../../ui/ui.datepicker.js"></script>
<script type="text/javascript">
$(function() {
$("#date123").datepicker();
});
</script>
</head>
<body>


<div class="demo">

Date: <div id="date123" /></div>

<!doctype html>
<html lang="en">
<head>
<title>jQuery UI Datepicker - Inline Demo</title>
<link type="text/css" href="../demos.css" rel="stylesheet" />
<link type="text/css" href="../../themes/default/ui.all.css" rel="stylesheet" />
<script type="text/javascript" src="../../jquery-1.2.6.js"></script>
<script type="text/javascript" src="../../ui/ui.core.js"></script>
<script type="text/javascript" src="../../ui/ui.datepicker.js"></script>
<script type="text/javascript">
$(function() {
$("#date123").datepicker();
});
</script>
</head>
<body>


<div class="demo">

Date: <div id="date123" /></div>

</div><!-- End demo -->


@@ -28,7 +28,7 @@

<p>This is an example of an inline date picker that is embedded in the page instead of opening in an overlay. This is done by calling .datepicker() in a div instead of an input.</p>

</div><!-- End demo-description -->

</body>
</html>
</div><!-- End demo-description -->

</body>
</html>
@@ -110,7 +110,7 @@ body {
border-color: #BBBBBB;
}

/* new styles for demo pages, added by Filament 12.29.08
/* new styles for demo pages, added by Filament 12.29.08
eventually we should convert the font sizes to ems -- using px for now to minimize style conflicts
*/

@@ -132,16 +132,16 @@ eventually we should convert the font sizes to ems -- using px for now to minimi

#demo-config-menu li { font-size:11px; padding:0 0 0 10px; margin:3px 0; zoom: 1; }

#demo-config-menu li a:link,
#demo-config-menu li a:link,
#demo-config-menu li a:visited { display:block; padding:2px 8px 3px; border-bottom:1px dotted #b3b3b3; }
#demo-config-menu li a:hover,
#demo-config-menu li a:hover,
#demo-config-menu li a:active { background-color:#f6f6f6; }

#demo-config-menu li.demo-config-on { background: url(images/demo-config-on-tile.gif) repeat-x left center; }

#demo-config-menu li.demo-config-on a:link,
#demo-config-menu li.demo-config-on a:visited,
#demo-config-menu li.demo-config-on a:hover,
#demo-config-menu li.demo-config-on a:link,
#demo-config-menu li.demo-config-on a:visited,
#demo-config-menu li.demo-config-on a:hover,
#demo-config-menu li.demo-config-on a:active { background: url(images/demo-config-on.gif) no-repeat left; padding-left:18px; color:#fff; border:0; margin-left:-10px; }

#demo-source, #demo-notes {
@@ -168,13 +168,13 @@ eventually we should convert the font sizes to ems -- using px for now to minimi
#demo-source a.source-closed:hover,
#demo-source a.source-closed:active { background-image: url(images/demo-spindown-closed.gif); }

div.demo {
padding:12px;
div.demo {
padding:12px;
font-family: "Trebuchet MS", "Arial", "Helvetica", "Verdana", "sans-serif";
}

div.demo-description {
padding:12px;
div.demo-description {
padding:12px;
font-family: "Trebuchet MS", "Arial", "Helvetica", "Verdana", "sans-serif";
font-size: 1.3em;
line-height: 1.4em;
@@ -22,7 +22,7 @@
<div id="dialog" title="Basic dialog">
<p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon. </p>
</div>

<!-- Sample page content to illustrate the layering of the dialog -->
<div class="hiddenInViewSource" style="padding:20px;">
<p>Sed vel diam id libero <a href="http://example.com">rutrum convallis</a>. Donec aliquet leo vel magna. Phasellus rhoncus faucibus ante. Etiam bibendum, enim faucibus aliquet rhoncus, arcu felis ultricies neque, sit amet auctor elit eros a lectus.</p>
@@ -1,36 +1,36 @@
<!doctype html>
<html lang="en">
<head>
<title>jQuery UI Dialog - Modal Demo</title>
<link type="text/css" href="../demos.css" rel="stylesheet" />
<link type="text/css" href="../../themes/default/ui.all.css" rel="stylesheet" />
<script type="text/javascript" src="../../jquery-1.2.6.js"></script>
<script type="text/javascript" src="../../ui/ui.core.js"></script>
<script type="text/javascript" src="../../ui/ui.draggable.js"></script>
<script type="text/javascript" src="../../ui/ui.resizable.js"></script>
<script type="text/javascript" src="../../ui/ui.dialog.js"></script>
<script type="text/javascript">
$(function() {
$("#dialog").dialog({
<!doctype html>
<html lang="en">
<head>
<title>jQuery UI Dialog - Modal Demo</title>
<link type="text/css" href="../demos.css" rel="stylesheet" />
<link type="text/css" href="../../themes/default/ui.all.css" rel="stylesheet" />
<script type="text/javascript" src="../../jquery-1.2.6.js"></script>
<script type="text/javascript" src="../../ui/ui.core.js"></script>
<script type="text/javascript" src="../../ui/ui.draggable.js"></script>
<script type="text/javascript" src="../../ui/ui.resizable.js"></script>
<script type="text/javascript" src="../../ui/ui.dialog.js"></script>
<script type="text/javascript">
$(function() {
$("#dialog").dialog({
height:140,
modal: true,
overlay: {
backgroundColor: '#000',
opacity: 0.5
}
});
});
</script>
</head>
<body>

});
});
</script>
</head>
<body>


<div class="demo">

<div id="dialog" title="Basic modal dialog">
<p>Adding the modal overlay screen makes the dialog look more prominent because it dims out the page content.</p>
</div>

<!-- Sample page content to illustrate the layering of the dialog -->
<div class="hiddenInViewSource" style="padding:20px;">
<p>Sed vel diam id libero <a href="http://example.com">rutrum convallis</a>. Donec aliquet leo vel magna. Phasellus rhoncus faucibus ante. Etiam bibendum, enim faucibus aliquet rhoncus, arcu felis ultricies neque, sit amet auctor elit eros a lectus.</p>
@@ -55,7 +55,7 @@
<p>This is identical to the default dialog except a semi-transparent overlay layer is added as an option to make this look more modal and dim out the page content behind it to bring the user's attention to the dialog.</p><p>The dialog window can be moved, resized and closed with the 'x' icon.</p>

</div><!-- End demo-description -->


</body>
</html>


</body>
</html>
@@ -1,16 +1,16 @@
<!doctype html>
<html lang="en">
<head>
<title>jQuery UI Dialog - Modal Confirmation Demo</title>
<link type="text/css" href="../demos.css" rel="stylesheet" />
<link type="text/css" href="../../themes/default/ui.all.css" rel="stylesheet" />
<script type="text/javascript" src="../../jquery-1.2.6.js"></script>
<script type="text/javascript" src="../../ui/ui.core.js"></script>
<script type="text/javascript" src="../../ui/ui.draggable.js"></script>
<script type="text/javascript" src="../../ui/ui.resizable.js"></script>
<script type="text/javascript" src="../../ui/ui.dialog.js"></script>
<script type="text/javascript">
$(function() {
<!doctype html>
<html lang="en">
<head>
<title>jQuery UI Dialog - Modal Confirmation Demo</title>
<link type="text/css" href="../demos.css" rel="stylesheet" />
<link type="text/css" href="../../themes/default/ui.all.css" rel="stylesheet" />
<script type="text/javascript" src="../../jquery-1.2.6.js"></script>
<script type="text/javascript" src="../../ui/ui.core.js"></script>
<script type="text/javascript" src="../../ui/ui.draggable.js"></script>
<script type="text/javascript" src="../../ui/ui.resizable.js"></script>
<script type="text/javascript" src="../../ui/ui.dialog.js"></script>
<script type="text/javascript">
$(function() {
$("#dialog").dialog({
resizable:false,
height:140,
@@ -27,18 +27,18 @@
$(this).dialog('close');
}
}
});
});
</script>
</head>
<body>
});
});
</script>
</head>
<body>

<div class="demo">

<div id="dialog" title="Empty the recycle bin?">
<p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>These items will be permanently deleted and cannot be recovered. Are you sure?</p>
</div>

<!-- Sample page content to illustrate the layering of the dialog -->
<div class="hiddenInViewSource" style="padding:20px;">
<p>Sed vel diam id libero <a href="http://example.com">rutrum convallis</a>. Donec aliquet leo vel magna. Phasellus rhoncus faucibus ante. Etiam bibendum, enim faucibus aliquet rhoncus, arcu felis ultricies neque, sit amet auctor elit eros a lectus.</p>
@@ -63,7 +63,7 @@
<p>This type of dialog adds a button bar and is useful for confirming an action that may be destructive or important. These are typically displayed as modal dialogs to get the user's attention and force a decision before continuing. This example uses the an icon from the css sprite set and is set to be not resizable by setting this option to false.</p>

</div><!-- End demo-description -->


</body>
</html>


</body>
</html>
@@ -1,17 +1,17 @@
<!doctype html>
<html lang="en">
<head>
<title>jQuery UI Dialog - Modal Form Demo</title>
<link type="text/css" href="../demos.css" rel="stylesheet" />
<link type="text/css" href="../../themes/default/ui.all.css" rel="stylesheet" />
<script type="text/javascript" src="../../jquery-1.2.6.js"></script>
<script type="text/javascript" src="../../ui/ui.core.js"></script>
<script type="text/javascript" src="../../ui/ui.draggable.js"></script>
<script type="text/javascript" src="../../ui/ui.resizable.js"></script>
<script type="text/javascript" src="../../ui/ui.dialog.js"></script>
<script type="text/javascript">
$(function() {
$("#dialog").dialog({
<!doctype html>
<html lang="en">
<head>
<title>jQuery UI Dialog - Modal Form Demo</title>
<link type="text/css" href="../demos.css" rel="stylesheet" />
<link type="text/css" href="../../themes/default/ui.all.css" rel="stylesheet" />
<script type="text/javascript" src="../../jquery-1.2.6.js"></script>
<script type="text/javascript" src="../../ui/ui.core.js"></script>
<script type="text/javascript" src="../../ui/ui.draggable.js"></script>
<script type="text/javascript" src="../../ui/ui.resizable.js"></script>
<script type="text/javascript" src="../../ui/ui.dialog.js"></script>
<script type="text/javascript">
$(function() {
$("#dialog").dialog({
height: '300',
modal: true,
overlay: {
@@ -26,40 +26,40 @@
$(this).dialog('close');
}
}
});
});
</script>
<!-- Styles for this demo page -->
<style type="text/css" media="screen">
label, input { display:block; }
input.text { margin-bottom:12px; width:95%; }
fieldset { padding:0; border:0; margin-top:25px; }
});
});
</script>

<!-- Styles for this demo page -->
<style type="text/css" media="screen">
label, input { display:block; }
input.text { margin-bottom:12px; width:95%; }
fieldset { padding:0; border:0; margin-top:25px; }
</style>

</head>
<body>





</head>
<body>




<div class="demo">

<div id="dialog" title="Create new user">
<p>All form fields are required.</p>
<form>
<div id="dialog" title="Create new user">
<p>All form fields are required.</p>

<form>
<fieldset>
<label for="name">Name</label>
<input type="text" name="name" id="name" class="text" />
<label for="email">Email</label>
<input type="text" name="email" id="email" value="" class="text" />
<input type="text" name="email" id="email" value="" class="text" />
<label for="password">Password</label>
<input type="password" name="password" id="password" value="" class="text" />
</fieldset>
</form>
</form>
</div>

<!-- Sample page content to illustrate the layering of the dialog -->
<div class="hiddenInViewSource" style="padding:20px;">
<p>Sed vel diam id libero <a href="http://example.com">rutrum convallis</a>. Donec aliquet leo vel magna. Phasellus rhoncus faucibus ante. Etiam bibendum, enim faucibus aliquet rhoncus, arcu felis ultricies neque, sit amet auctor elit eros a lectus.</p>
@@ -84,6 +84,6 @@
<p>This is an example of how a dialog can be used for data entry by making it larger and embedding a form into the content area. A multi-step wizard could be created by extending this with a step navigation and forward and back buttons.</p>

</div><!-- End demo-description -->

</body>
</html>

</body>
</html>

0 comments on commit 9a35874

Please sign in to comment.
You can’t perform that action at this time.