Difference between revisions of "Team:Dundee Schools/Parts"

 
(16 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
 +
 
<style>
 
<style>
  
Line 6: Line 7:
 
#sideMenu, #top_title {display:none;}
 
#sideMenu, #top_title {display:none;}
 
#content { padding:0px; width:1000px; margin-top:-7px; margin-left:0px;}
 
#content { padding:0px; width:1000px; margin-top:-7px; margin-left:0px;}
 +
body {background-color:#bcc8dd; }
 +
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
  
−
 
+
/********************************* MENU ********************************/
−
/********************************* RESPONSIVE STYLING ********************************/
+
−
 
+
−
/* IF THE SCREEN IS LESS THAN 1000PX */
+
−
 
+
−
@media only screen and (max-width: 1000px) {
+
−
 
+
−
#content {width:100%; }
+
−
.menu_wrapper {width:15%;}
+
−
.content_wrapper {margin-left: 15%;}
+
−
.menu_item {display:block;}
+
−
.icon {display:none;}
+
−
.highlight {padding:10px 0px;}
+
−
}
+
−
 
+
−
 
+
−
/* IF THE SCREEN IS LESS THAN 10CM */
+
−
 
+
−
@media only screen and (max-width: 10cm) {
+
−
.nav_links { display:; width:;}
+
−
#aside { display:;}
+
−
#mia { margin-top:;}
+
−
}
+
−
 
+
−
</style>
+
−
 
+
−
<!-------------------------------------------------OWN CODE--------------------------------------------------------->
+
−
 
+
−
<!--iGEM HS Wiki HTML:Parts-->
+
−
<!--Darryl Sime, started 2/8/16-->
+
−
 
+
−
<head>
+
−
  <meta name="viewport" content="width=device-width, initial-scale=1">
+
−
  <title>Dundee Schools: Parts</title>
+
−
</head>
+
−
 
+
−
<body>
+
−
  <!--CSS-->
+
−
  <style>
+
 
/* Wrapper for the menu */
 
/* Wrapper for the menu */
 
.menu_wrapper {  
 
.menu_wrapper {  
−
width:16vw;  
+
width:150px;  
 
height:100vh;  
 
height:100vh;  
 
position:fixed;  
 
position:fixed;  
 
padding:0px;
 
padding:0px;
 
float:left;  
 
float:left;  
−
background-color:#ffffff;  
+
background-color:#a8bce1;  
 
text-align:left;
 
text-align:left;
 
}
 
}
Line 62: Line 27:
 
margin:-2px 0px 0px -20px;  
 
margin:-2px 0px 0px -20px;  
 
padding: 10px 10px;   
 
padding: 10px 10px;   
−
border-bottom: 1px solid #d3d3d3;  
+
border-bottom: 1px solid white;  
 
font-weight:bold;
 
font-weight:bold;
−
color:#000000;  
+
color:white;  
 
cursor: pointer;  
 
cursor: pointer;  
 
}
 
}
Line 71: Line 36:
 
.menu_item:hover {  
 
.menu_item:hover {  
 
color:#000000;  
 
color:#000000;  
−
background-color: #eead69;
+
background-color: #c4d1e9;
 
}
 
}
  
Line 104: Line 69:
 
padding: 15px 0px 15px 15px ;  
 
padding: 15px 0px 15px 15px ;  
 
display:block;
 
display:block;
−
border-bottom: 1px solid #34878f;   
+
border-bottom: 1px solid #d3d3d3;   
 
text-align:left;  
 
text-align:left;  
 
font-weight:bold;
 
font-weight:bold;
 
text-decoration:none;  
 
text-decoration:none;  
−
color:#000000;  
+
color:white;  
 
list-style-type:none;  
 
list-style-type:none;  
 
cursor:pointer;  
 
cursor:pointer;  
Line 122: Line 87:
 
padding: 11px 90px 12px 20px;
 
padding: 11px 90px 12px 20px;
 
text-decoration: none;
 
text-decoration: none;
−
color:black;
+
color:white;
 
}
 
}
  
 
/* When hovering on a menu item */
 
/* When hovering on a menu item */
 
.menu_items li:hover {  
 
.menu_items li:hover {  
−
background-color:#34878f;
+
background-color:#a8bce1;
 
color: #000000;
 
color: #000000;
 
}
 
}
Line 160: Line 125:
 
