Team:LIKA-CESAR-Brasil/Notebook

From 2014.igem.org

(Difference between revisions)
 
(8 intermediate revisions not shown)
Line 1: Line 1:
-
 
{{CSS/Main}}
{{CSS/Main}}
 +
<html lang="pt-br">
 +
  <head>
 +
    <meta charset="utf-8">
 +
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1">
 +
    <meta name="description" content="">
 +
    <meta name="author" content="">
 +
    <link rel="icon" href="favicon.ico">
 +
    <title>LIKA | CESAR</title>
-
<html>
+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<style type="text/css">
<style type="text/css">
-
a:link {
+
body {
-
color: #F36C1D;
+
font-size:12px;
-
text-decoration: none;
+
color:#111;
 +
height:100%;
 +
background:#ededed;
 +
/*min-width: 1326px;*/
}
}
-
a:visited {
+
.container {
-
color: #F36C1D;
+
width:80%;
-
text-decoration: none;
+
background: rgb(255,255,255); /* Old browsers */
 +
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%); /* FF3.6+ */
 +
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
 +
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
 +
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
 +
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* IE10+ */
 +
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* W3C */
 +
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}
}
-
a:hover {
+
 
-
color: #D82A35;
+
.navbar-brand {
-
text-decoration: underline;
+
padding: 5px;
}
}
-
a:active {
+
.col-md-10  {
-
text-decoration: none;
+
width:100%;
 +
padding: 20px 70px 20px 50px;
 +
min-height:200px;
 +
padding-bottom:50px;
}
}
-
body,td,th {
+
.col-md-4 {
-
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
+
padding-bottom:70px;
 +
}
 +
.navbar-inverse {
 +
    background-color: #ededed;
 +
border-color: #ededed;
 +
}
 +
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
 +
    color: #006600;
 +
    background-color: #8cff00;
 +
}
 +
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
 +
    color: #006600;
 +
    background-color: #8cff00;
 +
}
 +
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
 +
    color: #006600;
 +
    background-color: transparent;
 +
}
 +
.navbar-inverse .navbar-nav > li > a:focus {
 +
    color: #006600;
 +
    background-color: transparent;
 +
}
 +
.nav > li > a {
 +
    display: block;
 +
    padding: 25px 15px;
 +
    position: relative;
 +
}
 +
.menu{
 +
color:black;
 +
z-index:999;
 +
position:relative;
 +
float:right;
 +
margin:auto;
}
}
-
</style>
 
-
<!--main content -->
+
.videohome{
-
<table width="70%" align="center">
+
background:#ededed;
 +
}
 +
.menu ul{
 +
margin:0 auto;
 +
}
 +
.jumbotron {
 +
background:url("https://static.igem.org/mediawiki/2014/7/7a/Banner_top.jpg");
 +
border-top: solid 5px #8cff00;
 +
border-bottom: solid 5px #8cff00;
 +
background-size:cover;
 +
width:80%;
 +
height:331px;
 +
margin:auto;
 +
margin-top:40px;
 +
}
 +
.jumbotron02 {
 +
background:url("https://static.igem.org/mediawiki/2014/5/52/Banner_top02.jpg");
 +
border-top: solid 5px #8cff00;
 +
border-bottom: solid 5px #8cff00;
 +
background-size:cover;
 +
width:80%;
 +
height:331px;
 +
margin:auto;
 +
margin-top:80px;
 +
}
 +
.jumbotronSafety {
 +
background:url("https://static.igem.org/mediawiki/2014/7/7a/Banner_top.jpg");
 +
border-top: solid 5px #8cff00;
 +
border-bottom: solid 5px #8cff00;
 +
background-size:cover;
 +
width:80%;
 +
height:331px;
 +
margin:auto;
 +
margin-top:80px;
 +
}
 +
.jumbotronParts {
 +
        background:url("https://static.igem.org/mediawiki/2014/6/63/Banner_top_bricks.jpg");
 +
border-top: solid 5px #8cff00;
 +
border-bottom: solid 5px #8cff00;
 +
background-size:cover;
 +
width:80%;
 +
height:331px;
 +
margin:auto;
 +
margin-top:80px;
 +
}
 +
.jumbotronHuman {
 +
background:url("https://static.igem.org/mediawiki/2014/1/12/Banner_top05.jpg");
 +
border-top: solid 5px #8cff00;
 +
border-bottom: solid 5px #8cff00;
 +
background-size:cover;
 +
width:80%;
 +
height:331px;
 +
margin:auto;
 +
margin-top:80px;
 +
}
 +
