Upgrade to ExtJS 4.0.7 - Released 10/19/2011
[extjs.git] / examples / core / spotlight.html
index e420003..22ee057 100644 (file)
@@ -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>