Difference between revisions of "Template:2016Bottom"

m (Protected "Template:2016Bottom" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) [cascading])
 
(32 intermediate revisions by 2 users not shown)
Line 2: Line 2:
  
 
<style>
 
<style>
 +
 +
 +
#home_logo {display:none;}
 +
#menuDisplay { margin-top:-5px;}
 +
 +
 
.pop_why_cover{     
 
.pop_why_cover{     
−
top: 40px;
+
display:none;
−
left: 0px;
+
z-index: 90;
−
height:0px;
+
top: 0px;
−
width:0px;
+
left: 0px;
−
}
+
width: 100vw;
 +
height: 101%;
 +
float: left;
 +
position: absolute;
 +
opacity: 0.5;
 +
background-color: #b2b2b2;
 +
margin: 0px;
 +
padding:0px;
  
 +
}
  
 +
.specific_page_menu { margin: 0px -15px 20px -15px; background-color:#f2f2f2; padding:15px; }
  
 
.pop_close {
 
.pop_close {
Line 33: Line 48:
 
position:fixed;
 
position:fixed;
 
top: 100px;
 
top: 100px;
 +
border-color: #5ba88a;
 
}
 
}
  
Line 71: Line 87:
  
  
−
#sideMenu {padding-bottom:0px;}
+
#sideMenu {padding-bottom:0px; }
 +
 
 +
#HQ_page .full_border {padding: 10px 15px;}
 
</style>
 
</style>
  
Line 90: Line 108:
  
 
hub_list[6]= "Team_Information";
 
hub_list[6]= "Team_Information";
 +
 +
hub_list[7]= "Community";
 +
 +
hub_list[8]= "Tracks";
 +
 +
hub_list[8]= "Giant_Jamboree";
  
 
var which_why= "why_default"; //STORES WHAT WHY IS BEING CALLED, has a default assigned
 
var which_why= "why_default"; //STORES WHAT WHY IS BEING CALLED, has a default assigned
Line 98: Line 122:
  
 
$(document).ready(function(){
 
$(document).ready(function(){
 +
  
  
Line 136: Line 161:
  
  
−
w= $(window).height();
+
//w= $(window).height();
−
u=  $(".pop_why_content").height();
+
//u=  $(".pop_why_content").height();
−
w=w-u;
+
//w=w-u;
−
w=w/2;
+
//w=w/2;
  
  
Line 146: Line 171:
  
  
−
$(".pop_why_cover").css("height" , y);
+
//$(".pop_why_cover").css("height" , y);
−
$(".pop_why_cover").css("width" , x);
+
//$(".pop_why_cover").css("width" , x);
 
});
 
});
  
Line 173: Line 198:
 
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
  
−
$(".click_open").click(function() {
+
$(".click_open").click(function() {
 +
var myself = $(this);
 +
var my_content = myself.find(".click_content");
 +
var my_icon = myself.find(".click_icon");
 +
 
 +
if ( my_content.is(':visible')) {
 +
my_content.hide();
 +
my_icon.html("▼");
 +
myself.css("background-color", "#f2f2f2");
 +
}
 +
 
 +
else {
 +
my_content.show();
 +
my_icon.html("▶");
 +
myself.css("background-color", "#ffffff");
 +
}
 +
});
 +
 
 +
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 +
 
 +
 
 +
 
  
−
//if the content is hidden, show it
 
−
if ( $('.click_content:visible').length == 0) {
 
−
$(".click_content").show();
 
−
$(".click_icon").html("▶");
 
−
$(".click_open").css("background-color", "#ffffff");
 
−
}
 
  
−
else {
 
−
$(".click_content").hide();
 
−
$(".click_icon").html("▼");
 
−
$(".click_open").css("background-color", "#f2f2f2");
 
−
}
 
  
−
});
 
  
 
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 +
 +
 +
 +
$(".menu_control").click(function() {
 +
$("#sideMenu").toggle();
 +
$(".menu_cover").toggle();
 +
});
 +
 +
$(".menu_cover").click(function() {
 +
$("#sideMenu").toggle();
 +
$(".menu_cover").toggle();
 +
});
 +
 +
  
  
Line 196: Line 244:
  
 
</script>
 
</script>
 +
 +
  
 
</html>
 
</html>

Latest revision as of 15:10, 24 August 2016