Difference between revisions of "Team:TEC-Costa Rica/Template:Stylesheet"

Line 1: Line 1:
 
<html>
 
<html>
−
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
+
<head>
−
<link href="https://fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet">
+
    <meta charset="utf-8">
−
<style type="text/css">
+
<meta name="viewport" content="initial-scale=1.0,width=device-width"/>
 +
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
 +
<link rel="stylesheet" href="https://2016.igem.org/Team:TEC-Costa_Rica/css/stylesheet.css">
 +
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
 +
<style type="text/css">
 +
.synbiothon .concept {
 +
display: block;
 +
text-align: center;
 +
margin: 0 auto 0 auto;
 +
width: 80%
 +
}
 +
</style>
 +
</head>
 +
<body>
 +
<header>
 +
  <div class="container">
 +
<navbar class="navbar navbar-inverse navbar-fixed-top" role="navigation">
 +
<div class="container-fluid">
 +
<div class="navbar-header">
 +
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
 +
<span class="sr-only">Toggle navigation</span>
 +
<span class="icon-bar" ></span>
 +
<span class="icon-bar"></span>
 +
<span class="icon-bar"></span>
 +
</button>
 +
<a class="navbar-brand" href="https://2016.igem.org/Team:TEC-Costa_Rica">
 +
<img id="prostal-logo" alt="Prostal Brand" class="featurette-image img-responsive center-block" src="https://static.igem.org/mediawiki/2016/0/0e/T--TEC-Costa_Rica--prostal_logo.png"></a>
 +
</div>
  
−
/* Setting the WIKI config to default. START */
+
<div id="navbar" class="collapse navbar-collapse pull-right">
−
* {
+
<ul class="nav navbar-nav">
−
margin: 0;
+
<li class="dropdown"><a style="color: #e0e0d1;" href="https://2016.igem.org/Team:TEC-Costa_Rica">Home</a></li>
−
padding: 0;
+
<li class="dropdown">
−
border: 0;
+
<a style="color: #e0e0d1;" href="https://2016.igem.org/Team:TEC-Costa_Rica/Team">Team</a>
−
font-size: 100%;
+
<ul class="dropdown-menu">
−
font: inherit;
+
<li><a href="https://2016.igem.org/Team:TEC-Costa_Rica/Team/Members">Members</a></li>
−
vertical-align: baseline;
+
<li><a href="https://2016.igem.org/Team:TEC-Costa_Rica/Team/Instructors">Instructors</a></li>
−
}
+
<li><a href="https://2016.igem.org/Team:TEC-Costa_Rica/Team/Advisors">Advisors</a></li>
−
#globalWrapper {
+
</ul>
−
margin: 0 auto;
+
</li>
−
padding: 0;
+
<li class="dropdown">
−
top: 0;
+
<a style="color: #e0e0d1;" href="https://2016.igem.org/Team:TEC-Costa_Rica/Project">Project</a>
−
left: 0;
+
<ul class="dropdown-menu">
−
bottom: 0;
+
<li><a href="https://2016.igem.org/Team:TEC-Costa_Rica/Project/System">System</a></li>
−
width: 100%;
+
<li><a href="https://2016.igem.org/Team:TEC-Costa_Rica/Project/Modelling_Simulations">Modelling & Simulations</a></li>
−
height: auto;
+
<li><a href="https://2016.igem.org/Team:TEC-Costa_Rica/Project/Parts">Parts</a></li>
−
position: relative;
+
<li><a href="https://2016.igem.org/Team:TEC-Costa_Rica/Project/Collaborations">Collaborations</a></li>
−
overflow: visible;
+
<li><a href="https://2016.igem.org/Team:TEC-Costa_Rica/Project/Safety">Safety</a></li>
−
background-color: transparent;
+
</ul>
−
}
+
</li>
−
#content {
+
<li class="dropdown">
−
margin: 0;
+
<a style="color: #e0e0d1;" href="https://2016.igem.org/Team:TEC-Costa_Rica/Judging">Judging</a>
−
padding: 0;
+
<ul class="dropdown-menu">
−
border: none;
+
<li><a href="https://2016.igem.org/Team:TEC-Costa_Rica/Judging/Golden_Medals">Golden Medals</a></li>
−
top: 0;
+
<li><a href="https://2016.igem.org/Team:TEC-Costa_Rica/Judging/Silver_Medals">Silver Medals</a></li>
−
left: 0;
+
<li><a href="https://2016.igem.org/Team:TEC-Costa_Rica/Judging/Bronze_Medals">Bronze Medals</a></li>
−
bottom: 0;
+
</ul>
−
width: 100%;
+
</li>
−
height: auto;
+
<li class="dropdown active">
−
position: relative;
+
<a style="color: #e0e0d1;" href="https://2016.igem.org/Team:TEC-Costa_Rica/Human_Practice">Human Practice</a>
−
z-index: 1;
+
<ul class="dropdown-menu">
−
background-color: transparent;
+
<li><a href="https://2016.igem.org/Team:TEC-Costa_Rica/Human_Practice/Synbiothon">Synbiothon</a></li>
−
}
+
</ul>
−
#bodyContent, #HQ_page, #mw-content-text {
+
</li>
−
margin: 0 auto;
+
<li class="dropdown">
−
padding: 0;
+
<a style="color: #e0e0d1;" href="https://2016.igem.org/Team:TEC-Costa_Rica/Notebook">Notebook</a>
−
border: none;
+
<ul class="dropdown-menu">
−
border-color: none;
+
<li><a href="https://2016.igem.org/Team:TEC-Costa_Rica/Notebook/Laboratory">Laboratory</a></li>
−
top: 0;
+
<li><a href="https://2016.igem.org/Team:TEC-Costa_Rica/Notebook/Protocols">Protocols</a></li>
−
left: 0;
+
</ul>
−
bottom: 0;
+
</li>
−
height: auto;
+
<li class="dropdown"><a style="color: #e0e0d1;" href="https://2016.igem.org/Team:TEC-Costa_Rica/Interlab">Interlab</a></li>
−
width: 100%;
+
</ul>
−
position: relative;
+
</div>
−
background-color: transparent;
+
</div>
−
}
+
</navbar>
−
#top_title, #sideMenu, #top_menu_under { display: none; }
+
</div>
−
#top_menu_14 { position: fixed; }
+
</header>
−
/* Setting the WIKI config to default. END */
+
</body>
−
 
