Difference between revisions of "Team:UNOTT/Medal Criteria"

 
(44 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
{{:Team:UNOTT/Template/NavBarTest}}
 
{{:Team:UNOTT/Template/NavBarTest}}
−
 
−
<
 
 
<html lang="en">
 
<html lang="en">
 
<head>
 
<head>
−
<meta charset="UTF-8">
+
<link href="https://2017.igem.org/Team:UNOTT/Template/FontAwesome?action=raw&ctype=text/css" rel="stylesheet">
−
<title></title>
+
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
−
 
+
−
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,700">
+
 
<style>
 
<style>
−
@charset "utf-8";
+
#medals{
−
/* CSS Document */
+
width: 40%;
−
 
+
left:30%;
−
/* ---------- GENERAL ---------- */
+
position: relative;
−
 
+
min-height: 1px;
−
body {
+
right: -300px;
−
background: #e5e5e5;
+
padding-left: 15px;
−
color: #272727;
+
−
font: 16px/40px "Open Sans", sans-serif;
+
−
margin: 0;
+
 
}
 
}
  
−
h2 { margin: 0; }
 
−
 
−
hr {
 
−
background: #5e5e5e;
 
−
border: none;
 
−
height: 1px;
 
−
margin: 0;
 
−
min-height: 1px;
 
−
}
 
−
 
−
ul {
 
−
list-style: none;
 
−
margin: 0;
 
−
padding: 0;
 
−
}
 
−
 
−
.container {
 
−
height: 320px;
 
−
left: 50%;
 
−
margin: -160px 0 0 -152px;
 
−
position: absolute;
 
−
top: 50%;
 
−
width: 304px;
 
−
}
 
−
 
−
/* ---------- To-Do-List ---------- */
 
−
 
