From: Charles Connell <charles@connells.org>
Date: Thu, 10 Apr 2014 19:15:25 +0000 (-0400)
Subject: CSS only splash image sizing
X-Git-Tag: release-20150131~144^2~6
X-Git-Url: https://git.librecmc.org/?a=commitdiff_plain;h=17ac1fc065b3df40486e3676219fd849f98449bd;p=oweals%2Fkarmaworld.git

CSS only splash image sizing
---

diff --git a/karmaworld/assets/css/global.css b/karmaworld/assets/css/global.css
index a40b6f5..3fb63ce 100644
--- 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 9ccaf2c..8a262ee 100644
--- 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 %}