.jumbotronProject {
 +
background:url("https://static.igem.org/mediawiki/2014/b/be/Banner_top04.jpg");
 +
border-top: solid 5px #8cff00;
 +
border-bottom: solid 5px #8cff00;
 +
background-size:cover;
 +
width:80%;
 +
height:331px;
 +
margin:auto;
 +
margin-top:80px;
 +
}
 +
.jumbotronAdvisors {
 +
background:url("https://static.igem.org/mediawiki/2014/3/3b/Banner_top03.jpg");
 +
border-top: solid 5px #8cff00;
 +
border-bottom: solid 5px #8cff00;
 +
background-size:cover;
 +
width:80%;
 +
height:331px;
 +
margin:auto;
 +
margin-top:80px;
 +
}
 +
.igem-logo{
 +
    background:url("https://static.igem.org/mediawiki/2014/4/4e/Banner_top_03.png") ;
 +
    background-color:transparent;
 +
    width: 50px;
 +
    height:50px;
 +
    z-index: 99;
 +
    background-repeat: no-repeat;
 +
}
-
<!--welcome box -->
+
/*
-
<tr>
+
.navbar .container {
-
  <td height="150px" align="center" nowrap style="">
+
min-width: 1322px;
-
  <figure></figure>
+
     z-index: 9999;
-
  <figure></figure><img src="https://static.igem.org/mediawiki/2014/2/2a/Logo_lika_cesar2.png" width="401" height="299" alt=""/>  </td>
+
}
-
  <td height="150px" align="center" style=""><p style="color:#E7E7E7">&nbsp;</p></td>
+
*/
-
  <td height="150px" align="center" style=""><strong>WELCOME TO iGEM 2014! </strong>
+
-
     <p>Thank you for your visit! We are under construction. <br>
+
-
    </p>
+
-
    <p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:LIKA-CESAR-Brasil/Notebook&action=edit"style="color:#F36C1D"> Click here  to edit this page!</a></p></td>
+
-
</tr>
+
-
<tr>
+
h2 {
-
  <td bgColor="#F36C1D" colspan="3" height="0">
+
font-size: 26px;
-
</tr>
+
color:#339900;
-
<!-- end welcome box -->
+
}
-
<tr>
+
.videocapa{
 +
width:35%;
 +
float:right;
 +
min-height:300px;
 +
margin-top:10px;
 +
}
 +
p {
 +
font-size: 12px;
 +
color:#444;
 +
}
 +
footer {
 +
background:#b8b8b8;
 +
width:100%;
 +
padding: 50px;
 +
  clear:both;
 +
position: relative;
 +
bottom:0;
 +
border-top: solid 8px #8cff00;
 +
}
 +
footer p {
 +
margin:auto;
 +
padding-top:10px;
 +
text-align:center;
 +
width:50%;
 +
color:#006600;
 +
}
 +
.firstHeading {
 +
display:none;
 +
}
 +
table{
 +
color:#888;
 +
font-size:16px;
 +
border: solid 1px #ccc;
 +
}
 +
h1 {
 +
font-size: 26px;
 +
color:#339900;
 +
}
 +
h2 {
 +
font-size: 22px;
 +
color:#339900;
 +
}
 +
h3 {
 +
font-size: 18px;
 +
color:#339900;
 +
}
 +
h4 {
 +
font-size: 16px;
 +
color:#339900;
 +
}
-
<!--navigation menu -->
+
.listHorizontal{
-
<td colspan="3" align="center">
+
    list-style: none;
 +
    display:inline-block;
 +
    margin-left: 0.3em;
 +
}
-
<table  width="100%">
+
.listHorizontal li{
-
<tr heigth="15px"></tr>
+
    padding: 0px 5px 0px 5px;
-
<tr heigth="75px">
+
}
 +
div#globalWrapper {
 +
position: relative;
 +
font-size: 100%;
 +
width: 100%;
 +
margin: 0;
 +
padding: 0;
 +
padding-bottom: 10px;
 +
}
-
<td style="color: #F36C1D;" align="center" height ="45px" onMouseOver="this.bgColor='#D82A35'" onMouseOut="this.bgColor='#F36C1D'" bgColor=#F36C1D> 
+
</style>
-
  <p><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil"style="color: #FFFFFF; border-color: #F36C1D;"><strong>Home</strong></a> </p></td>
+
   </head>
-
 
+
   <body>