padding: 5px 10px;  
 
padding: 5px 10px;  
 
display: inline-block;
 
display: inline-block;
−
border-bottom: 1px solid #d3d3d3;
+
border-bottom: 1px solid white;
−
background-color:white;  
+
background-color:#c1cfe8;  
 
text-decoration:none;
 
text-decoration:none;
−
color:#000000;  
+
color:white;  
 
}
 
}
  
Line 169: Line 134:
  
 
.submenu li a:hover  {
 
.submenu li a:hover  {
−
background-color:#f1f89b;  
+
background-color:#a3b6d7;  
−
color: #ffffff;
+
color:black;
 
}
 
}
  
Line 195: Line 160:
 
background-color: #72c9b6;
 
background-color: #72c9b6;
 
color:#000000;   
 
color:#000000;   
 +
}
 +
 +
/********************************* CONTENT OF THE PAGE ********************************/
 +
 +
/* Wrapper for the content */
 +
.content_wrapper {
 +
width: 85%;
 +
margin-left:150px;
 +
padding:10px 0px;
 +
float:left;
 +
background-color:white;
 +
}
 +
 +
/*LAYOUT */
 +
.column  {
 +
padding: 10px 0px;
 +
float:left;
 +
background-color:white;
 +
}
 +
 +
.full_size {
 +
width:100%;
 +
}
 +
 +
.full_size img {
 +
padding: 10px 15px;
 +
width:96.5%;
 +
}
 +
 +
.half_size {
 +
width: 50%;
 +
}
 +
.half_size img {
 +
padding: 10px 15px;
 +
width: 93%;
 +
}
 +
 +
 +
.clear {
 +
clear:both;
 +
}
 +
 +
.highlight {
 +
width: 90%;
 +
margin: auto;
 +
padding: 15px 5px;
 +
background-color: #f2f2f2;
 +
}
 +
 +
 +
/*STYLING */
 +
 +
/* styling for the titles */
 +
.content_wrapper h1, .content_wrapper h2 {
 +
padding:5px 15px;
 +
border-bottom:0px;
 +
color:#72c9b6;
 +
 +
}
 +
.content_wrapper h3, .content_wrapper h4, .content_wrapper h5, .content_wrapper h6 {
 +
padding:5px 15px;
 +
border-bottom:0px;
 +
color: #000000; 
 +
}
 +
 +
 +
/* font and text */
 +
.content_wrapper p {
 +
padding:0px 15px;
 +
font-size: 13px;
 +
font-family:Tahoma, Geneva, sans-serif;
 +
}
 +
 +
/* Links */
 +
.content_wrapper a {
 +
font-weight: bold;
 +
text-decoration: underline;
 +
text-decoration-color:#72c9b6;
 +
color: #72c9b6;
 +
-webkit-transition: all 0.4s ease;
 +
-moz-transition: all 0.4s ease;
 +
-ms-transition: all 0.4s ease;
 +
-o-transition: all 0.4s ease;
 +
transition: all 0.4s ease;
 +
}
 +
 +
/* hover for the links */
 +
.content_wrapper a:hover {
 +
text-decoration:none;
 +
color:#000000;
 +
}
 +
 +
/* non numbered lists */
 +
.content_wrapper ul {
 +
padding:0px 20px;
 +
font-size: 13px;
 +
font-family:Tahoma, Geneva, sans-serif;
 +
}
 +
 +
/* numbered lists */
 +
.content_wrapper ol {
 +
padding:0px;
 +
font-size: 13px;
 +
font-family:Tahoma, Geneva, sans-serif;
 +
}
 +
 +
/* Table */
 +
.content_wrapper table {
 +
width: 97%;
 +
margin:15px 10px;
 +
border: 1px solid #d3d3d3;
 +
border-collapse: collapse;
 +
}
 +
 +
/* table cells */
 +
.content_wrapper  td {
 +
padding: 10px;
 +
vertical-align: text-top;
 +
border: 1px solid #d3d3d3;
 +
border-collapse: collapse;
 +
}
 +
 +
/* table headers */
 +
.content_wrapper th {
 +
padding: 10px;
 +
vertical-align: text-top;
 +
border: 1px solid #d3d3d3;
 +
border-collapse: collapse;
 +
background-color:#f2f2f2;
 +
}
 +
 +
