r1392 - in trunk/demos: . accordion datepicker dialog draggable droppable progressbar resizable s...

r1392 - in trunk/demos: . accordion datepicker dialog draggable droppable progressbar resizable s...


Author: rdworth
Date: Tue Dec 30 22:29:31 2008
New Revision: 1392
Modified:
trunk/demos/accordion/collapsible.html
trunk/demos/accordion/custom_icons.html
trunk/demos/accordion/default.html
trunk/demos/accordion/fillspace.html
trunk/demos/accordion/mouseover.html
trunk/demos/datepicker/buttonbar.html
trunk/demos/datepicker/default.html
trunk/demos/datepicker/dropdown_month_year.html
trunk/demos/datepicker/inline.html
trunk/demos/datepicker/multiple_calendars.html
trunk/demos/demos.css
trunk/demos/dialog/default.html
trunk/demos/dialog/modal.html
trunk/demos/dialog/modal_confirmation.html
trunk/demos/dialog/modal_form.html
trunk/demos/dialog/modal_message.html
trunk/demos/draggable/axis.html
trunk/demos/draggable/containment.html
trunk/demos/draggable/cursorat.html
trunk/demos/draggable/default.html
trunk/demos/draggable/delaydistance.html
trunk/demos/draggable/grid.html
trunk/demos/draggable/handle.html
trunk/demos/draggable/helper.html
trunk/demos/draggable/opacity.html
trunk/demos/draggable/revert.html
trunk/demos/draggable/scroll.html
trunk/demos/draggable/snap.html
trunk/demos/draggable/sortable.html
trunk/demos/draggable/zindexstack.html
trunk/demos/droppable/accept.html
trunk/demos/droppable/activeclass.html
trunk/demos/droppable/default.html
trunk/demos/droppable/greedy.html
trunk/demos/droppable/hoverclass.html
trunk/demos/droppable/revert.html
trunk/demos/droppable/tolerance.html
trunk/demos/progressbar/default.html
trunk/demos/progressbar/resize.html
trunk/demos/resizable/alsoresize.html
trunk/demos/resizable/animate.html
trunk/demos/resizable/aspectratio.html
trunk/demos/resizable/containment.html
trunk/demos/resizable/default.html
trunk/demos/resizable/delay.html
trunk/demos/resizable/distance.html
trunk/demos/resizable/ghost.html
trunk/demos/resizable/grid.html
trunk/demos/resizable/max.html
trunk/demos/resizable/min.html
trunk/demos/slider/colorpicker.html
trunk/demos/slider/default.html
trunk/demos/slider/multiple_vertical.html
trunk/demos/slider/range.html
trunk/demos/slider/range_vertical.html
trunk/demos/slider/rangemax.html
trunk/demos/slider/rangemin.html
trunk/demos/slider/slider_vertical.html
trunk/demos/slider/steps.html
trunk/demos/sortable/connectwith.html
trunk/demos/sortable/default.html
trunk/demos/sortable/delaydistance.html
trunk/demos/sortable/droponempty.html
trunk/demos/sortable/droppable.html
trunk/demos/sortable/floating.html
trunk/demos/sortable/items.html
trunk/demos/sortable/placeholder.html
trunk/demos/tabs/ajax.html
trunk/demos/tabs/collapsible.html
trunk/demos/tabs/default.html
trunk/demos/tabs/mouseover.html
Log:
demos: moved the demos.css link down so it can override default theme
styles. other minor updates.
Modified: trunk/demos/accordion/collapsible.html
==============================================================================
--- trunk/demos/accordion/collapsible.html    (original)
+++ trunk/demos/accordion/collapsible.html    Tue Dec 30 22:29:31 2008
@@ -2,11 +2,11 @@
<html lang="en">
<head>
    <title>jQuery UI Accordion - Collapsible 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.accordion.js"></script>
