a simple cover-photo implementation for redbasic default template

2 files changed, 22 insertions, 2 deletions

diff --git a/view/theme/redbasic/css/style.css b/view/theme/redbasic/css/style.css
index 2cf311baa..f365bec1a 100644
--- a/view/theme/redbasic/css/style.css
+++ b/view/theme/redbasic/css/style.css
@@ -174,6 +174,7 @@ header #banner {
 	z-index: 1040;
 	margin-top: 14px;
 	text-align: center;
+	text-shadow: 1px 1px 2px rgba(0,0,0,.5);
 	font-size: 14px;
 	font-family: tahoma, "Lucida Sans", sans;
 	color: $banner_colour;
diff --git a/view/theme/redbasic/js/redbasic.js b/view/theme/redbasic/js/redbasic.js
index 38dc4d209..7c5df0834 100644
--- a/view/theme/redbasic/js/redbasic.js
+++ b/view/theme/redbasic/js/redbasic.js
@@ -2,6 +2,17 @@
  * redbasic theme specific JavaScript
  */
 $(document).ready(function() {
+
+	//Simple cover-photo implementation
+	if($('#cover-photo').length && $(window).width() > 767) {
+		$('.navbar-fixed-top').css('position', 'relative');
+		$('main').css('padding-top', 0 + 'px');
+	}
+	else {
+		$('#cover-photo').remove();
+
+	}
+
 	// CSS3 calc() fallback (for unsupported browsers)
 	$('body').append('<div id="css3-calc" style="width: 10px; width: calc(10px + 10px); display: none;"></div>');
 	if( $('#css3-calc').width() == 10) {
@@ -38,9 +49,7 @@ $(document).ready(function() {
 	$("input[data-role=cat-tagsinput]").tagsinput({
 		tagClass: 'label label-primary'
 	});
-});
 
-$(document).ready(function(){
 	var doctitle = document.title;
 	function checkNotify() {
 		var notifyUpdateElem = document.getElementById('notify-update');
@@ -53,3 +62,13 @@ $(document).ready(function(){
 	}
 	setInterval(function () {checkNotify();}, 10 * 1000);
 });
+
+//Simple cover-photo implementation
+$(window).scroll(function () {
+	if($('#cover-photo').length && $(window).width() > 767 && $(window).scrollTop() >= $('#cover-photo').height()) {
+		$('main').css('padding-top', 71 + 'px');
+		$(window).scrollTop($(window).scrollTop() - $('#cover-photo').height())
+		$('.navbar-fixed-top').css('position', 'fixed');
+		$('#cover-photo').remove();
+	}
+});