Difference between revisions of "Template:Queens Canada"

 
(21 intermediate revisions by the same user not shown)
Line 3: Line 3:
 
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
  
 +
//$=document.getElementById()
 +
 
$(document).ready(function() {
 
$(document).ready(function() {
  
 
$("#HQ_page").attr('id','');
 
$("#HQ_page").attr('id','');
 
 
 
 
//highlight current page on the menu
 
//highlight current page on the menu
 
highlight_current_page_menu();
 
highlight_current_page_menu();
Line 74: Line 75:
 
border-left: 1px solid #c4baba;
 
border-left: 1px solid #c4baba;
 
display:block;
 
display:block;
float:right;
+
float:top;
 
height:100vh;  
 
height:100vh;  
max-width: 270px;
+
max-width: auto;
overflow-y: auto;
+
overflow-y: hidden;
overflow-x: hidden;
+
overflow-x: auto;
 
padding:0px;
 
padding:0px;
 
position:fixed;  
 
position:fixed;  
Line 366: Line 367:
 
.igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size img {
 
.igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size img {
 
margin-bottom: 15px;
 
margin-bottom: 15px;
width: 100%;  
+
//width: 100%;  
 
}
 
}
  
Line 520: Line 521:
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
  
<header>
 
        <div class="navbar navbar-inverse">
 
            <div class="navbar-collapse collapse navbar-inverse-collapse">
 
                <ul class="nav navbar-nav">
 
                    <li><a href="https://2018.igem.org/Team:Queens_Canada">HOME</a></li>
 
                    <li class="dropdown active">
 
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">TEAM <b class="caret"></b></a>
 
                        <ul class="dropdown-menu">
 
                            <li><a href="https://2018.igem.org/Team:Queens_Canada/Team">Team members</a></li>
 
                            <li><a href="https://2018.igem.org/Team:Queens_Canada/Team_Acknowledgment">Acknowledgment</a></li>
 
                            <li><a href="https://2018.igem.org/Team:Queens_Canada/Team_Lab">Lab</a></li>
 
                        </ul>
 
                    </li>
 
                    <li class="dropdown">
 
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">PROJECT<b class="caret"></b></a>
 
                        <ul class="dropdown-menu">
 
                            <li><a href="https://2018.igem.org/Team:Queens_Canada/Project">Overview</a></li>
 
                            <li><a href="https://2018.igem.org/Team:Queens_Canada/Project_Background">Background</a></li>
 
                            <li><a href="https://2018.igem.org/Team:Queens_Canada/Project_Design">Design</a></li>
 
                            <li><a href="https://2018.igem.org/Team:Queens_Canada/Project_Result">Result</a></li>
 
                            <li><a href="https://2018.igem.org/Team:Queens_Canada/Project_Future">Future</a></li>
 
                        </ul>
 
                    </li>
 
                    <li>
 
                        <a href="https://2018.igem.org/Team:Queens_Canada/Judging_Achievment">JUDGING</a>
 
                    </li>
 
                    <li class="dropdown">
 
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">SAFETY<b class="caret"></b></a>
 
                        <ul class="dropdown-menu">
 
                            <li><a href="https://2018.igem.org/Team:Queens_Canada/Safety">Biosafety</a></li>
 
                            <li><a href="https://2018.igem.org/Team:Queens_Canada/Safety_Lab_safety">Labsafety</a></li>
 
                        </ul>
 
                    </li>
 
                    <li class="dropdown">
 
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">NOTEBOOK<b class="caret"></b></a>
 
                        <ul class="dropdown-menu">
 
                            <li><a href="https://2018.igem.org/Team:Queens_Canada/Notebook">Lab note</a></li>
 
                            <li><a href="https://2018.igem.org/Team:Queens_Canada/Notebook_Modeling_Note">Modeling note</a</li>
 
                            <li><a href="https://2018.igem.org/Team:Queens_Canada/Notebook_Protocols">Protocols</a></li>
 
                        </ul>
 
                    </li>
 
                </ul>
 
            </div>
 
        </div>
 
        <script>
 
            var leftPlas = $(".topSection .leftPlas");
 
            var originalLeft = leftPlas.offset().left;
 
            $("header .nav > li").mouseover(function () {
 
                if ($(this).offset().left < leftPlas.offset().left) leftPlas[0].src = "https://static.igem.org/mediawiki/2014/8/8c/ObjLeft2.png";
 
                else leftPlas[0].src = "https://static.igem.org/mediawiki/2014/4/41/OUC-China_Index_Plasmid1.png";
 
                leftPlas.css({ left: $(this).offset().left - 50 });
 
            }).mouseout(function () {
 
                leftPlas[0].src = "https://static.igem.org/mediawiki/2014/8/8c/ObjLeft2.png";
 
                leftPlas.css({ left: originalLeft });
 
                setTimeout(function () { leftPlas[0].src = "https://static.igem.org/mediawiki/2014/4/41/OUC-China_Index_Plasmid1.png"; }, 500);
 
            });
 
        </script>
 
    </header>
 
  
  
 +
 +
<div class="igem_2018_team_mobile_bar">
 +
 +
<div class="igem_logo_mobile">
 +
<img src="https://static.igem.org/mediawiki/2018/4/4f/2018_igem_mobile_menu_logo.svg">
 +
</div>
 +
 +
        <div class="igem_menu_control_mobile">
 +
<img id="menu_control_image" src="https://static.igem.org/mediawiki/igem.org/3/3b/Menu_icon.svg">
 +
</div>
 +
 +
</div>
 +
 +
 +
 +
 +
<div class="igem_2018_team_menu displaying_menu">
 +
 +
 +
<a href="https://2018.igem.org/Team:Queens_Canada">
 +
<img src="http://placehold.it/350x150/e4dede/c4baba">
 +
</a>
 +
 +
<a href="https://2018.igem.org/Team:Queens_Canada">
 +
<div class="menu_item direct_link">
 +
HOME
 +
</div>
 +
</a>
 +
 +
<!-- Team -->
 +
<div class="menu_item">
 +
<div class="submenu_control_icon"> </div>
 +
TEAM
 +
</div>
 +
<div class="submenu">
 +
 +
<a href="https://2018.igem.org/Team:Queens_Canada/Team">
 +
<div class="submenu_item">
 +
Team Members
 +
</div>
 +
</a>
 +
 +
<a href="https://2018.igem.org/Team:Queens_Canada/Acknowledgement">
 +
<div class="submenu_item">
 +
Acknowledgement
 +
</div>
 +
</a>
 +
</div>
 +
 +
 +
<!-- Project -->
 +
<div class="menu_item">
 +
<div class="submenu_control_icon"> </div>
 +
PROJECT
 +
</div>
 +
<div class="submenu">
 +
 +
<a href="https://2018.igem.org/Team:Queens_Canada/Description">
 +
<div class="submenu_item">
 +
Overview
 +
</div>
 +
</a>
 +
 +
<a href="https://2018.igem.org/Team:Queens_Canada/Design">
 +
<div class="submenu_item">
 +
Design
 +
</div>
 +
</a>
 +
 +
<a href="https://2018.igem.org/Team:Queens_Canada/InterLab">
 +
<div class="submenu_item">
 +
InterLab
 +
</div>
 +
</a>
 +
 +
 +
<a href="https://2018.igem.org/Team:Queens_Canada/Model">
 +
<div class="submenu_item">
 +
Model
 +
</div>
 +
</a>
 +
 +
<a href="https://2018.igem.org/Team:Queens_Canada/Results">
 +
<div class="submenu_item">
 +
Results
 +
</div>
 +
</a>
 +
 +
<a href="https://2018.igem.org/Team:Queens_Canada/Attributions">
 +
<div class="submenu_item">
 +
Attributions
 +
</div>
 +
</a>
 +
 +
</div>
 +
 +
 +
 +
 +
<a href="https://2018.igem.org/Team:Queens_Canada/Safety">
 +
<div class="menu_item direct_link">
 +
SAFETY
 +
</div>
 +
</a>
 +
 +
 +
 +
 +
 +
 +
<div class="menu_item">
 +
<div class="submenu_control_icon"> </div>
 +
HUMAN PRACTICES
 +
</div>
 +
 +
<div class="submenu">
 +
 +
<a href="https://2018.igem.org/Team:Queens_Canada/Human_Practices">
 +
<div class="submenu_item">
 +
Human Practices
 +
</div>
 +
</a>
 +
 +
 +
<a href="https://2018.igem.org/Team:Queens_Canada/Public_Engagement">
 +
<div class="submenu_item">
 +
Education & Engagement
 +
</div>
 +
</a>
 +
 +
</div>
 +
 +
 +
 +
 +
 +
<div class="menu_item">
 +
<div class="submenu_control_icon"> </div>
 +
AWARDS
 +
</div>
 +
 +
<div class="submenu">
 +
 +
<a href="https://2018.igem.org/Team:Queens_Canada/Applied_Design">
 +
<div class="submenu_item">
 +
Applied Design
 +
</div>
 +
</a>
 +
 +
<a href="https://2018.igem.org/Team:Queens_Canada/Entrepreneurship">
 +
<div class="submenu_item">
 +
Entrepreneurship
 +
</div>
 +
</a>
 +
 +
<a href="https://2018.igem.org/Team:Queens_Canada/Hardware">
 +
<div class="submenu_item">
 +
Hardware
 +
</div>
 +
</a>
 +
 +
<a href="https://2018.igem.org/Team:Queens_Canada/Measurement">
 +
<div class="submenu_item">
 +
Measurement
 +
</div>
 +
</a>
 +
 +
<a href="https://2018.igem.org/Team:Queens_Canada/Plant">
 +
<div class="submenu_item">
 +
Plant
 +
</div>
 +
</a>
 +
 +
 +
<a href="https://2018.igem.org/Team:Queens_Canada/Software">
 +
<div class="submenu_item">
 +
Software
 +
</div>
 +
</a>
 +
 +
</div>
 +
 +
 +
 +
<a href="https://igem.org/2018_Judging_Form?team=Queens_Canada">
 +
<div class="menu_item direct_link">
 +
JUDGING FORM
 +
</div>
 +
</a>
 +
 +
 +
 +
 +
 +
</div>
  
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->

Latest revision as of 14:35, 29 June 2018