/* Button class */
 +
.button_click {
 +
margin: 10px auto;
 +
padding: 15px; width:12%; 
 +
text-align:center;
 +
font-weight:bold;
 +
background-color: #72c9b6;
 +
cursor:pointer; 
 +
-webkit-transition: all 0.4s ease;
 +
-moz-transition: all 0.4s ease;
 +
-ms-transition: all 0.4s ease;
 +
-o-transition: all 0.4s ease;
 +
transition: all 0.4s ease;
 +
}
 +
 +
/* button class on hover */
 +
.button_click:hover { 
 +
background-color:#000000;
 +
color:#72c9b6;
 +
}
 +
 +
/********************************* RESPONSIVE STYLING ********************************/
 +
 +
/* IF THE SCREEN IS LESS THAN 1000PX */
 +
 +
@media only screen and (max-width: 1000px) {
 +
 +
#content {width:100%; }
 +
.menu_wrapper {width:15%;}
 +
.content_wrapper {margin-left: 15%;}
 +
.menu_item {display:block;}
 +
.icon {display:none;}
 +
.highlight {padding:10px 0px;}
 +
}
 +
 +
 +
/* IF THE SCREEN IS LESS THAN 680PX */
 +
 +
@media only screen and (max-width: 680px) {
 +
.collapsable_menu_control { display:block;}
 +
.menu_item {display:none;}
 +
.menu_wrapper { width:100%; height: 15%; position:relative;}
 +
.content_wrapper {width:100%; margin-left:0px;}
 +
.column.half_size {width:100%; }
 +
.column img { width: 100%; padding: 5px 0px;}
 +
.icon {display:block;}
 +
.highlight {padding:15px 5px;}
 
}
 
}
  
Line 200: Line 343:
  
  
−
<!--HTML-->
+
 
 +
 
 +
<!--- THIS IS WHERE THE HTML BEGINS --->
 +
 
 +
 
 +
<!-- This tells the browser that your page is responsive -->
 +
 
 +
<head>
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
</head>
 +
 
 +
 
 +
 
  
 
<div class="menu_wrapper" >
 
<div class="menu_wrapper" >
Line 216: Line 371:
 
<li class="menu_item"> <div class="icon plus"></div> TEAM
 
<li class="menu_item"> <div class="icon plus"></div> TEAM
 
<ul class="submenu">
 
<ul class="submenu">
−
<li> <a href=" https://2016.igem.org/Team:Dundee_Schools/Team"> Team  </a> </li>
+
<li> <a href=" https://2016.igem.org/Team:Dundee_Schools/Team"> Meet the Agents  </a> </li>
−
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Collaborations">★  Collaborations </a> </li>
+
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Collaborations"> Collaborations </a> </li>
 
                     </ul>
 
                     </ul>
 
                 </li>
 
                 </li>
Line 223: Line 378:
 
<li class="menu_item"> <div class="icon plus"></div> PROJECT   
 
<li class="menu_item"> <div class="icon plus"></div> PROJECT   
 
<ul class="submenu">
 
<ul class="submenu">
−
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Description"> ★  Description </a></li>
+
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Description">   Description </a></li>
−
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Design"> ★ Design </a></li>
+
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Design"> Design </a></li>
 
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Experiments"> Experiments </a></li>
 
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Experiments"> Experiments </a></li>
−
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Proof"> ★ Proof of Concept </a></li>
+
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Proof"> Proof of Concept </a></li>
−
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Demonstrate"> ★ Demonstrate </a></li>
+
 
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Results"> Results </a></li>
 
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Results"> Results </a></li>
 
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Notebook"> Notebook </a></li>
 
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Notebook"> Notebook </a></li>
Line 236: Line 390:
 
<ul class="submenu">
 
<ul class="submenu">
 
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Parts">Parts </a></li>
 
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Parts">Parts </a></li>
−
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Basic_Part"> ★ Basic Parts </a></li>
+
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Basic_Part"> Basic Parts </a></li>
−
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Composite_Part"> ★ Composite Parts </a></li>
+
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Composite_Part"> Composite Parts </a></li>
−
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Part_Collection"> ★ Part Collection </a></li>
+
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Part_Collection"> Part Collection </a></li>
 
                     </ul>
 
                     </ul>
 
                 </li>
 
                 </li>
