Difference between revisions of "Template:Queens Canada"

 
(60 intermediate revisions by 4 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
−
 
−
<div class="c-navbar">
 
−
<div class="container-fluid" style="padding-left: 20px; padding-right: 20px;">
 
−
<!-- BEGIN: BRAND -->
 
−
<div class="c-navbar-wrapper clearfix">
 
−
<div class="c-brand c-pull-left">
 
−
<a href="https://2016.igem.org/Team:UofC_Calgary" class="c-logo">                                         
 
−
<img src="https://static.igem.org/mediawiki/2016/9/9a/Logo-1.png" alt="iGEM" class="c-desktop-logo">
 
−
<img src="https://static.igem.org/mediawiki/2016/9/9a/Logo-1.png" alt="iGEM" class="c-desktop-logo-inverse">
 
−
<img src="https://static.igem.org/mediawiki/2016/9/9a/Logo-1.png" alt="iGEM" class="c-mobile-logo">
 
−
</a>
 
−
<button class="c-hor-nav-toggler" type="button" data-target=".c-mega-menu">
 
−
<span class="c-line"></span>
 
−
<span class="c-line"></span>
 
−
<span class="c-line"></span>
 
−
</button>
 
−
</div>
 
−
<!-- END: BRAND -->
 
−
<!-- BEGIN: HOR NAV -->
 
−
<!-- BEGIN: LAYOUT/HEADERS/MEGA-MENU -->
 
−
<!-- BEGIN: MEGA MENU -->
 
−
<!-- BEGIN: MEGA MENU -->
 
−
<nav class="c-mega-menu c-pull-right c-mega-menu-dark c-mega-menu-dark-mobile c-fonts-uppercase c-fonts-bold">
 
−
<!-- BEGIN: MEGA MENU -->
 
−
<ul class="nav navbar-nav c-theme-nav">
 
−
<li class="c-active c-menu-type-classic">
 
−
<a href="https://2016.igem.org/Team:UofC_Calgary" class="c-link dropdown-toggle">Home</a>
 
−
</li>
 
−
<li class="c-menu-type-classic">
 
−
<a href="https://2016.igem.org/Team:UofC_Calgary/Description" class="c-link dropdown-toggle">Project</a>
 
−
<ul class="dropdown-menu c-menu-type-inline c-pull-left">
 
−
<li>
 
−
<a href="https://2016.igem.org/Team:UofC_Calgary/Description">Problem</a>
 
−
</li>
 
−
<li>
 
−
<a href="https://2016.igem.org/Team:UofC_Calgary/Experiments">Our Experiments</a>
 
−
</li>
 
−
                                                                <li>
 
−
<a href="https://2016.igem.org/Team:UofC_Calgary/Results">Our Results</a>
 
−
</li>
 
−
                                                                <li>
 
−
<a href="https://2016.igem.org/Team:UofC_Calgary/Model">Model</a>
 
−
</li>
 
−
<li>
 
−
<a href="https://2016.igem.org/Team:UofC_Calgary/Design">Applied Design</a>
 
−
</li>
 
−
<li>
 
−
<a href="https://2016.igem.org/Team:UofC_Calgary/Parts">Parts Registry</a>
 
−
                                                                <li>
 
−
                                                                <a href="https://2016.igem.org/Team:UofC_Calgary/Composite_Part">Composite Parts</a>
 
−
</li>
 
−
</li>
 
−
</ul>
 
−
</li>
 
−
<li class="c-menu-type-classic">
 
−
<a href="https://2016.igem.org/Team:UofC_Calgary/Judging" class="c-link">Judging</a>
 
−
</li>
 
−
 
−
<li class="c-menu-type-classic">
 
−
<a href="https://2016.igem.org/Team:UofC_Calgary/Human_Practices" class="c-link dropdown-toggle">Human Practices</a>
 
−
<ul class="dropdown-menu c-menu-type-inline c-pull-left">
 
−
<li>
 
−
<a href="https://2016.igem.org/Team:UofC_Calgary/Integrated_Practices">Integrated Practices</a>
 
−
</li>
 
−
<li>
 
−
<a href="https://2016.igem.org/Team:UofC_Calgary/Collaborations">Collaborations</a>
 
−
</li>
 
−
<li>
 
−
<a href="https://2016.igem.org/Team:UofC_Calgary/Engagement">Engagement</a>
 
−
</li>
 
−
<li>
 
−
<a href="https://2016.igem.org/Team:UofC_Calgary/Safety">Safety</a>
 
−
</li>
 
−
<li>
 
−
<a href="https://2016.igem.org/Team:UofC_Calgary/HP/Silver">Silver</a>
 
−
</li>
 
−
<li>
 
−
<a href="https://2016.igem.org/Team:UofC_Calgary/HP/Gold">Gold</a>
 
−
</li>
 
−
<li>
 
−
                                    <a href="https://2016.igem.org/Team:UofC_Calgary/Policy"> Policy Brief </a>
 
−
                                    </li>
 
−
</ul>
 
−
</li>
 
−
                                <li class="c-menu-type-classic">
 
−
<a href="https://2016.igem.org/Team:UofC_Calgary/Notebook" class="c-link">Notebook</a>
 
−
</li>
 
−
<li class="c-menu-type-classic">
 
−
<a href="https://2016.igem.org/Team:UofC_Calgary/Team" class="c-link dropdown-toggle">Team</a>
 
−
<ul class="dropdown-menu c-menu-type-inline c-pull-left">
 
−
                                                                <li>
 
−
<a href="https://2016.igem.org/Team:UofC_Calgary/Team">Meet Our Team</a>
 
−
</li>
 
−
<li>
 
−
<a href="https://2016.igem.org/Team:UofC_Calgary/Attributions">Attributions</a>
 
−
</li>
 
−
                             
 
−
</ul>
 
−
</li>
 
−
 
−
<li>
 
−
<a href="https://2016.igem.org/Main_Page" data-toggle="modal" data-target="#login-form" class="c-btn-border-opacity-04 c-btn btn-no-focus c-btn-header btn btn-sm c-btn-border-1x c-btn-white c-btn-circle c-btn-sbold"><i class="icon-chemistry"></i> iGEM </a>
 
−
</li>
 
−
<li class="c-quick-sidebar-toggler-wrapper">
 
−
<a href="#" class="c-quick-sidebar-toggler">
 
−
<span class="c-line"></span>
 
−
<span class="c-line"></span>
 
−
<span class="c-line"></span>
 
−
</a>
 
−
</li>
 
−
</ul>
 
−
<!-- END MEGA MENU -->
 
−
</nav>
 
−
<!-- END: MEGA MENU -->
 
−
<!-- END: LAYOUT/HEADERS/MEGA-MENU -->
 
−
<!-- END: HOR NAV -->
 
−
</div>
 
−
</div>
 
−
</div>
 
−
</header>
 
−
<!-- END: HEADER -->
 
−
<!-- END: LAYOUT/HEADERS/HEADER-1 -->
 
−
<!-- BEGIN: LAYOUT/SIDEBARS/QUICK-SIDEBAR -->
 
−
<nav class="c-layout-quick-sidebar">
 
−
<div class="c-header">
 
−
<button type="button" class="c-link c-close">
 
−
<i class="icon-login"></i>
 
−
</button>
 
−
</div>
 
−
<div class="c-content">
 
−
<div class="c-section">
 
−
<h3>Theme Colors</h3>
 
−
<div class="c-settings">
 
−
<span class="c-color c-default c-active" data-color="default"></span>
 
−
<span class="c-color c-green1" data-color="green1"></span>
 
−
<span class="c-color c-green2" data-color="green2"></span>
 
−
<span class="c-color c-green3" data-color="green3"></span>
 
−
<span class="c-color c-yellow1" data-color="yellow1"></span>
 
−
<span class="c-color c-yellow2" data-color="yellow2"></span>
 
−
<span class="c-color c-yellow3" data-color="yellow3"></span>
 
−
<span class="c-color c-red1" data-color="red1"></span>
 
−
<span class="c-color c-red2 " data-color="red2"></span>
 
−
<span class="c-color c-red3" data-color="red3"></span>
 
−
<span class="c-color c-purple1" data-color="purple1"></span>
 
−
<span class="c-color c-purple2" data-color="purple2"></span>
 
−
<span class="c-color c-purple3" data-color="purple3"></span>
 
−
<span class="c-color c-blue1" data-color="blue1"></span>
 
−
<span class="c-color c-blue2" data-color="blue2"></span>
 
−
<span class="c-color c-blue3" data-color="blue3"></span>
 
−
<span class="c-color c-brown1" data-color="brown1"></span>
 
−
<span class="c-color c-brown2" data-color="brown2"></span>
 
−
<span class="c-color c-brown3" data-color="brown3"></span>
 
−
<span class="c-color c-dark1" data-color="dark1"></span>
 
−
<span class="c-color c-dark2" data-color="dark2"></span>
 
−
<span class="c-color c-dark3" data-color="dark3"></span>
 
−
</div>
 
−
</div>
 
−
<div class="c-section">
 
−
<h3>Header Type</h3>
 
−
<div class="c-settings">
 
−
<input type="button" class="c-setting_header-type btn btn-sm c-btn-square c-btn-border-1x c-btn-white c-btn-sbold c-btn-uppercase active" data-value="boxed" value="boxed"/>
 
−
<input type="button" class="c-setting_header-type btn btn-sm c-btn-square c-btn-border-1x c-btn-white c-btn-sbold c-btn-uppercase" data-value="fluid" value="fluid"/>
 
−
</div>
 
−
</div>
 
−
<div class="c-section">
 
−
<h3>Header Mode</h3>
 
−
<div class="c-settings">
 
−
<input type="button" class="c-setting_header-mode btn btn-sm c-btn-square c-btn-border-1x c-btn-white c-btn-sbold c-btn-uppercase active" data-value="fixed" value="fixed"/>
 
−
<input type="button" class="c-setting_header-mode btn btn-sm c-btn-square c-btn-border-1x c-btn-white c-btn-sbold c-btn-uppercase" data-value="static" value="static"/>
 
−
</div>
 
−
</div>
 
−
<div class="c-section">
 
−
<h3>Mega Menu Style</h3>
 
−
<div class="c-settings">
 
−
<input type="button" class="c-setting_megamenu-style btn btn-sm c-btn-square c-btn-border-1x c-btn-white c-btn-sbold c-btn-uppercase active" data-value="dark" value="dark"/>
 
−
<input type="button" class="c-setting_megamenu-style btn btn-sm c-btn-square c-btn-border-1x c-btn-white c-btn-sbold c-btn-uppercase" data-value="light" value="light"/>
 
−
</div>
 
−
</div>
 
−
<div class="c-section">
 
−
<h3>Font Style</h3>
 
−
<div class="c-settings">
 
−
<input type="button" class="c-setting_font-style btn btn-sm c-btn-square c-btn-border-1x c-btn-white c-btn-sbold c-btn-uppercase active" data-value="default" value="default"/>
 
−
<input type="button" class="c-setting_font-style btn btn-sm c-btn-square c-btn-border-1x c-btn-white c-btn-sbold c-btn-uppercase" data-value="light" value="light"/>
 
−
</div>
 
−
</div>
 
−
</div>
 
−
</nav>
 
−
 
−
<style>
 
−
        body {
 
−
            background-color: #02094c;
 
−
            background-repeat: repeat;
 
−
            background-image: url(https://static.igem.org/mediawiki/2017/6/65/T--Queens_Canada--MastAnimalCell.jpeg);
 
−
            position: relative;
 
−
        }
 
−
</style>
 
  
 
<script>
 
<script>
Line 296: Line 100:
 
#sideMenu, #top_title, .patrollink  {display:none;}
 
#sideMenu, #top_title, .patrollink  {display:none;}
 
#content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px;}
 
#content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px;}
−
body {background-color:white; }
+
body {background-image: url("https://static.igem.org/mediawiki/2017/8/80/Ice-Binding-DNA--.jpeg"); background-repeat: no-repeat}
 
#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; }
 +
html,body{overflow-x: hidden;}
  
 
 
Line 417: Line 222:
 
/* Wrapper for the content */
 
/* Wrapper for the content */
 
.igem_2017_content_wrapper {
 
.igem_2017_content_wrapper {
−
width: 81%;
+
width: 100%;
−
margin: 2%;
+
margin: 0%;
 
display:block;
 
display:block;
 
float:left;  
 
float:left;  
−
background-color:white;  
+
background: linear-gradient(to left top, #2080d7, #050547) fixed; <!background of generic page>
 
font-family:Tahoma, Geneva, sans-serif;  
 
font-family:Tahoma, Geneva, sans-serif;  
 
}
 
}
Line 433: Line 238:
 
border-bottom: 0px;  
 
border-bottom: 0px;  
 
color: #3399ff;
 
color: #3399ff;
−
}
+
      }
  
  
Line 524: Line 329:
 
/* styling for images in a full width column*/
 
/* styling for images in a full width column*/
 
.column.full_size img {  
 
.column.full_size img {  
−
width:97%;  
+
width:100%;  
−
padding: 10px 15px;
+
padding: 0px 0px;
 
}
 
}
  
Line 621: Line 426:
 
.igem_2017_content_wrapper {width:100%; margin-left:0px;}
 
.igem_2017_content_wrapper {width:100%; margin-left:0px;}
 
.column.half_size  {width:100%; }
 
.column.half_size  {width:100%; }
−
.column.full_size img, .column.half_size img {  width: 100%; padding: 10px 0px;}  
+
.column.full_size img, .column.half_size img {  width: 100%; padding: 0px 0px;}  
 
.highlight {padding:15px 5px;}
 
.highlight {padding:15px 5px;}
 
.igem_2017_menu_wrapper #display_menu_control { display:block; }
 
.igem_2017_menu_wrapper #display_menu_control { display:block; }
Line 646: Line 451:
  
 
<!--- THIS IS WHERE THE HTML BEGINS --->
 
<!--- THIS IS WHERE THE HTML BEGINS --->
−
 
  
  
Line 656: Line 460:
 
</head>
 
</head>
  
−
 
−
 
−
<div class="igem_2017_menu_wrapper" >
 
−
 
−
 
−
 
−
<a href="https://2017.igem.org/Team:Queens_Canada">
 
−
<img src="http://placehold.it/350x150">
 
−
</a>
 
−
 
−
 
−
<!-- this div is hidden by default and will only be displayed if the screen size is too small -->
 
−
<div class="menu_button" id="display_menu_control">
 
−
MENU 
 
−
</div>
 
−
 
−
<div id="menu_content">
 
−
 
−
 
−
 
−
 
−
<a href="https://2017.igem.org/Team:Queens_Canada">
 
−
<div class="menu_button direct_to_page">
 
−
HOME
 
−
</div>
 
−
</a>
 
−
 
−
 
−
 
−
<div class="menu_button">
 
−
<div class="expand_collapse_icon">  </div> TEAM
 
−
</div>
 
−
 
−
<div class="submenu_wrapper" id="team_submenu">
 
−
 
−
<a href="https://2017.igem.org/Team:Queens_Canada/Team">
 
−
<div class="submenu_button" id="Team_page">
 
−
Team
 
−
</div>
 
−
</a>
 
−
 
−
<a href="https://2017.igem.org/Team:Queens_Canada/Collaborations">
 
−
<div class="submenu_button"  id="Collaborations_page">
 
−
Collaborations
 
−
</div>
 
−
</a>
 
−
 
−
 
−
</div>
 
−
 
−
 
−
 
−
 
−
 
−
<div class="menu_button">
 
−
<div class="expand_collapse_icon">  </div> PROJECT
 
−
</div>
 
−
 
−
<!-- project submenu -->
 
−
<div class="submenu_wrapper">
 
−
 
−
<a href="https://2017.igem.org/Team:Queens_Canada/Description">
 
−
<div class="submenu_button"  id="Description_page">
 
−
Description
 
−
</div>
 
−
</a>
 
−
 
−
<a href="https://2017.igem.org/Team:Queens_Canada/Design">
 
−
<div class="submenu_button"  id="Design_page">
 
−
Design
 
−
</div>
 
−
</a>
 
−
 
−
<a href="https://2017.igem.org/Team:Queens_Canada/Experiments">
 
−
<div class="submenu_button"  id="Experiments_page">
 
−
Experiments
 
−
</div>
 
−
</a>
 
−
 
−
 
−
<a href="https://2017.igem.org/Team:Queens_Canada/Notebook">
 
−
<div class="submenu_button"  id="Notebook_page">
 
−
Notebook
 
−
</div>
 
−
</a>
 
−
 
−
<a href="https://2017.igem.org/Team:Queens_Canada/InterLab">
 
−
<div class="submenu_button"  id="InterLab_page">
 
−
InterLab
 
−
</div>
 
−
</a>
 
−
 
−
<a href="https://2017.igem.org/Team:Queens_Canada/Contribution">
 
−
<div class="submenu_button"  id="Contribution_page">
 
−
Contribution
 
−
</div>
 
−
</a>
 
−
 
−
<a href="https://2017.igem.org/Team:Queens_Canada/Model">
 
−
<div class="submenu_button"  id="Model_page">
 
−
Model
 
−
</div>
 
−
</a>
 
−
 
−
<a href="https://2017.igem.org/Team:Queens_Canada/Results">
 
−
<div class="submenu_button"  id="Results_page">
 
−
Results
 
−
</div>
 
−
</a>
 
−
 
−
 
−
<a href="https://2017.igem.org/Team:Queens_Canada/Demonstrate">
 
−
<div class="submenu_button"  id="Demonstrate_page">
 
−
Demonstrate
 
−
</div>
 
−
</a>
 
−
 
−
<a href="https://2017.igem.org/Team:Queens_Canada/Improve">
 
−
<div class="submenu_button"  id="Improve_page">
 
−
Improve
 
−
</div>
 
−
</a>
 
−
 
−
<a href="https://2017.igem.org/Team:Queens_Canada/Attributions">
 
−
<div class="submenu_button"  id="Attributions_page">
 
−
Attributions
 
−
</div>
 
−
</a>
 
−
 
−
</div>
 
−
 
−
 
−
 
−
 
−
 
−
 
−
<div class="menu_button">
 
−
<div class="expand_collapse_icon">  </div> PARTS
 
−
</div>
 
−
 
−
<!-- parts submenu -->
 
−
<div class="submenu_wrapper">
 
−
 
−
<a href="https://2017.igem.org/Team:Queens_Canada/Parts">
 
−
<div class="submenu_button"  id="Parts_page">
 
−
Parts
 
−
</div>
 
−
</a>
 
−
 
−
<a href="https://2017.igem.org/Team:Queens_Canada/Basic_Part">
 
−
<div class="submenu_button"  id="Basic_Part_page">
 
−
Basic Parts
 
−
</div>
 
−
</a>
 
−
 
−
<a href="https://2017.igem.org/Team:Queens_Canada/Composite_Part">
 
−
<div class="submenu_button"  id="Composite_Part_page">
 
−
Composite Parts
 
−
</div>
 
−
</a>
 
−
 
−
<a href="https://2017.igem.org/Team:Queens_Canada/Part_Collection">
 
−
<div class="submenu_button"  id="Part_Collection_page">
 
−
Part Collection
 
−
</div>
 
−
</a>
 
−
</div>
 
−
 
−
 
−
 
−
 
−
 
−
 
−
<a href="https://2017.igem.org/Team:Queens_Canada/Safety">
 
−
<div class="menu_button direct_to_page">
 
−
SAFETY
 
−
</div>
 
−
</a>
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
<div class="menu_button" >
 
−
<div class="expand_collapse_icon">  </div> HUMAN PRACTICES
 
−
</div>
 
−
 
−
<!-- human practices submenu -->
 
−
<div class="submenu_wrapper">
 
−
 
−
<a href="https://2017.igem.org/Team:Queens_Canada/HP/Silver">
 
−
<div class="submenu_button"  id="Silver_page">
 
−
Silver HP
 
−
</div>
 
−
</a>
 
−
 
−
<a href="https://2017.igem.org/Team:Queens_Canada/HP/Gold_Integrated">
 
−
<div class="submenu_button" id="Gold_Integrated_page">
 
−
Integrated and Gold
 
−
</div>
 
−
</a>
 
−
 
−
 
−
<a href="https://2017.igem.org/Team:Queens_Canada/Engagement">
 
−
<div class="submenu_button"  id="Engagement_page">
 
−
Public Engagement
 
−
</div>
 
−
</a>
 
−
 
−
</div>
 
−
 
−
 
−
<div class="menu_button">
 
−
<div class="expand_collapse_icon">  </div> AWARDS
 
−
</div>
 
−
 
−
<!-- awards submenu -->
 
−
<div class="submenu_wrapper">
 
−
 
−
<a href="https://2017.igem.org/Team:Queens_Canada/Applied_Design">
 
−
<div class="submenu_button"  id="Applied_Design_page">
 
−
Applied Design
 
−
</div>
 
−
</a>
 
−
 
−
<a href="https://2017.igem.org/Team:Queens_Canada/Entrepreneurship">
 
−
<div class="submenu_button"  id="Entrepreneurship_page">
 
−
Entrepreneurship
 
−
</div>
 
−
</a>
 
−
 
−
<a href="https://2017.igem.org/Team:Queens_Canada/Hardware">
 
−
<div class="submenu_button"  id="Hardware_page">
 
−
Hardware
 
−
</div>
 
−
</a>
 
−
 
−
<a href="https://2017.igem.org/Team:Queens_Canada/Measurement">
 
−
<div class="submenu_button"  id="Measurement_page">
 
−
Measurement
 
−
</div>
 
−
</a>
 
−
 
−
<a href="https://2017.igem.org/Team:Queens_Canada/Model">
 
−
<div class="submenu_button"  id="Model_page">
 
−
Model
 
−
</div>
 
−
</a>
 
−
 
−
<a href="https://2017.igem.org/Team:Queens_Canada/Plant">
 
−
<div class="submenu_button"  id="Plant_page">
 
−
Plant
 
−
</div>
 
−
</a>
 
−
 
−
 
−
<a href="https://2017.igem.org/Team:Queens_Canada/Software">
 
−
<div class="submenu_button"  id="Software_page">
 
−
Software
 
−
</div>
 
−
</a>
 
−
 
−
 
−
</div>
 
−
 
−
              <a href="https://igem.org/Team:Queens_Canada/Gallery">
 
−
              <div class="menu_button direct_to_page">
 
−
                        GALLERY
 
−
</div>
 
−
                </a>
 
−
 
−
 
−
 
−
 
−
<a href="https://igem.org/2017_Judging_Form?team=Queens_Canada">
 
−
<div class="menu_button direct_to_page">
 
−
JUDGING FORM
 
−
</div>
 
−
</a>
 
−
 
−
 
−
 
−
<div class="menu_bottom_padding" >
 
−
</div>
 
−
 
−
</div>
 
−
 
−
 
−
 
−
 
−
</div>
 
  
  
Line 954: Line 465:
 
<!-- start of content -->
 
<!-- start of content -->
 
<div class="igem_2017_content_wrapper">
 
<div class="igem_2017_content_wrapper">
−
<h1>Queens_Canada</h1>
+
<!-- <h1>Queens_Canada</h1> -->

Latest revision as of 18:21, 24 August 2017