-
<td style="color: #F36C1D;" align="center" height ="45px" onMouseOver="this.bgColor='#D82A35'" onMouseOut="this.bgColor='#F36C1D'" bgColor=#F36C1D>  
+
    <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
-
   <strong><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Team"style="color: #FFFFFF"> Team </a> </strong></td>
+
      <div class="container">
-
 
+
     <header>
-
<td style="color: #F36C1D;" align="center"  height ="45px"  onMouseOver="this.bgColor='#D82A35'" onMouseOut="this.bgColor='#F36C1D'" bgColor=#F36C1D>  
+
-
   <strong><a href="https://igem.org/Team.cgi?year=2014&team_name=LIKA-CESAR-Brasil"style="color: #FFFFFF"> Official Team Profile </a></strong></td>
+
-
 
+
-
<td style="color: #F36C1D;" align="center"  height ="45px" onMouseOver="this.bgColor='#D82A35'" onMouseOut="this.bgColor='#F36C1D'" bgColor=#F36C1D> 
+
-
  <strong><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Project"style="color: #FFFFFF"> Project</a></strong></td>
+
-
 
+
-
<td style="" align="center"  height ="45px" onMouseOver="this.bgColor='#D82A35'" onMouseOut="this.bgColor='#F36C1D'" bgColor=#F36C1D>
+
-
  <strong><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Parts"style="color: #FFFFFF"> Parts</a></strong></td>
+
-
 
+
-
<td style="" align="center" height ="45px" onMouseOver="this.bgColor='#D82A35'" onMouseOut="this.bgColor='#F36C1D'" bgColor=#F36C1D>
+
-
  <strong><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Modeling"style="color: #FFFFFF;"> Modeling</a></strong></td>
+
-
 
+
-
<td style="" align="center" height ="45px" onMouseOver="this.bgColor='#D82A35'" onMouseOut="this.bgColor='#F36C1D'" bgColor=#F36C1D> 
+
-
  <strong><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Notebook"style="color: #FFFFFF;"> Notebook</a></strong></td>
+
-
 
+
-
<td style="" align="center"  height ="45px" onMouseOver="this.bgColor='#D82A35'" onMouseOut="this.bgColor='#F36C1D'" bgColor=#F36C1D>
+
-
  <strong><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Safety"style="color: #FFFFFF"> Safety </a></strong></td>
+
-
 
+
-
<td  height ="45px" align="center" nowrap bgColor=#F36C1D style="" onMouseOver="this.bgColor='#D82A35'" onMouseOut="this.bgColor='#F36C1D'">
+
-
  <strong><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Attributions"style="color: #FFFFFF;"> Attributions </a></strong></td>
+
-
 
+
-
 
+
-
<td align ="center"> <strong><a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55"></a> </strong></td>
+
-
</tr>
+
-
</table>
+
-
 
+
-
<strong>
+
-
 
+
-
<!--end navigation menu -->
+
-
</strong></tr>
+
-
 
+
-
<tr>
+
-
  <td bgColor="#F36C1D" colspan="3" height="0"></tr>
+
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
-
 
+
-
 
+
-
<!--requirements section -->
+
-
<tr>
+
-
  <td><strong>Notebook</strong></td>
+
-
  <td>&nbsp;</td>
+
-
  <td>&nbsp;</td>
+
-
</tr>
+
-
<tr>
+
-
  <td width="48%" align="left"  valign="top">  
+
-
      
+
-
  <p>You should make use of the calendar feature on the wiki and start a lab notebook. This may be looked at by the judges to see how your work progressed throughout the summer. It is a very useful organizational tool as well. </p></td>
+
-
 
+
-
  <td width="4%" > </td>
+
-
  <td width="48%" align="left" valign="top">
+
-
   
+
-
  <p>&nbsp;</p></td>
+
-
</tr>
+
-
 
+
-
<tr>
+
      <div class="navbar-header">
-
  <td colspan="3">
+
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
-
</tr>
+
            <span class="sr-only">Toggle navigation</span>
-
<tr>
+
            <span class="icon-bar"></span>
-
  <td colspan="3">
+
            <span class="icon-bar"></span>
-
</tr>
+
            <span class="icon-bar"></span>
-
<tr>
+
          </button>
-
  <td bgColor="#F36C1D" colspan="3" height="-1">
+
      <a class="navbar-brand" href="https://2014.igem.org/Team:LIKA-CESAR-Brasil"><img src="https://static.igem.org/mediawiki/2014/5/55/Marca.png" alt="Marca LIKA"></a>
