Difference between revisions of "Template:2015Bottom"

 
(8 intermediate revisions by the same user not shown)
Line 5: Line 5:
  
  
.footerWrap {
+
#footerWrap {
 
background-color: #f2f2f2;
 
background-color: #f2f2f2;
 
width: 980px;
 
width: 980px;
 
height: 125px;
 
height: 125px;
margin-top:-20px;
+
margin-top:-20px;
z-index:100;
+
z-index:100;
 
}
 
}
  
#insideFooter {
+
.insideFooter {
 
float:right;
 
float:right;
 
width: 170px;
 
width: 170px;
Line 19: Line 19:
 
height: 103px;
 
height: 103px;
 
margin: auto;
 
margin: auto;
background-color: #f2f2f2;
 
}
 
  
 
.footerWrap ul li{
 
font-family: "Arial", Helvetica, sans-serif;
 
font-size: 11px;
 
list-style:none;
 
 
}
 
}
 
  
 
.insideFooter img{
 
.insideFooter img{
Line 37: Line 29:
  
  
.footerWrap ul li a{
+
#footerWrap ul li{
 +
font-family: "Arial", Helvetica, sans-serif;
 +
font-size: 11px;
 +
list-style:none;
 +
}
 +
 
 +
#footerWrap ul li a{
 
font-weight: bold;
 
font-weight: bold;
 
color: #434343;
 
color: #434343;
Line 43: Line 41:
 
}
 
}
  
.footerWrap ul li a:hover{
+
#footerWrap ul li a:hover{
 
color:#3aa76c;
 
color:#3aa76c;
 
text-decoration:none;
 
text-decoration:none;
Line 55: Line 53:
  
 
<!-- footer links -->
 
<!-- footer links -->
<div class="footerWrap">
+
<div id="footerWrap">
<div style="clear:both;"></div>
+
  
 
+
<div class="insideFooter">
 
+
 
+
 
+
<div id="insideFooter">
+
 
<ul>
 
<ul>
<li><a href="https://2015.igem.org/Requirements">Requirements</a></li>
+
<li><a href="https://igem.org/Press_Kit">Press Kit </a></li>
<li><a href="https://2015.igem.org/Calendar_of_Events">Calendar</a></li>
+
<li><a href="https://igem.org/Newsletters">Newsletter</a></li>
<li><a href="https://2015.igem.org/Meetups">Meetups</a></li>
+
<li><a href="https://2015.igem.org/Giant_Jamboree">Giant Jamboree </a></li>
+
 
+
 
</ul>
 
</ul>
 
</div>
 
</div>
  
 
+
<div class="insideFooter">
<div id="insideFooter">
+
 
<ul>
 
<ul>
 
<li><a href="https://2015.igem.org/Special:Upload">Upload Files</a> </li>
 
<li><a href="https://2015.igem.org/Special:Upload">Upload Files</a> </li>
Line 82: Line 71:
  
  
 
+
<div class="insideFooter">
<div id="insideFooter">
+
 
<ul>
 
<ul>
<li><a href="https://igem.org/Press_Kit">Press Kit </a></li>
+
<li><a href="https://2015.igem.org/Requirements">Requirements</a></li>
<li><a href="https://igem.org/Newsletters">Newsletter</a></li>
+
<li><a href="https://2015.igem.org/Calendar_of_Events">Calendar</a></li>
 +
<li><a href="https://2015.igem.org/Meetups">Meetups</a></li>
 +
<li><a href="https://2015.igem.org/Giant_Jamboree">Giant Jamboree </a></li>
 +
 
 
</ul>
 
</ul>
 
</div>
 
</div>
<div id="insideFooter">
+
 
 +
<div class="insideFooter">
 
<ul>
 
<ul>
 
<li><a href="https://igem.org/About">About</a></li>
 
<li><a href="https://igem.org/About">About</a></li>
Line 98: Line 90:
 
</ul>
 
</ul>
 
</div>
 
</div>
<div style="width:160px;">
 
  
</div>
+
 
  
 
</div>
 
</div>
 +
 +
 +
<script type="text/javascript">
 +
$(document).ready(function() {
 +
 +
 +
// Places first heading on top part of the page, inside a h1(#placeHeading) in #pageTitle
 +
$('.firstHeading').prependTo('#placeHeading');
 +
 +
// Attaches a hover script to every item with the class 'pop_why'
 +
$('.pop_why').hover(
 +
        function() {
 +
                      // Does the pop_why need to be installed?
 +
                if ( ! $(this).children('.pop_why_div').length ) {
 +
                        $(this).append("<DIV class='pop_why_div' style='display:block'>Loading...</div>");
 +
                              $(this).find('.pop_why_div').load( $(this).attr("data-poptitle") + '?action=raw' );
 +
                }
 +
                var foo = $(this).find('.pop_why_div').show();
 +
        } ,
 +
        function() {
 +
                $(this).find('.pop_why_div').clearQueue();
 +
        $(this).find('.pop_why_div').hide();
 +
                $(this).find('.pop_why_div').clearQueue();
 +
                $(this).find('.pop_why_div').hide();
 +
}
 +
        );
 +
 +
});
 +
</script>
 +
 +
  
 
<!-- Click binding for "click to expand" boxes (see Code Documentation for details) -->
 
<!-- Click binding for "click to expand" boxes (see Code Documentation for details) -->
Line 110: Line 132:
 
jQuery(this).next("div").slideToggle();
 
jQuery(this).next("div").slideToggle();
 
}).next("div").hide();
 
}).next("div").hide();
 +
 +
 
</script>
 
</script>
 +
 +
<script>
 +
$(document).ready(function(){
 +
  if ($('#fullWidth').length){
 +
        $('#igemLogo').css('position','relative');
 +
    }
 +
});
 +
 +
 +
$(document).ready(function(){
 +
if ($('#mw-previewheader').length > 0) {
 +
$('#leftColumn').css('display', 'none');
 +
$('#igemLogo').css('display', 'none');
 +
}
 +
});
 +
 +
</script>
 +
 +
  
  
 
</html>
 
</html>

Latest revision as of 22:54, 4 June 2015