Difference between revisions of "Template:BGIC China"

Line 9: Line 9:
 
body {background-color:white; }
 
body {background-color:white; }
 
#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; }
 +
 +
/********************************* RESPONSIVE STYLING ********************************/
 +
 +
/* IF THE SCREEN IS LESS THAN 1000PX */
 +
 +
@media only screen and (max-width: 1000px) {
 +
 +
#content {width:100%; }
 +
.menu_wrapper {width:15%;}
 +
.content_wrapper {margin-left: 15%;}
 +
.menu_item {display:block;}
 +
.icon {display:none;}
 +
.highlight {padding:10px 0px;}
 +
}
 +
 +
 +
/* IF THE SCREEN IS LESS THAN 680PX */
 +
 +
@media only screen and (max-width: 680px) {
 +
.collapsable_menu_control { display:block;}
 +
.menu_item {display:none;}
 +
.menu_wrapper { width:100%; height: 15%; position:relative;}
 +
.content_wrapper {width:100%; margin-left:0px;}
 +
.column.half_size {width:100%; }
 +
.column img { width: 100%; padding: 5px 0px;}
 +
.icon {display:block;}
 +
.highlight {padding:15px 5px;}
 +
}
  
 
</style>
 
</style>
 +
 +
 +
 +
 +
<!--- THIS IS WHERE THE HTML BEGINS --->
 +
 +
 +
<!-- This tells the browser that your page is responsive -->
 +
 +
 +
 +
  
  
Line 22: Line 62:
 
 
  
−
if ( wgPageName.substring( 4,  8) == "Template")  {  // if the page is a template it displays the full name in a single line
+
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 );  
 
$("#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 , " ")  );
 +
}
  
  
Line 67: Line 117:
  
 
</script>
 
</script>
 +
 +
 +
 +
  
  
  
 
</html>
 
</html>

Revision as of 22:18, 1 July 2016