-
</tr>
+
        </div>
-
<tr>
+
      <div class="navbar-collapse collapse menu">
-
  <td colspan="3" height="1"></td>
+
            <ul class="nav navbar-nav">
-
</tr>
+
-
<tr>
+
-
  <td colspan="3" height="2"></td>
+
-
</tr>
+
 +
        <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil">HOME</a></li>
 +
              <li class="dropdown">
 +
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">TEAM<span class="caret"></span></a>
 +
                <ul class="dropdown-menu" role="menu">
 +
                  <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Partnerships">Partnerships</a></li>
 +
                  <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/TeamProfile">Official Team Profile</a></li>
 +
                  <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Advisors">Advisors</a></li>
 +
        </ul>
 +
              </li>
 +
              <li class="dropdown">
 +
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">PROJECT<span class="caret"></span></a>
 +
                <ul class="dropdown-menu" role="menu">
 +
                  <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Overview">Overview</a></li>
 +
                  <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Robot">Robot</a></li>
 +
                  <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/ColiAlert">ColiAlert</a></li>
 +
  <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/BioSensor">Biosensor</a></li>
 +
              </ul>
 +
              </li>
 +
        <li class="dropdown">
 +
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">PARTS<span class="caret"></span></a>
 +
                <ul class="dropdown-menu" role="menu">
 +
                  <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Biobricks">Biobricks</a></li>
 +
                  <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Notebook">Notebook</a></li>
 +
                </ul>
 +
              </li>       
 +
        <li class="dropdown">
 +
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">HUMAN PRACTICE<span class="caret"></span></a>
 +
                <ul class="dropdown-menu" role="menu">
 +
                  <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Lectures">Lectures</a></li>
 +
                  <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Society">Survey and Society Interaction</a></li>
 +
  <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/MeetUp ">Meet Up</a></li>
 +
                  <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/SocialImpact">Social Impact</a></li>
 +
                </ul>
 +
              </li>
 +
        <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Safety">SAFETY</a></li>
 +
        <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Atribuitons">ATRIBUITIONS</a></li>
 +
        <li class="igem-logo"><a href="https://2014.igem.org/"></a></li>
 +
            </ul>
 +
          </div><!--/.nav-collapse -->
 +
      </header>
 +
      </div>
 +
    </div>
 +
    <!-- Main jumbotron for a primary marketing message or call to action -->
 +
    <div class="jumbotronParts"></div>
 +
    <div class="container">
 +
      <!-- Example row of columns -->
 +
      <div class="row">
 +
        <div class="col-md-10">
 +
        <h1>NOTEBOOK</h1>
 +
<div class="dropdown">
 +
  <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown">Select a topic to know each of the protocols used by our team:<span class="caret"></span>
 +
  </button>
 +
  <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
 +
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/TheRobot">Robot</a></li>
 +
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/ProtocolCells">Protocol competent cells</a></li>
 +
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/TransformationProtocol">Transformation protocol</a></li>
 +
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/ExtractionProtocol">Extraction protocol of plasmid DNA (Miniprep)</a></li>
 +
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/PCR">PCR</a></li>
 +
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/CollectBiological">Collect the Biological Samples</a></li>
 +
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/ExtractionRNA">Extraction of RNA</a></li>
 +
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/TestColialert">Test of ColiAlert with different pH</a></li>
 +
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/BiosensorConstruction">Biossensor Construction</a></li>
 +
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/ImmoblizationProcess">Immobilization Process</a></li>
 +
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Hybridization">Hybridization Process</a></li>
 +
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Electrochemical">Electrochemical Analysis</a></li>
 +
</ul>
 +
</div>
 +
</div>
 +
<footer>
 +
<a href="http://www.ufpe.br/lika/"><img src="https://static.igem.org/mediawiki/2014/2/2f/Img_logolika.png" alt="Marca LIKA"></a>
 +
<a href="http://www.cesar.org.br"><img src="https://static.igem.org/mediawiki/2014/d/d7/Img_logocesar.png" alt="Marca CESAR"></a>
 +
</footer>
 +
</div>
 +
</div> <!-- /container -->
 +
        <!-- Bootstrap core JavaScript
 +
    ================================================== -->
 +
    <!-- Placed at the end of the document so the pages load faster -->
 +
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
 +
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
-
<!--tips  -->
+
  </body>
-
</table>
+
</html>

Latest revision as of 02:28, 18 October 2014

LIKA | CESAR