Upgrade to ExtJS 3.3.1 - Released 11/30/2010

[extjs.git] / examples / dd / dragdropzones.html
diff --git a/examples/dd/dragdropzones.html b/examples/dd/dragdropzones.html

index 54941dd..c532367 100644 (file)
--- a/examples/dd/dragdropzones.html
+++ b/examples/dd/dragdropzones.html
@@ -1,51 +1,63 @@
-<html>\r
-<head>\r
-<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />\r
-<script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>\r
-<script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>\r
-<script type="text/javascript" src="../../ext-all-debug.js"></script>\r
-<script type="text/javascript" src="../code-display.js"></script>\r
-<script type="text/javascript" src="dragdropzones.js"></script>\r
-<style type="text/css">\r
-.app-header .x-panel-body {\r
-    background-color: #99BBE8;\r
-}\r
-\r
-.app-header h1 {\r
-    font-family: verdana,arial,sans-serif;\r
-    font-size: 20px;\r
-}\r
-\r
-.hospital-target {\r
-    border: 1px solid red;\r
-    width: 400ps;\r
-    height: 30px;\r
-}\r
-\r
-.hospital-target.hospital-target-hover {\r
-    background-color: #D88;\r
-}\r
-\r
-.patient-source {\r
-    cursor: pointer;\r
-}\r
-\r
-.patient-view td {\r
-    font-family: verdana,arial,sans-serif;\r
-    font-size: 12px;\r
-}\r
-\r
-td.patient-label {\r
-    background-color: #ddd;\r
-    border: 1px solid #bbb;\r
-    font-weight: bold;\r
-    text-align: right;\r
-    width: 100px;\r
-    padding: 0px 3px 0px 0px;\r
-}\r
-</style>\r
-<title>Ext Drag/Drop</title>\r
-</head>\r
-<body>\r
-</body>\r
+<html>
+<head>
+<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
+<script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
+<script type="text/javascript" src="../../ext-all-debug.js"></script>
+<script type="text/javascript" src="../code-display.js"></script>
+<script type="text/javascript" src="dragdropzones.js"></script>
+<style type="text/css">
+.app-header .x-panel-body {
+    background-color: #ddd;
+    padding-left: 5px;
+}
+
+.app-header h1 {
+    font-family: verdana,arial,sans-serif;
+    font-size: 20px;
+    color: #15428B;
+}
+
+.hospital-target {
+    border: 1px solid red;
+    width: 400ps;
+    height: 16px;
+    margin: 5px;
+    padding: 5px;
+}
+
+.hospital-target.hospital-target-hover {
+    background-color: #C0C0C0;
+}
+
+.patient-source {
+    cursor: pointer;
+}
+
+.patient-view td {
+    font-family: verdana,arial,sans-serif;
+    font-size: 12px;
+}
+
+td.patient-label {
+    background-color: #ddd;
+    border: 1px solid #bbb;
+    font-weight: bold;
+    text-align: right;
+    width: 100px;
+    padding: 0px 3px 0px 0px;
+}
+
+.patient-over {
+    background-color:#EFEFEF;
+    cursor: pointer;
+}
+.patient-selected {
+    background-color: #DFE8F6;
+    cursor: pointer;
+}
+</style>
+<title>Ext Drag/Drop</title>
+</head>
+<body>
+</body>
  </html>
 \ No newline at end of file
  </html>
 \ No newline at end of file