+
</html>
−
body {
+
{{:Team:TEC-Costa_Rica/Template:Stylesheet}}
−
background: #FFFFFF url('https://static.igem.org/mediawiki/2016/4/4c/T--TEC-Costa_Rica--gplaypattern_background.png') top left repeat;
+
<html>
−
}
+
<body>
−
#HQ_page h1, #HQ_page h2, #HQ_page h3 {
+
<main class="synbiothon well">
−
font-family: 'Poppins', sans-serif;
+
<h1>SynBioThon 2016: rewriting the code</h1>
−
font-weight: bold;
+
<div class="concept" style="text-align: center;">
−
}
+
<h2>Concept</h2>
−
#HQ_page h1 { font-size: 26px; }
+
<p>SynBioThon 2016 (SBT16) is a Synthetic Biology tournament, in which teams of students work for a weekend to create a genetic device that can solve some kind of problem.</p>
−
#HQ_page h2 { font-size: 22px; }
+
</div>
−
#HQ_page h3 { font-size: 18px; }
+
<h2>Reach</h2>
−
#HQ_page p {
+
<p>For SBT16, we had diverse talks in different classes and universities, trying to reach the most diverse participants. In our college (TEC), we spoke with people of different majors (Biotechnology Engineering, Material Science, Agricultural Engineering, and others). We also went to two other public universities: University of Costa Rica (UCR), where we spoke with people of Biology, Microbiology and Pharmacy, and the National University (UNA), where wetalked to students of Biology. We also gave talks in private universities such as UCIMED (Medical School), LEAD University (Business Management), and others.</p>
−
font-family: 'Lato', sans-serif;
+
<p>Prior to the event, we had preparatory workshops with students so they could get a grasp of genetics, molecular biology, and bioinformatics if they weren’t familiar with them. We had three workshops at UCR, one at UNA, and four at TEC. We had obout 80 students overall in a full-day session. We had a theoric section where we explained the basics of genetics and molecular biology, and then an activity to test the concepts, and after lunch a demonstrative session of bioinformatics, centered in databases and benchling, which was followed by work.</p>
−
font-size: 16px;
+
<h2>Mentors and Judges</h2>
−
margin: 0;
+
<h2>Projects</h2>
−
padding: 0;
+
<h2>Evaluation</h2>
−
border: 0;
+
<h2>The winners</h2>
−
}
+
</main>
−
 
+
</body>
−
/* NAVBAR settings. START */
+
−
navbar {
+
−
box-shadow: 5px 4px 5px #000;
+
−
font-family: 'Open Sans', sans-serif;
+
−
margin-top: 16px;
+
−
background: #FFFFFF url('https://static.igem.org/mediawiki/2016/7/7e/T--TEC-Costa_Rica--lodyas_background.png') top left repeat;
+
−
}
+
−
.navbar-nav li a {
+
−
line-height: 25px;
+
−
font-family: 'Poppins', sans-serif;
+
−
font-weight: normal;
+
−
text-transform: uppercase;
+
−
font-size: 12px;
+
−
}
+
−
.dropdown .dropdown-menu { margin: 0; }
+
−
.dropdown:hover {
+
−
border-bottom: 2px solid white;
+
−
background-color: black;
+
−
}
+
−
.active {
+
−
border-bottom: 2px solid white;
+
−
}
+
−
.navbar-toggle {
+
−
margin-top: 15px;
+
−
}
+
−
.navbar-brand {
+
−
padding-top: 7.5px;
+
−
}
+
−
.navbar-brand img {
+
−
height: 50px;
+
−
width: 125px;
+
−
}
+
−
.navbar .container-fluid {
+
−
width: 85%;
+
−
}
+
−
/* NAVBAR settings. START */
+
−
 
