slideshow

app/static/css/style.css

@@ -14,7 +14,7 @@ header {
     background: url('/static/images/texture-diagonal.png' repeat, url('static/images/header-layer.jpg') no repeat 50% -25px, #493874 url('/static/images/bg-linear.jpg') repeat-x 50%, -25px;
     background-position: 50%, 0;
     clear: both;
-    position: fixed;
+    position: relative;
 }
 
 h1 {

app/templates/vmanager/index.html

@@ -7,8 +7,7 @@
 
 {% block head %}
 {{ super() }}
-    <script type="text/javascript" src="/static/js/better-simple-slideshow.js" charset="UTF-8"></script>
+    <style>
-<style>
     body {
         background-image: url('/static/images/cloudsbg.jpeg'); 
         background-repeat: no-repeat;
@@ -23,7 +22,7 @@
         background: none;
     }
 
-    .panel-transparent .panel-heading{
+    .panel-transparent .panel-heading {
         background: rgb(255, 255, 255); /* fallback */
         background: rgba(255, 255, 255, 0.7)!important;
     }
@@ -32,25 +31,23 @@
         background: rgb(255, 255, 255); /* fallback */
         background: rgba(255, 255, 255, 0.7)!important;
     }
-
+    </style>
-</style>
 {% endblock %}
 
 {% block scripts %}
-<script>
+{{ super() }}
-var opts = {
+    <script type="text/javascript" src="/static/js/better-simple-slideshow.js" charset="UTF-8"></script>
+    <script type="text/javascript">
+    var opts = {
         auto : {
             speed : 6000, 
             pauseOnHover : false
         },
         fullScreen : false, 
         swipe : false
-};
+    };
-makeBSS('.bss-slides', opts);
+    makeBSS('.bss-slides', opts);
-</script>
+    </script>
-{% endblock %}
-
-{% block outside_container %}
 {% endblock %}
 
 {% block page_content %}