CSS only splash image sizing

diff --git a/karmaworld/assets/css/global.css b/karmaworld/assets/css/global.css
index a40b6f5ca8c31d6cbb3b478e0480c222e9db4a78..3fb63ce6baefd6f3992162c28eef36b302370883 100644 (file)
--- a/karmaworld/assets/css/global.css
+++ b/karmaworld/assets/css/global.css
@@ -54,14 +54,10 @@ p {
   padding: 0 5px 0 5px;
 }
 
-.gradient-bar
-{
-  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e8e8e8)); /* Safari 4+, Chrome */
-  background-image: -webkit-linear-gradient(top, #ffffff, #e8e8e8); /* Chrome 10+, Safari 5.1+, iOS 5+ */
-  background-image: -moz-linear-gradient(top, #ffffff, #e8e8e8); /* Firefox 3.6-15 */
-  background-image: -o-linear-gradient(top, #ffffff, #e8e8e8); /* Opera 11.10-12.00 */
-  background-image: linear-gradient(to bottom, #ffffff, #e8e8e8); /* Firefox 16+, IE10, Opera 12.50+ */
-  border-bottom: solid 1px #bdbcbd;
+#splash {
+  background-image: url('../img/banner_small.jpg');
+  background-size: cover;
+  background-position: center center;
 }
 
 #global_footer {

diff --git a/karmaworld/templates/courses/course_list.html b/karmaworld/templates/courses/course_list.html
index 9ccaf2c4c4cb295291a88e0547a8f15c9296fc5c..8a262ee0e26b11ce7b84bb885bf0891ffad8376d 100644 (file)
--- a/karmaworld/templates/courses/course_list.html
+++ b/karmaworld/templates/courses/course_list.html
@@ -28,10 +28,6 @@
 
 {% block bodyscripts %}
   <script src="//cdnjs.cloudflare.com/ajax/libs/datatables/1.9.4/jquery.dataTables.min.js"></script>
-  <script src="//cdnjs.cloudflare.com/ajax/libs/jquery-backstretch/2.0.4/jquery.backstretch.min.js"></script>
-  <script>
-    $("#splash").backstretch("{{ STATIC_URL }}img/banner_small.jpg");
-  </script>
 {% endblock %}
 
 {% block raw_content %}