Difference between revisions of "Template:2016Bottom"

m (Protected "Template:2016Bottom" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) [cascading])
 
(87 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 {
 
     font-size: 20px;
 
     font-size: 20px;
−
     border: 3px solid #f58631;
+
     border: 3px solid #f17530;
 
     padding: 0px 7px 2px 7px;
 
     padding: 0px 7px 2px 7px;
−
     color: #f58631;
+
     color: #f17530;
 +
background-color: white;
 
     border-radius: 5px;
 
     border-radius: 5px;
 
     cursor: pointer;
 
     cursor: pointer;
Line 24: Line 40:
 
}
 
}
  
 +
.pop_close:hover {
 +
    background-color: #f17530;
 +
color: white;
 +
}
 +
 +
.pop_why_box {
 +
position:fixed;
 +
top: 100px;
 +
border-color: #5ba88a;
 +
}
 +
 +
 +
.pop_why {
 +
    border: 2px solid #5ba88a;
 +
    color: #5ba88a;
 +
}
 +
 +
.pop_why:hover {
 +
background-color: #5ba88a;
 +
}
 +
 +
 +
 +
 +
.gray_line{
 +
border-top: 2px solid #d3d3d3; width:950px; height: 20px;}
 +
 +
#sideMenu a:hover {
 +
text-decoration:none;
 +
}
 +
 +
 +
/* make the background of a div light gray */
 +
#HQ_page .background_lime {
 +
background-color: #e8edaa;
 +
}
 +
 +
 +
#HQ_page .quicklinks a {
 +
color: #4e606e;
 +
}
 +
 +
#HQ_page .quicklinks a:hover {
 +
color: #f27631;
 +
}
 +
 +
 +
#sideMenu {padding-bottom:0px; }
 +
 +
#HQ_page .full_border {padding: 10px 15px;}
 
</style>
 
</style>
  
Line 33: Line 99:
 
hub_list[1]= "Requirements";
 
hub_list[1]= "Requirements";
  
 +
hub_list[2]= "Safety";
  
 +
hub_list[3]= "Judging";
  
 +
hub_list[4]= "Resources";
 +
 +
hub_list[5]= "Test";
 +
 +
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
 +
 +
  
  
  
 
$(document).ready(function(){
 
$(document).ready(function(){
 +
 +
 +
 +
  
  
Line 46: Line 131:
 
var x= $( document ).width();
 
var x= $( document ).width();
  
 +
var w;
 +
var u;
  
 
$(".pop_why").click(function() { //IF A POP WHY IS CLICKED
 
$(".pop_why").click(function() { //IF A POP WHY IS CLICKED
Line 73: Line 160:
 
$(".pop_why_cover").show();
 
$(".pop_why_cover").show();
  
−
var z = $(this).offset().top;
 
  
−
 
+
//w= $(window).height();
−
if ( y - z <= 500 ) {
+
//u= $(".pop_why_content").height();
−
z = z-400 ;
+
//w=w-u;
−
}
+
//w=w/2;
  
  
 
//MODIFY SIZE AND POSITION OF THE POP DIV AND THE BACKGROUND
 
//MODIFY SIZE AND POSITION OF THE POP DIV AND THE BACKGROUND
−
$(".pop_why_box").css("top" , z);
 
−
$(".pop_why_cover").css("height" , y);
 
−
$(".pop_why_cover").css("width" , x);
 
  
  
 +
 +
//$(".pop_why_cover").css("height" , y);
 +
//$(".pop_why_cover").css("width" , x);
 
});
 
});
  
Line 112: 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();
 +
});
 +
 +
 +
 +
  
  
 
</script>
 
</script>
 +
 +
  
 
</html>
 
</html>

Latest revision as of 15:10, 24 August 2016