MediaWiki: Common.js: Difference between revisions

From The Lost Media Wiki
Jump to: navigation, search
No edit summary
No edit summary
Line 23: Line 23:
$("div.embedvideo").css("width", "100%");
$("div.embedvideo").css("width", "100%");
$(".embedvideo .thumbinner").css("width", "100%");
$(".embedvideo .thumbinner").css("width", "100%");
$(".embedvideo .thumbinner iframe").css("width", "100%");
$(".embedvideo .thumbinner iframe").css("width", "100%").css("max-width", "640px");


var $selector = $(".embedvideo .thumbinner iframe");
var $selector = $(".embedvideo .thumbinner iframe");

Revision as of 09:44, 19 December 2017

/* Any JavaScript here will be loaded for all users on every page load. */

/*custom javascript for the lostmediawiki metrolook theme*/

/*change the title text by the Image */

var titleImage = '<img width="150" src="http://lostmediawiki.com/skins/Metrolook/images/nofilm.png" style="margin-top:-5px; margin-left:5px;">';
$(".title-name > a > .title-name").html(titleImage);

/*Change the title text by the Image ends*/

/*Replace the Home by blank space to display site title only on the main page*/
var str = $("title").text();
var title = str.split("-");
if(title[0].trim()=="Home"){
  $("title").text(title[1].trim());
}
/*Replace the Home by blank space to display site title only on the main page*/

/*custom javascript for the lostmediawiki metrolook theme ends here*/


$("div.embedvideo").css("width", "100%");
$(".embedvideo .thumbinner").css("width", "100%");
$(".embedvideo .thumbinner iframe").css("width", "100%").css("max-width", "640px");

var $selector = $(".embedvideo .thumbinner iframe");

setAspectRatio($selector);
$(window).resize(function (){
  setAspectRatio($selector);
});

function setAspectRatio(selector) {

var wide = $(".embedvideo .thumbinner").css("width");
var calculate = parseInt(wide, 10)* 0.75;

  selector.css("height", calculate);
}

var $content = $('#maincontent');

setToWindowHeight($content);
$(window).resize(function (){
  setToWindowHeight($content);
});

function setToWindowHeight(content) {
  content.css({ 'min-height': $(window).innerHeight() });
}

$(document).ready(function() {

$("#catlinks").detach().insertBefore("div.hf-footer");

});