Upgrade to ExtJS 4.0.7 - Released 10/19/2011

[extjs.git] / examples / core / spotlight.html
diff --git a/examples/core/spotlight.html b/examples/core/spotlight.html

index e420003..22ee057 100644 (file)
--- a/examples/core/spotlight.html
+++ b/examples/core/spotlight.html
@@ -3,24 +3,39 @@
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
      <title>Spotlight Example</title>
+    <!-- Ext -->
      <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
+    <script type="text/javascript" src="../../bootstrap.js"></script>
  
-    <!-- GC -->
-       <!-- LIBS -->
-       <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
-       <!-- ENDLIBS -->
-
-    <script type="text/javascript" src="../../ext-all.js"></script>
-
-    <script language="javascript" src="Spotlight.js"></script>
-    <script language="javascript" src="spotlight-example.js"></script>
+    <!-- example code -->
+    <script type="text/javascript" src="../ux/Spotlight.js"></script>
+    <script type="text/javascript" src="spotlight-example.js"></script>
  
      <!-- Common Styles for the examples -->
-    <link rel="stylesheet" type="text/css" href="../shared/examples.css" />
-    <style>
+    <link rel="stylesheet" type="text/css" href="../shared/example.css" />
+    <style type="text/css">
+        body {
+            overflow: hidden;
+        }
+        
          #demo-ct .x-table-layout-cell {
              padding: 20px;
          }
+
+        .x-spotlight {
+            background-color: #ccc;
+            
+            z-index: 8999;
+            position: absolute;
+            top: 0;
+            left: 0;
+            -moz-opacity: 0.5;
+            opacity: .50;
+            filter: alpha(opacity=50);
+            width: 0;
+            height: 0;
+            zoom: 1;
+        }
      </style>
  </head>
  <body>