+    <link type="text/css" href="../demos.css" rel="stylesheet" />
    <script type="text/javascript">
    $(function() {
        $("#accordion").accordion({
Modified: trunk/demos/accordion/custom_icons.html
==============================================================================
--- trunk/demos/accordion/custom_icons.html    (original)
+++ trunk/demos/accordion/custom_icons.html    Tue Dec 30 22:29:31 2008
@@ -2,11 +2,11 @@
<html lang="en">
<head>
    <title>jQuery UI Accordion - Custom Icon 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.accordion.js"></script>
+    <link type="text/css" href="../demos.css" rel="stylesheet" />
    <script type="text/javascript">
    $(function() {
        $("#accordion").accordion({
Modified: trunk/demos/accordion/default.html
==============================================================================
--- trunk/demos/accordion/default.html    (original)
+++ trunk/demos/accordion/default.html    Tue Dec 30 22:29:31 2008
@@ -2,11 +2,11 @@
<html lang="en">
<head>
    <title>jQuery UI Accordion - Default 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.accordion.js"></script>
+    <link type="text/css" href="../demos.css" rel="stylesheet" />
    <script type="text/javascript">
    $(function() {
        $("#accordion").accordion({
Modified: trunk/demos/accordion/fillspace.html
==============================================================================
--- trunk/demos/accordion/fillspace.html    (original)
+++ trunk/demos/accordion/fillspace.html    Tue Dec 30 22:29:31 2008
@@ -2,12 +2,12 @@
<html lang="en">
<head>
    <title>jQuery UI Accordion - FillSpace 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.resizable.js"></script>
    <script type="text/javascript" src="../../ui/ui.accordion.js"></script>
+    <link type="text/css" href="../demos.css" rel="stylesheet" />
    <script type="text/javascript">
    $(function() {
        $("#accordion").accordion({
Modified: trunk/demos/accordion/mouseover.html
==============================================================================
--- trunk/demos/accordion/mouseover.html    (original)
+++ trunk/demos/accordion/mouseover.html    Tue Dec 30 22:29:31 2008
@@ -2,11 +2,11 @@
<html lang="en">
<head>
    <title>jQuery UI Accordion - Mouseover 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.accordion.js"></script>
+    <link type="text/css" href="../demos.css" rel="stylesheet" />
    <script type="text/javascript">
    $(function() {
        $("#accordion").accordion({
Modified: trunk/demos/datepicker/buttonbar.html
==============================================================================
--- trunk/demos/datepicker/buttonbar.html    (original)
+++ trunk/demos/datepicker/buttonbar.html    Tue Dec 30 22:29:31 2008
@@ -2,11 +2,11 @@
<html lang="en">
<head>
    <title>jQuery UI Datepicker - Default 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>
+    <link type="text/css" href="../demos.css" rel="stylesheet" />
    <script type="text/javascript">
    $(function() {
        $('#date123').datepicker({
Modified: trunk/demos/datepicker/default.html
==============================================================================
--- trunk/demos/datepicker/default.html    (original)
+++ trunk/demos/datepicker/default.html    Tue Dec 30 22:29:31 2008
@@ -2,11 +2,11 @@
<html lang="en">
<head>
    <title>jQuery UI Datepicker - Default 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>
+    <link type="text/css" href="../demos.css" rel="stylesheet" />
    <script type="text/javascript">
    $(function() {
        $("#date123").datepicker();
Modified: trunk/demos/datepicker/dropdown_month_year.html
==============================================================================
--- trunk/demos/datepicker/dropdown_month_year.html    (original)
+++ trunk/demos/datepicker/dropdown_month_year.html    Tue Dec 30 22:29:31 2008
@@ -2,11 +2,11 @@
<html lang="en">
<head>
    <title>jQuery UI Datepicker - Default 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>
+    <link type="text/css" href="../demos.css" rel="stylesheet" />
    <script type="text/javascript">
    $(function() {
        $('#date123').datepicker({
Modified: trunk/demos/datepicker/inline.html
==============================================================================
--- trunk/demos/datepicker/inline.html    (original)
+++ trunk/demos/datepicker/inline.html    Tue Dec 30 22:29:31 2008
@@ -2,11 +2,11 @@
<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>
+    <link type="text/css" href="../demos.css" rel="stylesheet" />
    <script type="text/javascript">
    $(function() {
        $("#date123").datepicker();
Modified: trunk/demos/datepicker/multiple_calendars.html
==============================================================================
--- trunk/demos/datepicker/multiple_calendars.html    (original)
+++ trunk/demos/datepicker/multiple_calendars.html    Tue Dec 30 22:29:31 2008
@@ -2,11 +2,11 @@
<html lang="en">
<head>
    <title>jQuery UI Datepicker - Default 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>
+    <link type="text/css" href="../demos.css" rel="stylesheet" />
    <script type="text/javascript">
    $(function() {
        $('#date123').datepicker({
Modified: trunk/demos/demos.css
==============================================================================
--- trunk/demos/demos.css    (original)
+++ trunk/demos/demos.css    Tue Dec 30 22:29:31 2008
@@ -178,4 +178,8 @@
    font-family: "Trebuchet
MS", "Arial", "Helvetica", "Verdana", "sans-serif";
    font-size: 1.3em;
    line-height: 1.4em;
-}
\ No newline at end of file
+}
+
+.ui-draggable, .ui-droppable {
+    background-position: top left;
+}
Modified: trunk/demos/dialog/default.html
==============================================================================
--- trunk/demos/dialog/default.html    (original)
+++ trunk/demos/dialog/default.html    Tue Dec 30 22:29:31 2008
@@ -2,13 +2,13 @@
<html lang="en">
<head>
    <title>jQuery UI Dialog - Default 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>
+    <link type="text/css" href="../demos.css" rel="stylesheet" />
    <script type="text/javascript">
    $(function() {
        $("#dialog").dialog();
Modified: trunk/demos/dialog/modal.html
==============================================================================
--- trunk/demos/dialog/modal.html    (original)
+++ trunk/demos/dialog/modal.html    Tue Dec 30 22:29:31 2008
@@ -2,13 +2,13 @@
<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>
+    <link type="text/css" href="../demos.css" rel="stylesheet" />
    <script type="text/javascript">
    $(function() {
        $("#dialog").dialog({
Modified: trunk/demos/dialog/modal_confirmation.html
==============================================================================
--- trunk/demos/dialog/modal_confirmation.html    (original)
+++ trunk/demos/dialog/modal_confirmation.html    Tue Dec 30 22:29:31 2008
@@ -2,13 +2,13 @@
<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>
+    <link type="text/css" href="../demos.css" rel="stylesheet" />
    <script type="text/javascript">
    $(function() {
        $("#dialog").dialog({
Modified: trunk/demos/dialog/modal_form.html
==============================================================================
--- trunk/demos/dialog/modal_form.html    (original)
+++ trunk/demos/dialog/modal_form.html    Tue Dec 30 22:29:31 2008
@@ -2,13 +2,13 @@
<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>
+    <link type="text/css" href="../demos.css" rel="stylesheet" />
    <script type="text/javascript">
    $(function() {
        $("#dialog").dialog({
Modified: trunk/demos/dialog/modal_message.html
==============================================================================
--- trunk/demos/dialog/modal_message.html    (original)
+++ trunk/demos/dialog/modal_message.html    Tue Dec 30 22:29:31 2008
@@ -2,13 +2,13 @@
<html lang="en">
<head>
    <title>jQuery UI Dialog - Modal Message 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>
+    <link type="text/css" href="../demos.css" rel="stylesheet" />
    <script type="text/javascript">
    $(function() {
        $("#dialog").dialog({
Modified: trunk/demos/draggable/axis.html
==============================================================================
--- trunk/demos/draggable/axis.html    (original)
+++ trunk/demos/draggable/axis.html    Tue Dec 30 22:29:31 2008
@@ -2,13 +2,13 @@
<html lang="en">
<head>
    <title>jQuery UI Draggable - Constrained to one axis</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>
+    <link type="text/css" href="../demos.css" rel="stylesheet" />
    <style type="text/css">
-    .ui-widget-content { width: 100px; height: 100px; padding: 0.5em; float:
left; margin: 5px; }
+    #draggable, #draggable2 { width: 100px; height: 100px; padding: 0.5em;
float: left; margin: 5px; }
    #draggable { cursor: n-resize; }
    #draggable2 { cursor: e-resize; }
    </style>
Modified: trunk/demos/draggable/containment.html
==============================================================================
--- trunk/demos/draggable/containment.html    (original)
+++ trunk/demos/draggable/containment.html    Tue Dec 30 22:29:31 2008
@@ -2,11 +2,11 @@
<html lang="en">
<head>
    <title>jQuery UI Draggable - Containment</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>
+    <link type="text/css" href="../demos.css" rel="stylesheet" />
    <style type="text/css">
    .ui-widget-content { width: 100px; height: 100px; padding: 0.5em; float:
left; margin: 5px; }
    </style>
Modified: trunk/demos/draggable/cursorat.html
==============================================================================
--- trunk/demos/draggable/cursorat.html    (original)
+++ trunk/demos/draggable/cursorat.html    Tue Dec 30 22:29:31 2008
@@ -2,13 +2,13 @@
<html lang="en">
<head>
    <title>jQuery UI Draggable - Cursor at a certain position</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>
+    <link type="text/css" href="../demos.css" rel="stylesheet" />
    <style type="text/css">
-    .ui-widget-content { width: 100px; height: 100px; padding: 0.5em; float:
left; margin: 5px; }
+    #draggable, #draggable2, #draggable3 { width: 100px; height: 100px;
padding: 0.5em; float: left; margin: 5px; }
    </style>
    <script type="text/javascript">
    $(function() {
Modified: trunk/demos/draggable/default.html
==============================================================================
--- trunk/demos/draggable/default.html    (original)
+++ trunk/demos/draggable/default.html    Tue Dec 30 22:29:31 2008
@@ -2,11 +2,11 @@
<html lang="en">
<head>
    <title>jQuery UI Draggable - Default 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>
+    <link type="text/css" href="../demos.css" rel="stylesheet" />
    <style type="text/css">
    #draggable { width: 150px; height: 150px; padding: 0.5em; }
    </style>
Modified: trunk/demos/draggable/delaydistance.html
==============================================================================
--- trunk/demos/draggable/delaydistance.html    (original)
+++ trunk/demos/draggable/delaydistance.html    Tue Dec 30 22:29:31 2008
@@ -2,13 +2,13 @@
<html lang="en">
<head>
    <title>jQuery UI Draggable - Distance and Delay</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>
+    <link type="text/css" href="../demos.css" rel="stylesheet" />
    <style type="text/css">
-    .ui-widget-content { width: 100px; height: 100px; padding: 0.5em; float:
left; margin: 5px; }
+    #draggable, #draggable2 { width: 100px; height: 100px; padding: 0.5em;
float: left; margin: 5px; }
    </style>
    <script type="text/javascript">
    $(function() {
Modified: trunk/demos/draggable/grid.html
==============================================================================
--- trunk/demos/draggable/grid.html    (original)
+++ trunk/demos/draggable/grid.html    Tue Dec 30 22:29:31 2008
@@ -2,13 +2,13 @@
<html lang="en">
<head>
    <title>jQuery UI Draggable - Grid</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>
+    <link type="text/css" href="../demos.css" rel="stylesheet" />
    <style type="text/css">
-    .ui-widget-content { width: 100px; height: 100px; padding: 0.5em; float:
left; margin: 5px; }
+    #draggable, #draggable2 { width: 100px; height: 100px; padding: 0.5em;
float: left; margin: 5px; }
    </style>
    <script type="text/javascript">
    $(function() {
Modified: trunk/demos/draggable/handle.html
==============================================================================
--- trunk/demos/draggable/handle.html    (original)
+++ trunk/demos/draggable/handle.html    Tue Dec 30 22:29:31 2008
@@ -2,14 +2,14 @@
<html lang="en">
<head>
    <title>jQuery UI Draggable - Handle</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>
+    <link type="text/css" href="../demos.css" rel="stylesheet" />
    <style type="text/css">
-    .ui-widget-content { width: 100px; height: 100px; padding: 0.5em; float:
left; margin: 5px; }
-    .ui-widget-header { cursor: move; }
+    #draggable { width: 100px; height: 100px; padding: 0.5em; float: left;
margin: 5px; }
+    #draggable p { cursor: move; }
    </style>
    <script type="text/javascript">
    $(function() {
Modified: trunk/demos/draggable/helper.html
==============================================================================
--- trunk/demos/draggable/helper.html    (original)
+++ trunk/demos/draggable/helper.html    Tue Dec 30 22:29:31 2008
@@ -2,13 +2,13 @@
<html lang="en">
<head>
    <title>jQuery UI Draggable - Helper</title>
-    <link type="text/css" href="../demos.css" rel="stylesheet" />
   &