HuangQiulin (Talk | contribs) |
HuangQiulin (Talk | contribs) |
||
(103 intermediate revisions by the same user not shown) | |||
Line 6: | Line 6: | ||
#sideMenu, #top_title {display:none;} | #sideMenu, #top_title {display:none;} | ||
− | #content { padding:0px; width: | + | #content { padding:0px; width:101.7%; margin-top:-5px; margin-left:-24px;} |
− | body {background-color: | + | 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; } | ||
Line 65: | Line 65: | ||
/* styling for the li that are the menu items */ | /* styling for the li that are the menu items */ | ||
.menu_items li { | .menu_items li { | ||
− | width: | + | width:100%; |
margin-top:-2px; | margin-top:-2px; | ||
padding: 15px 0px 15px 15px ; | padding: 15px 0px 15px 15px ; | ||
Line 186: | Line 186: | ||
.full_size img { | .full_size img { | ||
padding: 10px 15px; | padding: 10px 15px; | ||
− | width: | + | width:100%; |
} | } | ||
.half_size { | .half_size { | ||
− | width: | + | width: 100%; |
} | } | ||
.half_size img { | .half_size img { | ||
padding: 10px 15px; | padding: 10px 15px; | ||
− | width: | + | width: 100%; |
} | } | ||
Line 203: | Line 203: | ||
.highlight { | .highlight { | ||
− | width: | + | width: 100%; |
margin: auto; | margin: auto; | ||
padding: 15px 5px; | padding: 15px 5px; | ||
Line 213: | Line 213: | ||
display: block; | display: block; | ||
margin: 5px 15px; | margin: 5px 15px; | ||
− | width: | + | width: 100%; |
font-weight:bold; | font-weight:bold; | ||
} | } | ||
Line 276: | Line 276: | ||
/* Table */ | /* Table */ | ||
.content_wrapper table { | .content_wrapper table { | ||
− | width: | + | width: 100%; |
margin:15px 10px; | margin:15px 10px; | ||
border: 1px solid #d3d3d3; | border: 1px solid #d3d3d3; | ||
Line 302: | Line 302: | ||
.button_click { | .button_click { | ||
margin: 10px auto; | margin: 10px auto; | ||
− | padding: 15px; width: | + | padding: 15px; width:100%; |
text-align:center; | text-align:center; | ||
font-weight:bold; | font-weight:bold; | ||
Line 320: | Line 320: | ||
} | } | ||
+ | /********************************* RESPONSIVE STYLING ********************************/ | ||
+ | |||
+ | |||
+ | </style> | ||
Line 329: | Line 333: | ||
<!-- This tells the browser that your page is responsive --> | <!-- 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> |
Latest revision as of 19:24, 27 July 2016