−
.to-do-list {
 
−
background: -webkit-linear-gradient(top, #aaa, #fff 2%);
 
−
background: -moz-linear-gradient(top, #aaa, #fff 2%);
 
−
background: -o-linear-gradient(top, #aaa, #fff 2%);
 
−
background: -ms-linear-gradient(top, #aaa, #fff 2%);
 
−
background: linear-gradient(top, #aaa, #fff 2%);
 
−
-webkit-background-size: 100% 40px;
 
−
-moz-background-size: 100% 40px;
 
−
background-size: 100% 40px;
 
−
border-radius: 5px;
 
−
-webkit-box-shadow: 0 1px  0 rgba(0,  0,  0,  0.200),
 
−
0 3px  0 rgba(255, 255, 255, 1.0),
 
−
0 4px  0 rgba(0,  0,  0,  0.15),
 
−
0 6px  0 rgba(255, 255, 255, 1.0);
 
−
font-size: 14px;
 
−
padding: 40px 32px;
 
−
width: 240px;
 
−
}
 
−
 
−
.to-do-list h2 {
 
−
color: #5e5e5e;
 
−
font-size: 28px;
 
−
font-weight: bold;
 
−
}
 
−
 
−
.to-do-list input[type=checkbox] {
 
−
cursor: pointer;
 
−
position: relative;
 
−
visibility: hidden;
 
−
}
 
−
 
−
.to-do-list input[type="checkbox"]:after {
 
−
border: 1px solid #166B94;
 
−
border-radius: 3px;
 
−
color: #fff;
 
−
content: "";
 
−
display: block;
 
−
height: 16px;
 
−
line-height: 16px;
 
−
position: absolute;
 
−
text-align: center;
 
−
visibility: visible;
 
−
width: 16px;
 
−
}
 
−
 
−
.to-do-list input[type=checkbox]:checked:after {
 
−
border: 1px solid #979797;
 
−
color: #979797;
 
−
content: "✓";
 
−
}
 
−
 
−
.to-do-list input[type=checkbox]:checked + label {
 
−
color: #979797;
 
−
font-weight: normal;
 
−
text-decoration: line-through;
 
−
}
 
−
 
−
.to-do-list label {
 
−
color: #166B94;
 
−
font-weight: bold;
 
−
margin-left: 12px;
 
−
}
 
 
</style>
 
</style>
 +
</head>
  
−
</head>
 
 
<body>
 
<body>
  
−
<div class="container">
+
<div id="container" style=" background-color: #02263E;">
 +
<p><span style="color: #ffffff;">&nbsp;</span></p>
 +
<p>&nbsp;</p>
 +
<p><span style="color: #ffffff;">&nbsp;</span></p>
 +
<h1 style="text-align: center;"><span style="color: #ffffff;">MEDAL CRITERIA</span></h1>
 +
<p><span style="color: #ffffff;">&nbsp;</span></p>
 +
</div>
  
−
<div class="to-do-list">
+
<div id="medals">
−
+
<h2 style="color:#cc6633;">BRONZE <img src="https://static.igem.org/mediawiki/2017/c/ce/T--UNOTT--Bronze.png"style="height:auto;width:100px;"></h2>
−
<h2>Bronze Medal</h2>
+
<p> <i class="fa fa-check-square-o fa-2x" aria-hidden="true"></i> Register and attend </p>
 +
<p> <i class="fa fa-check-square-o fa-2x" aria-hidden="true"></i> Meet all deliverable requirements </p>
  
−
<hr>
+
<p> <i class="fa fa-check-square-o fa-2x" aria-hidden="true"></i> <a href="https://2017.igem.org/Team:UNOTT/Attributions">Create and complete an Attributions page </a>  </p>
 +
<p> <i class="fa fa-check-square-o fa-2x" aria-hidden="true"></i> <a href="https://2017.igem.org/Team:UNOTT/InterLab">Take part in the InterLab study and/or improve an existing BioBrick part </a></p>
  
−
<ul>
 
  
−
<li>
+
<h2 style="color: #C0C0C0;"> SILVER <img src="https://static.igem.org/mediawiki/2017/5/5b/T--UNOTT--Silver.png"style="height:auto;width:100px;"> </h2>
−
<input id="checkbox1" type="checkbox" checked>
+
<p> <i class="fa fa-check-square-o fa-2x" aria-hidden="true"></i> <a href="https://2017.igem.org/Team:UNOTT/Parts">Validated part / Contribution</a> </p>
−
<label for="checkbox1">Register and attend Jamboree</label>
+
<p> <i class="fa fa-check-square-o fa-2x" aria-hidden="true"></i> <a href="https://2017.igem.org/Team:UNOTT/Collaborations">Collaboration </a></p>
−
</li>
+
<p> <i class="fa fa-check-square-o fa-2x" aria-hidden="true"></i> <a href="https://2017.igem.org/Team:UNOTT/HP/Silver">Human practices</a> </p>
−
+
−
<li>
+
−
<input id="checkbox2" type="checkbox" checked>
+
−
<label for="checkbox2">Deliverables</label>
+
−
</li>
+
  
−
<li>
+
<h2 style="color:#FFD700;"> GOLD  <img src="https://static.igem.org/mediawiki/2017/2/2b/T--UNOTT--Gold.png" style="height:auto;width:100px;"> </h2>
−
<input id="checkbox3" type="checkbox">
+
<p> <i class="fa fa-check-square-o fa-2x" aria-hidden="true"></i> <a href="https://2017.igem.org/Team:UNOTT/Model">Model your project</a></p>
−
<label for="checkbox3">Attributions</label>
+
<p> <i class="fa fa-check-square-o fa-2x" aria-hidden="true"></i> <a href="https://2017.igem.org/Team:UNOTT/Demonstrate">Demonstrate your project works</a></p>
−
</li>
+
<br>
 +
<br>
 +
<br>
 +
<br>
  
−
<li>
 
−
<input id="checkbox4" type="checkbox">
 
−
<label for="checkbox4">Characterisation</label>
 
−
</li>
 
  
−
<li>
+
</div>
−
<input id="checkbox5" type="checkbox">
+
</body>
−
<label for="checkbox5">Take part in Interlab study</label>
+
−
</li>
+
−
+
−
</ul>
+
  
−
</div> <!-- end to-do-list -->
 
−
 
−
</div> <!-- end container -->
 
−
 
−
</body>
 
  
 
</html>
 
</html>
 +
{{:Team:UNOTT/Template/Footer}}

Latest revision as of 22:25, 1 November 2017

 

 

 

MEDAL CRITERIA