request card change image

css/organizr.css

@@ -379,3 +379,44 @@ input#inviteCodeInput {
 .request-result-item {
 	width: 230px;
 }
+.customPoster {
+  margin: 50px auto;
+  text-align: center;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 200px;
+}
+.customPoster a {
+  text-decoration: none;
+  -webkit-transform: perspective(2.5em) rotateX(15deg) scaleY(0.8);
+  -moz-transform: perspective(2.5em) rotateX(15deg) scaleY(0.8);
+  -ms-transform: perspective(2.5em) rotateX(15deg) scaleY(0.8);
+  -o-transform: perspective(2.5em) rotateX(15deg) scaleY(0.8);
+  transform: perspective(2.5em) rotateX(15deg) scaleY(0.8);
+  -webkit-transition: all 0.5s;
+  -moz-transition: all 0.5s;
+  transition: all 0.5s;
+  display: inline-block;
+  text-align: center;
+  text-transform: uppercase;
+  font-size: 35px;
+  font-weight: 700;
+  font-family: inherit;
+  line-height: 0.8;
+  color: #707cd2;
+  text-shadow: 0 -1px 15px rgba(0, 0, 0, 0.9), 0 1px 0 #7d7d7d, 0 3px 0 #828282, 0 5px 0 #6c6c6c, 0 7px 0 #727272, 0 9px 0 #939393, 0 6px 50px rgb(27, 26, 26);
+  width: 200px;
+  max-width: 200px;
+}
+.customPoster a:first-line {
+  font-size: 0.8em;
+}
+.el-overlay-1:hover .customPoster a  {
+  -webkit-transform: perspective(8em) rotateX(11deg) scale(1.2);
+  -moz-transform: perspective(8em) rotateX(11deg) scale(1.2);
+  -ms-transform: perspective(8em) rotateX(11deg) scale(1.2);
+  -o-transform: perspective(8em) rotateX(11deg) scale(1.2);
+  transform: perspective(8em) rotateX(11deg) scale(1.2);
+  text-shadow: 0 -1px 15px black, 0 1px 0 #7f6303, 0 2px 0 #846703, 0 0px 0 #896b03, 0 1px 0 #8e6f03, 0 2px 0 #937203, 0 2px 30px rgba(252, 223, 92, 0.6);
+}

js/functions.js

@@ -3464,6 +3464,14 @@ function forceSearch(term){
         3000);
     }
 }
+function splitPoster(str){
+	var words = str.split(' ');
+	var newWord = '';
+	$.each(words, function(i,v) {
+		newWord += v+'<br/>';
+	});
+	return newWord;
+}
 function buildMediaResults(array,source,term){
     if(array.content.length == 0){
 		var none = '<h2 class="text-center" lang="en">No Results for:</h2><h3 class="text-center" lang="en">'+term+'</h3>';
@@ -3510,7 +3518,11 @@ function buildMediaResults(array,source,term){
 		<div class="col-lg-3 col-md-4 col-sm-6 col-xs-12 m-t-20 request-result-item request-result-movie mouse"  onclick="forceSearch('`+term+`')">
 			<div class="white-box m-b-10">
 				<div class="el-card-item p-b-0">
-					<div class="el-card-avatar el-overlay-1 m-b-5"> <img class="lazyload resultImages mouse" data-src="plugins/images/cache/no-request.png"></div>
+					<div class="el-card-avatar el-overlay-1 m-b-5"> <img class="lazyload resultImages mouse" data-src="plugins/images/cache/no-request.png">
+						<div class="customPoster">
+							<a href="javascript:void(0);">`+splitPoster(term)+`</a>
+						</div>
+					</div>
 					<div class="el-card-content bg-org">
 						<h3 class="box-title elip">`+term+`</h3> <small lang="en">Request Me!</small>
 						<br>