Line 246: Line 400:
  
  
−
<li class="menu_item"> <a href="https://2016.igem.org/Team:Dundee_Schools/Attributions">★  ATTRIBUTIONS </a></li>
+
<li class="menu_item"> <a href="https://2016.igem.org/Team:Dundee_Schools/Attributions"> ATTRIBUTIONS </a></li>
  
  
Line 252: Line 406:
 
<ul class="submenu">
 
<ul class="submenu">
 
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Human_Practices"> Human Practices </a></li>
 
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Human_Practices"> Human Practices </a></li>
−
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/HP/Silver">★ Silver </a></li>
+
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/HP/Silver"> Silver </a></li>
−
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/HP/Gold">★ Gold </a></li>
+
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/HP/Gold">Gold </a></li>
−
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Integrated_Practices"> ★ Integrated Practices </a></li>
+
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Integrated_Practices"> Integrated Practices </a></li>
−
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Engagement">★ Engagement </a></li>
+
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Engagement"> Engagement </a></li>
 
                     </ul>
 
                     </ul>
 
                 </li>
 
                 </li>
Line 262: Line 416:
 
<li class="menu_item"> <div class="icon plus"></div> AWARDS  
 
<li class="menu_item"> <div class="icon plus"></div> AWARDS  
 
<ul class="submenu">
 
<ul class="submenu">
−
<li><a href="https://2016.igem.org/Team:Dundee_Schools/Entrepreneurship"> ★ Entrepreneurship </a></li>
+
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Model">Modelling </a></li>
−
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Hardware"> ★ Hardware </a></li>
+
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Medals">Medals</a></li>
−
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Software">★ Software </a></li>
+
−
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Measurement">★  Measurement </a></li>
+
−
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Model">★ Model </a></li>
+
−
 
+
 
                     </ul>
 
                     </ul>
 
                 </li>
 
                 </li>
Line 274: Line 424:
 
</div>
 
</div>
  
−
</body>
+
 
 +
 
 +
 
 +
 
 +
<div class="content_wrapper">
 +
 
 +
 
 +
<h1 id="team_name"> Dundee Schools </h1>
 +
<h4 id="page_name"> Parts </h4>
 +
 
 +
 
 +
<p>We have submitted 9 new BioBrick parts to the registry.<br></br>
 +
 
 +
We have submitted <a href="https://2016.igem.org/Team:Dundee_Schools/Basic_Part">6 Basic Parts</a>:
 +
<ul>
 +
<li>BBa_K1963000</li>
 +
<li>BBa_K1963001</li>
 +
<li>BBa_K1963002</li>
 +
<li>BBa_K1963004</li>
 +
<li>BBa_K1963005</li>
 +
<li>BBa_K1963006</li>
 +
</ul>
 +
 
 +
<br></br>
 +
 
 +
And <a href="https://2016.igem.org/Team:Dundee_Schools/Composite_Part">3 Composite Parts</a>
 +
<ul>
 +
<li>BBa_K1963007</li>
 +
<li>BBa_K1963008</li>
 +
<li>BBa_K1963009</li>
 +
</ul></p>
 +
 
 +
<groupparts>iGEM016 Dundee_Schools</groupparts>
 +
 
 +
</div>
 +
 
 +
 
 +
 
 +
 
 +
 
 
<script>
 
<script>
  
Line 335: Line 524:
 
});
 
});
  
−
if( ($(location).attr('href')).indexOf("submit") >= 0  ) {
+
 
−
$(".menu_wrapper").css( { "position": "absolute", "height": "auto"});
+
−
$("#wpTextbox1").css( 'margin-top', '440px');
+
−
}
+
  
  
 
</script>
 
</script>
 +
  
 
</html>
 
</html>

Latest revision as of 02:49, 20 October 2016

MENU ▤

Dundee Schools

Parts

We have submitted 9 new BioBrick parts to the registry.

We have submitted 6 Basic Parts:

  • BBa_K1963000
  • BBa_K1963001
  • BBa_K1963002
  • BBa_K1963004
  • BBa_K1963005
  • BBa_K1963006


And 3 Composite Parts
  • BBa_K1963007
  • BBa_K1963008
  • BBa_K1963009

iGEM016 Dundee_Schools