+
−
/* MAIN settings. START */
+
−
.well { background-color: rgba(245, 245, 245, 0.8); }
+
−
 
+
−
main {
+
−
width: 90%;
+
−
height: 100%;
+
−
display: block;
+
−
margin: auto;
+
−
margin-top: 90px;
+
−
position: relative;
+
−
padding-bottom: 200px;
+
−
padding-left: 25;
+
−
padding-right: 25;
+
−
}
+
−
main li {
+
−
font-family: 'Lato', sans-serif;
+
−
font-size: 16px;
+
−
}
+
−
main h1, main h2, main h3 { margin: 0; }
+
−
 
+
−
/* FOOTER settings. START */
+
−
footer {
+
−
background-color: #3c3d41;
+
−
padding: 20px;
+
−
color: rgba(255, 255, 255, 1.00);
+
−
background: #FFFFFF url('https://static.igem.org/mediawiki/2016/7/7e/T--TEC-Costa_Rica--lodyas_background.png') top left repeat;
+
−
width: 100%;
+
−
height: auto;
+
−
bottom: 0;
+
−
}
+
−
footer .row {
+
−
width: 85%;
+
−
height: auto;
+
−
display: block;
+
−
margin: 0 auto 0 auto;
+
−
}
+
−
footer .col-md-4 {
+
−
padding: 0 25px;
+
−
height: auto;
+
−
border-color: transparent;
+
−
}
+
−
.footer-brand img { display: inline; }
+
−
.footer-brand #igem-logo {
+
−
height: 50px;
+
−
width: 50px;
+
−
}
+
−
.footer-brand #tec-costarica-logo {
+
−
height: 40px;
+
−
width: 125px;
+
−
}
+
−
.footer-brand p {
+
−
font-size: 12px;
+
−
color: rgba(255, 255, 255, 0.70);
+
−
text-align: left;
+
−
font-weight: normal;
+
−
font-family: 'Poppins', sans-serif;
+
−
}
+
−
.footer-sponsors .sponsors {
+
−
list-style: none;
+
−
margin-left: 0;
+
−
}
+
−
.footer-sponsors .sponsors li { margin-bottom: 5px; }
+
−
.footer-sponsors #logo-lisanatura {
+
−
height: 40px;
+
−
width: 125px;
+
−
}
+
−
.footer-sponsors #logo-ipci {
+
−
height: 90px;  
+
−
width: 140px;
+
−
}
+
−
.footer-sponsors #logo-enhmed {
+
−
height: 80px;
+
−
width: 100px;
+
−
}
+
−
.footer-sponsors #logo-snapgene {
+
−
height: 40px;
+
−
width: 125px;
+
−
}
+
−
footer .footer-social .social-media {
+
−
list-style: none;
+
−
margin: 0;
+
−
}
+
−
footer .footer-social .social-media li {
+
−
display: inline;
+
−
padding: 0;
+
−
margin: 0;
+
−
margin-left: 5px;
+
−
}
+
−
footer .footer-social .social-media li img {
+
−
height: 40px;
+
−
width: 40px;
+
−
}
+
−
footer h4 {
+
−
font-family: 'Poppins', sans-serif;
+
−
font-size: 14px;
+
−
font-weight: bold;
+
−
letter-spacing: 1px;
+
−
margin-bottom: 20px;
+
−
}
+
−
/* FOOTER settings. END */
+
−
</style>
+
 
</html>
 
</html>
 +
{{:Team:TEC-Costa_Rica/Template:Scripts}}
 +
{{:Team:TEC-Costa_Rica/Template:Footer}}

Revision as of 23:30, 22 September 2016

SynBioThon 2016: rewriting the code

Concept

SynBioThon 2016 (SBT16) is a Synthetic Biology tournament, in which teams of students work for a weekend to create a genetic device that can solve some kind of problem.

Reach

For SBT16, we had diverse talks in different classes and universities, trying to reach the most diverse participants. In our college (TEC), we spoke with people of different majors (Biotechnology Engineering, Material Science, Agricultural Engineering, and others). We also went to two other public universities: University of Costa Rica (UCR), where we spoke with people of Biology, Microbiology and Pharmacy, and the National University (UNA), where wetalked to students of Biology. We also gave talks in private universities such as UCIMED (Medical School), LEAD University (Business Management), and others.

Prior to the event, we had preparatory workshops with students so they could get a grasp of genetics, molecular biology, and bioinformatics if they weren’t familiar with them. We had three workshops at UCR, one at UNA, and four at TEC. We had obout 80 students overall in a full-day session. We had a theoric section where we explained the basics of genetics and molecular biology, and then an activity to test the concepts, and after lunch a demonstrative session of bioinformatics, centered in databases and benchling, which was followed by work.

Mentors and Judges

Projects

Evaluation

The winners

iGEM TEC Costa Rica

Tecnológico de Costa Rica
Biotechnology Investigation Center
Cartago, Costa Rica
prostaltec@gmail.com

Follow Us