Difference between revisions of "Template:Team:NUS Singapore/new template"

(Replaced content with "<html> <style> →‎******************************** DEFAULT WIKI SETTINGS *******************************: #sideMenu, #top_title {display:none;} #content { padding:0p...")
 
(10 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
−
 
 
<style>
 
<style>
  
 
/********************************* DEFAULT WIKI SETTINGS  ********************************/
 
/********************************* DEFAULT WIKI SETTINGS  ********************************/
  
−
#sideMenu, #top_title {display:none;}
+
    #sideMenu, #top_title {display:none;}
−
#content { padding:0px; width:101.7%; margin-top:-5px; margin-left:-24px;}
+
    #content { padding:0px; width:101.7%; margin-top:-5px; margin-left:-24px;}
−
body {background-color:black; }
+
    body {background-color:black; }
−
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
+
    #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 +
   
  
−
/********************************* MENU ********************************/
 
 
</style>
 
</style>
  
  
  
 +
 +
<!--- THIS IS WHERE THE HTML BEGINS --->
 +
 +
 +
<!-- This tells the browser that your page is responsive -->
 +
 +
 +
 +
 +
<script>
 +
 +
// This is the jquery part of your template.  Try not modify any of this code since it makes your menu work.
 +
 +
    $(document).ready(function() {
 +
 +
        $("#HQ_page").attr('id','');
 +
       
 +
 +
        if ( wgPageName.substring( 0,  8) == "Template")  {  // if the page is a template it displays the full name in a single line
 +
            $("#team_name").html( wgPageName );
 +
        }
 +
 +
        else if (  ( (wgPageName.match(/\//g) || []).length ) == 0 ) {  // if it is the home page , just print the team's name
 +
            $("#team_name").html( wgPageName.substring( 5, wgPageName.length ) );
 +
        }
 +
 +
        else {
 +
            // this adds the team's name as an h1
 +
            $("#team_name").html( wgPageName.substring( 5 , wgPageName.indexOf("/")  ) );
 +
 +
            // this adds the page's title as an h4 
 +
            $("#page_name").html (    ( wgPageName.substring( wgPageName.indexOf("/") + 1, wgPageName.length ) ).replace( /\/|_/g , " ")  );
 +
        }
 +
 +
 +
 +
 +
        $('#accordion').find('.menu_item').click(function(){
 +
 +
            //Expand or collapse this panel
 +
            submenu = $(this).find('.submenu');
 +
            submenu.toggle();
 +
 +
            icon = $(this).find('.icon');
 +
 +
            if ( !$( submenu ).is(':visible') ) {
 +
                icon.removeClass("less").addClass("plus");
 +
            }
 +
            else {
 +
                icon.removeClass("plus").addClass("less");
 +
            }
 +
 +
            //Hide the other panels
 +
            $(".submenu").not(submenu).hide();
 +
            $(".icon").not(icon).removeClass("less").addClass("plus");
 +
        });
 +
 +
 +
        $(".collapsable_menu_control").click(function() { 
 +
            $(".menu_item").toggle();
 +
        });
 +
 +
        $( window ).resize(function() {
 +
            $(".menu_item").show();
 +
        });
 +
 +
 +
    });
 +
 +
 +
 +
 +
</script>
 
</html>
 
</html>

Latest revision as of 15:39, 18 September 2016