|
|
Line 1: |
Line 1: |
| /* Any JavaScript here will be loaded for all users on every page load. */ | | /* Any JavaScript here will be loaded for all users on every page load. */ |
|
| |
|
| /*custom javascript for the lostmediawiki metrolook theme*/
| | $(document).ready(function() { |
| | | $("#sidebar-menu").detach().insertAfter("#searchform"); |
| /*change the title text by the Image */
| | $("#infobox").appendTo("#sidebar-right"); |
| | | $(window).resize(function() { |
| var titleImage = '<img width="150" src="http://lostmediawiki.com/skins/Metrolook/images/nofilm.png" style="margin-top:-5px; margin-left:5px;">';
| | $("#contentwrapper").css({"padding-top": $("#mw-navigation").height() + 20 }); |
| $(".title-name > a > .title-name").html(titleImage); | | }).resize(); |
| | | $(".sidebar-right-wrapper").detach().prependTo("#contentwrapper"); |
| /*Change the title text by the Image ends*/
| | $("#commbutt").detach().appendTo("#sidebar-right"); |
| | | $(".onload").toggle(); |
| /*Replace the Home by blank space to display site title only on the main page*/
| | $( "div#shout" ) |
| var str = $("title").text();
| | .mouseenter(function() { |
| var title = str.split("-");
| | $( this ).css("bottom","0"); |
| if(title[0].trim()=="Home"){
| | $("body").css("overflow","hidden"); |
| $("title").text(title[1].trim()); | | }) |
| }
| | .mouseleave(function() { |
| /*Replace the Home by blank space to display site title only on the main page*/
| | $( this ).css("bottom","-350px"); |
| | | $("body").css("overflow","auto"); |
| /*custom javascript for the lostmediawiki metrolook theme ends here*/
| | }); |
| | |
| | |
| $("div.embedvideo").css("width", "100%");
| |
| $(".embedvideo .thumbinner").css("width", "100%").css("max-width", "640px"); | |
| $(".embedvideo .thumbinner iframe").css("width", "100%"); | |
| | |
| var $selector = $(".embedvideo .thumbinner iframe");
| |
| var $selectorsmall = $(".video-small .embedvideo .thumbinner iframe");
| |
| var $selectorbig = $(".video-small .embedvideo .thumbinner iframe");
| |
| var $selectortwo = $(".video-two .embedvideo .thumbinner iframe");
| |
| var $selectorthree = $(".video-three .embedvideo .thumbinner iframe");
| |
| var $selectorfour = $(".video-four .embedvideo .thumbinner iframe");
| |
| | |
| $(window).resize(function (){
| |
| setAspectRatio($selector);
| |
| }); | |
| $(window).resize(function (){
| |
| setAspectRatioBig($selectorbig); | |
| }); | |
| $(window).resize(function (){
| |
| setAspectRatioSmall($selectorsmall);
| |
| });
| |
| $(window).resize(function (){
| |
| setAspectRatioTwo($selectortwo);
| |
| });
| |
| $(window).resize(function (){
| |
| setAspectRatioThree($selectorthree); | |
| });
| |
| $(window).resize(function (){
| |
| setAspectRatioFour($selectorfour);
| |
| });
| |
| | |
| | |
| function setAspectRatio(selector) {
| |
| var wide = $(".embedvideo .thumbinner").css("width");
| |
| var calculate = parseInt(wide, 10)* 0.625;
| |
| selector.css("height", calculate);
| |
| }
| |
| function setAspectRatioSmall(selectorsmall) {
| |
| var widesmall = $(".video-small .embedvideo .thumbinner").css("width");
| |
| var calculatesmall = parseInt(widesmall, 10)* 0.625;
| |
| selectorsmall.css("height", calculatesmall);
| |
| }
| |
| function setAspectRatioBig(selectorbig) {
| |
| var widebig = $(".video-big .embedvideo .thumbinner").css("width");
| |
| var calculatebig = parseInt(widebig, 10)* 0.625;
| |
| selectorbig.css("height", calculatebig);
| |
| }
| |
| function setAspectRatioTwo(selectortwo) {
| |
| var widetwo = $(".video-two .embedvideo .thumbinner").css("width");
| |
| var calculatetwo = parseInt(widetwo, 10)* 0.625;
| |
| selectortwo.css("height", calculatetwo);
| |
| }
| |
| function setAspectRatioThree(selectorthree) { | |
| var widethree = $(".video-three .embedvideo .thumbinner").css("width");
| |
| var calculatethree = parseInt(widethree, 10)* 0.625;
| |
| selectorthree.css("height", calculatethree);
| |
| }
| |
| function setAspectRatioFour(selectorfour) {
| |
| var widefour = $(".video-four .embedvideo .thumbinner").css("width");
| |
| var calculatefour = parseInt(widefour, 10)* 0.625;
| |
| selectorfour.css("height", calculatefour);
| |
| } | |
| var $content = $('#maincontent');
| |
| | |
| setToWindowHeight($content);
| |
| | |
| $(window).resize(function (){
| |
| setToWindowHeight($content);
| |
| });
| |
| | |
| function setToWindowHeight(content) {
| |
| content.css({ 'min-height': $(window).innerHeight() });
| |
| }
| |
| | |
| setAspectRatio($selector);
| |
| | |
| $(document).ready(function() { | |
| | |
| $("#catlinks").detach().insertBefore("div.hf-footer");
| |
| | |
| setAspectRatioSmall($selectorsmall);
| |
| setAspectRatioBig($selectorbig);
| |
| setAspectRatioTwo($selectortwo);
| |
| setAspectRatioThree($selectorthree);
| |
| setAspectRatioFour($selectorfour);
| |
| | |
| }); | | }); |