Loading overlay added to series grid.

NzbDrone.Web/Views/Settings/Test.cshtml

@@ -1,106 +1,58 @@
-    <style type="text/css">
-        
-        #feedback-open-button
-        {
-            height: 32px;
-            margin: 2em 0 4em;
-        }
-        
-        #feedback-form
-        {
-            padding: 0 1em 1em;
-        }
-        
-        #feedback-form label
-        {
-            display: block;
-            line-height: 25px;
-            margin-top: 1em;
-        }
-        
-        #feedback-form input
-        {
-            width: 370px;
-        }
-        
-        .form-actions
-        {
-            padding-top: 1em;
-            overflow: hidden;
-        }
-        
-        .form-actions button
-        {
-            float: right;
-        }
-        
-        .example .t-group
-        {
-            border-width: 1px;
-            border-style: solid;
-            padding: 0 1em 1em;
-        }
-        
-    </style>
+<style>
 
-@{  Html.Telerik().Window()
-        .Name("Window")
-        .Title("Submit feedback")
-        .LoadContentFrom("TestPartial", "Settings")
-        .Width(400)
-        .Draggable(true)
-        .Modal(true)
-        .Visible(false)
-        .Render();
+#container {  
+    width: 850px;   
+    margin: auto;  
+}  
+
+.back  
+{  
+    position:absolute;  
+    top:0;left:0;  
+}  
+.wrap  
+{  
+    width:550px;  
+    height:390px;  
+    position:relative;  
+    margin:auto;  
+    overflow:hidden;  
+}  
+
+.comment  
+{  
+    position: absolute;  
+    width: 550px;
+    height: auto;
+    top: 400px;  
+    left: 0px;  
+    letter-spacing: -1px;  
+    color: white; font: 24px/45px Berlin Sans FB, Sans-Serif;  
+    background: #4A4D4A;  
+    padding: 10px;  
+    filter:alpha(opacity=60);  
+    -moz-opacity:0.6;  
+    -khtml-opacity: 0.6;  
+    opacity: 0.6;  
+    line-height: 90%  
 } 
-            
-<button id="feedback-open-button" class="t-button t-state-default">Submit feedback...</button>
-@if (ViewData["name"] != null || ViewData["email"] != null || ViewData["comment"] != null) { 
-    <div class="t-group">
-        <h3>Feedback:</h3>
-    
-        <p>
-            Name: @ViewData["name"] <br />
-            E-mail: @ViewData["email"] <br />
-            Comment: @ViewData["comment"] 
-        </p>
-    </div>
-}
 
-@{ Html.Telerik().ScriptRegistrar()
-        .OnDocumentReady(@<text>
-            // open the initially hidden window when the button is clicked
-            
-        </text>); }
+</style>
+
+<button onclick="overlay()">Click Me!</button>
+
+<div class="wrap">
+    <img class="backer" src="../../Content/leopard.jpg" alt="image"/>
+        
+    <span class="comment">
+        Loading...
+    </span>
+</div>
+
 
 
 <script type="text/javascript">
-
-    var windowElement;
-
-    $('#feedback-open-button')
-                .click(function (e) {
-                    e.preventDefault();
-
-                    windowElement = $.telerik.window.create({
-                        title: "Season Edition: ",
-                        contentUrl: '@Url.Action("SeasonEditor", "Series")' + '/?seriesId=10',
-                        width: 400,
-                        height: 500,
-                        modal: true,
-                        resizable: false,
-                        draggable: true,
-                        scrollable: false
-                    });
-
-                    windowElement.data('tWindow').center();
-                });
-    // add button hovers
-    $('.t-button').live('mouseenter', $.telerik.buttonHover)
-                            .live('mouseleave', $.telerik.buttonLeave);
-
-    function closeWindow() {
-        var window = windowElement.data("tWindow");
-        window.close();
+    function overlay() {
+        $('.wrap').children('.comment').stop().css("top", "0px");
     }
 </script>