Team:Tec-Monterrey EKAM/Notebook

From 2012.igem.org

(Difference between revisions)
(Prototype team page)
 
(5 intermediate revisions not shown)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
 
-
 
<html>
<html>
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
+
<head>
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
-
This is a template page. READ THESE INSTRUCTIONS.
+
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
-
</div>
+
<link href="http://fonts.googleapis.com/css?family=Skranji&subset=latin,latin-ext" rel="stylesheet" type="text/css"/>
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
+
        <!--<link type="text/css" rel="stylesheet" href="../css/iGEMkill.css"/>-->
-
You are provided with this team page template with which to start the iGEM season.  You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki.  You can find some examples <a href="https://2008.igem.org/Help:Template/Examples">HERE</a>.
+
<style>
-
</div>
+
/*S-T-A-RSSS!!*/
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
+
a, a:hover, a:visited, a:hover, a:active,ul,li,img,div,p,h1, h2, h3,h4,h5,h6{
-
You <strong>MUST</strong>  have all of the pages listed in the menu below with the names specified.  PLEASE keep all of your pages within your teams namespace. 
+
margin:0;
-
</div>
+
padding:0;
-
</div>
+
text-decoration:none;
-
</html>
+
color: #fff;
 +
font-weight:normal;
 +
/*list-style-type: none;*/
-
<!-- *** End of the alert box *** -->
+
}
 +
div, p{
 +
color: black;
 +
font-weight:normal;
 +
}
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
 
-
!align="center"|[[Team:Tec-Monterrey_EKAM|Home]]
 
-
!align="center"|[[Team:Tec-Monterrey_EKAM/Team|Team]]
 
-
!align="center"|[https://igem.org/Team.cgi?year=2012&team_name=Tec-Monterrey_EKAM Official Team Profile]
 
-
!align="center"|[[Team:Tec-Monterrey_EKAM/Project|Project]]
 
-
!align="center"|[[Team:Tec-Monterrey_EKAM/Parts|Parts Submitted to the Registry]]
 
-
!align="center"|[[Team:Tec-Monterrey_EKAM/Modeling|Modeling]]
 
-
!align="center"|[[Team:Tec-Monterrey_EKAM/Notebook|Notebook]]
 
-
!align="center"|[[Team:Tec-Monterrey_EKAM/Safety|Safety]]
 
-
!align="center"|[[Team:Tec-Monterrey_EKAM/Attributions|Attributions]]
 
-
|}
 
 +
#top-section{
 +
display:none;
 +
}
 +
.firstHeading{
 +
display:none;
 +
}
-
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.
+
.visualClear{
 +
display:none;
 +
}
 +
 
 +
#catlinks{
 +
display:none
 +
}
 +
 
 +
#footer-box{
 +
display: none;
 +
}
 +
/***BRRRRRRRRRR!**/
 +
 
 +
 
 +
html{
 +
    height: 100%;
 +
    overflow: hidden;
 +
}
 +
body{
 +
    height: 100%;
 +
    background-color: white;
 +
}
 +
 
 +
#globalWrapper{
 +
    height: 100%;
 +
    font-size: 100%;
 +
}
 +
#content{
 +
    /*display:none;*/
 +
    width: 100%;
 +
    height: 100% !important;
 +
    padding: 0 !important;
 +
}
 +
 
 +
#bodyContent{
 +
    height: 100%;
 +
}
 +
 
 +
 
 +
</style>
 +
<!--END igem  KILL-->
 +
        <!--<link type="text/css" rel="stylesheet" href="../css/ekam_style.css"/>-->
 +
<style>
 +
root {
 +
    display: block;
 +
}
 +
 
 +
hr {
 +
    border-width: 2px;
 +
    border-style: solid;
 +
    border-color: #888;
 +
}
 +
 
 +
h2, h3, label, p, div {
 +
    font-family: 'Skranji', cursive;
 +
}
 +
 
 +
textarea {
 +
    width: 500px;
 +
    height: 100px;
 +
}
 +
body{
 +
    font-size: 12pt;
 +
    margin: 0px;
 +
    padding: 0px;
 +
    position: relative;
 +
    top: -19px;
 +
}
 +
 
 +
p {
 +
    margin: 2px 0;
 +
}
 +
 
 +
#ekam-wrapper{
 +
    width: 100%;
 +
    height: 100%;
 +
    overflow: hidden;
 +
    margin-top: 0;
 +
    margin-bottom: 0;
 +
}
 +
 
 +
#ekam_container{
 +
    width: 100%;
 +
    height: 90%;
 +
    overflow: hidden;
 +
    margin-top: 0;
 +
    margin-bottom: 0;
 +
}
 +
/****header****/
 +
#ekam_header{
 +
    position: relative;
 +
    width: 100%;
 +
    background-color: #BBB;
 +
    height: 75px;
 +
    z-index: 1000;
 +
}
 +
 
 +
#menu {
 +
    position: relative;
 +
    z-index: 100;
 +
    width: 60%;
 +
    height: 100%;
 +
    margin: 0 auto;
 +
}
 +
 
 +
#menu p {
 +
    color: white;
 +
    font-family: 'Skranji', cursive;
 +
    font-size: 30pt;
 +
    text-shadow: 2px 2px 2px #313131;
 +
    line-height: 2em;
 +
    height: 2em;
 +
    text-align: center;
 +
    margin: 0;
 +
}
 +
 
 +
.ekam_moduletable{
 +
    float: left;
 +
}
 +
 
 +
.left {
 +
    position:absolute;
 +
    width:180px;
 +
    margin: 0;
 +
    z-index: 999;
 +
    top: 100px;
 +
    /* -15px & -216px */
 +
    left: -216px;
 +
    background: url('https://static.igem.org/mediawiki/igem.org/2/27/Ekam_folder.png') no-repeat;
 +
    background-size:100%;
 +
    padding-right: 46px;
 +
    height: 360px;
 +
}
 +
div.moduletable.tab {
 +
    position: absolute;
 +
    right: 0;
 +
    background: transparent;
 +
    height: 142px;
 +
    width: 10%;
 +
    top: 10%;
 +
    cursor: pointer;
 +
}
 +
 
 +
.left .moduletable, .right .moduletable {
 +
    padding: 10px;
 +
    padding-left: 25px;
 +
}
 +
 
 +
/********************* MENU ************************/
 +
 
 +
div.left ul.menu,
 +
div.left ul.menu ul{
 +
    list-style: none;
 +
}
 +
 
 +
div.left ul.menu li a {
 +
    display: block;
 +
    color: white;
 +
    font-family: 'Skranji', cursive;
 +
    font-size: 14pt;
 +
    text-shadow: 2px 2px 2px #313131;
 +
    line-height: 2em;
 +
    height: 2em;
 +
}
 +
 
 +
div.left ul.menu li a:hover {
 +
    text-decoration: none;
 +
}
 +
 
 +
div.left ul.menu li:hover {
 +
    background: #CCC;
 +
}
 +
 
 +
div.left ul.menu ul {
 +
    position: absolute;
 +
    display: none;
 +
    z-index: 999;
 +
    left: 50%;
 +
    /*background: #445979;*/
 +
    background: #CCC;
 +
    border: 1px solid #AAA;
 +
}
 +
 
 +
div.left ul.menu ul li:hover{
 +
    background: #888;
 +
}
 +
 
 +
div.left ul.menu ul li {
 +
    width: 100px;
 +
    padding-left: 5px;
 +
}
 +
 
 +
div.left ul.menu ul li a{
 +
    font-size: 90%;
 +
    color: #222;
 +
    text-shadow: 1px 1px 1px #313131;
 +
}
 +
 
 +
div.left ul.menu li:hover ul {
 +
    display: block;
 +
}
 +
 
 +
#IEroot div.left ul.menu li ul:hover {
 +
    display: block;
 +
}
 +
 
 +
#IEroot div.left ul.menu li ul > li:hover {
 +
    display: block;
 +
}
 +
 
 +
/********************* MENU ************************/
 +
 
 +
/*************************Content area***************************/
 +
#ekam_content-area {
 +
    position: relative;
 +
    clear: both;
 +
    padding: 0 10px 0 10px;
 +
    background-color: #EEE;
 +
    z-index: 1;
 +
    height: 88%;
 +
    overflow-y:scroll;
 +
}
 +
 
 +
#ekam_main{
 +
    clear: both;
 +
    background-color: #EEE;
 +
    width:90%;
 +
    margin: 0 auto;
 +
    padding: 20px;
 +
    padding-left: 40px;
 +
text-align: center;
 +
}
 +
 
 +
.ekam_subMain{
 +
    background: white;
 +
    border: 2px solid whiteSmoke;
 +
    padding: 20px;
 +
    text-align: justify;
 +
}
 +
 
 +
 
 +
/****************************Footer***********************************/
 +
#footer {
 +
    position: relative;
 +
    clear: both;
 +
    z-index: 2;
 +
    height: 10%;
 +
    backgroud-color: black;
 +
}
 +
 
 +
#footer div{
 +
    font-size: 12px;
 +
    font-family: 'Verdana';
 +
    background-color: #000;
 +
    float: left;
 +
    width: 33.33333%;
 +
    height: 100%;
 +
}
 +
#footer div p{
 +
    text-align: center;
 +
    width: 100%;
 +
    color: #444;
 +
}
 +
 
 +
/**********************Safety*******************************/
 +
.safety_question{
 +
    font-weight: bold;
 +
    font-family: 'Skranji', cursive;
 +
    font-size: 1em;
 +
}
 +
.safety_answer{
 +
    font-family: lighter;
 +
    font-size: .9em;
 +
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
 +
}
 +
 
 +
#Ekam_imagenHome{
 +
margin: 0 auto;
 +
}
 +
/**********************************************************/
 +
</style>
 +
<!--END style-->
 +
        <link href="https://static.igem.org/mediawiki/2012/d/dd/Ekamicon.png" rel="shortcut icon" type="image/vnd.microsoft.icon" />
 +
       
 +
        <script>
 +
            $(document).ready(function(){
 +
                $(".left .moduletable.tab").click(function(){
 +
                    $(".left").animate({left:"-15px"},"slow");
 +
                });
 +
                    $(".left").mouseleave(function(){
 +
                    $(".left").animate({left:"-216px"},"slow");
 +
                });
 +
            });
 +
        </script>
 +
 
 +
</head>
 +
<body>
 +
    <div id="ekam-wrapper">
 +
<div id= 'ekam_container'>
 +
<div id="ekam_header">
 +
<div id="logo" >
 +
<div class="ekam_moduletable">
 +
<p><a href="https://2012.igem.org/Team:Tec-Monterrey_EKAM" target="_self"><img src="https://static.igem.org/mediawiki/2012/8/84/Logo_horizontal.png" border="0" alt="" style="height: 65px;" /></a></p>
 +
</div>
 +
</div>
 +
<div id="menu">
 +
<p>Notebook</p>
 +
</div>
 +
</div>
 +
<!-- END OF HEADER -->
 +
        <!-- ===================================================== MAIN ===================================================== -->
 +
        <div id="ekam_content-area">
 +
            <div id="ekam_main">
 +
                <!--------------------->
 +
                <div class="ekam_subMain">
 +
                    <p class="safety_answer">
 +
                       
 +
                        <br/>
 +
<span style="font-weight: bold">
 +
 +
Coming soon!
 +
</span>
 +
<br/>
 +
<img width="500px" src=" https://static.igem.org/mediawiki/2012/9/90/Team_Ekam.jpg"/>
 +
                       
 +
                    </p>
 +
                </div>
 +
                <br/>               
 +
            </div>
 +
        </div>
 +
        <!-- ================================================= END OF MAIN ================================================= -->
 +
       
 +
        <!-- ******************* MENU *************************** -->
 +
<div class="left" style="width:210px;">
 +
            <div class="moduletable _menu" >
 +
                <div class="content-module">
 +
                    <ul class="menu">
 +
                        <li ><a href="/Team:Tec-Monterrey_EKAM/Team" >Team</a></li>
 +
                        <li class="deeper parent"><a href="/Team:Tec-Monterrey_EKAM/Project" >Project</a>
 +
                            <ul>
 +
                                <li><a href="/Team:Tec-Monterrey_EKAM/Description" >Description</a></li>
 +
                                <li><a href="/Team:Tec-Monterrey_EKAM/Modular">BioFactory</a></li>
 +
                                <li><a href="/Team:Tec-Monterrey_EKAM/Software">Software</a></li>
 +
                                <li><a href="/Team:Tec-Monterrey_EKAM/Terpenoids">Terpenoids</a></li>
 +
                                <li><a href="/Team:Tec-Monterrey_EKAM/Modeling">Modeling</a></li>
 +
                                <li><a href="/Team:Tec-Monterrey_EKAM/Other">Other Stuff</a></li>
 +
                            </ul>
 +
                        </li>
 +
                        <li class="deeper parent"><a href="/Team:Tec-Monterrey_EKAM/Human" >Human Practices</a>
 +
                            <ul>
 +
                                <li><a href="/Team:Tec-Monterrey_EKAM/Sybre" >SyBRE</a></li>
 +
                                <li><a href="/Team:Tec-Monterrey_EKAM/iGEMJunior">iGEM Jr</a></li>
 +
                                <li><a href="/Team:Tec-Monterrey_EKAM/Detect">DETECT</a></li>
 +
                                <li><a href="/Team:Tec-Monterrey_EKAM/BSclasses">BS classes</a></li>
 +
                            </ul>
 +
                        </li>
 +
                        <li><a href="/Team:Tec-Monterrey_EKAM/Parts" >Parts</a></li>                       
 +
                        <li><a href="/Team:Tec-Monterrey_EKAM/Notebook" >Notebook</a></li>
 +
                        <li><a href="/Team:Tec-Monterrey_EKAM/Gallery" >Gallery</a></li>
 +
                        <li><a href="/Team:Tec-Monterrey_EKAM/Safety" >Safety</a></li>
 +
                        <li><a href="/Team:Tec-Monterrey_EKAM/Sponsors" >Sponsors</a></li>
 +
                        <li><a href="/Team:Tec-Monterrey_EKAM/Attributions" >Attributions</a></li>                         
 +
                    </ul>
 +
                </div>
 +
            </div>
 +
            <div class="moduletable tab" >
 +
                <div class="content-module">
 +
                    <div id="menu_tab">&nbsp;</div>
 +
                </div>           
 +
            </div>
 +
        </div>
 +
        <!-- End of MENU! -->
 +
    </div>
 +
    <div id="footer">
 +
            <div>
 +
                <p> iGEM 2012 <strong> Team Ekam </strong> All rights reserved</p>
 +
            </div>
 +
            <div>
 +
                <p><a href="/ekam_sw/index.php/contacto" target="_self"><span style="font-weight:bold; color: #444;">Contact us</span></a><br />Tel: +52(81)10173973 <br />Email: <a href="mailto:itesm.ekam@gmail.com">itesm.ekam@gmail.com <a/>
 +
                </p>
 +
            </div>
 +
            <div>
 +
                <p>Follows us on:<br/>
 +
                <a href="https://www.facebook.com/Ekam.iGEM" target="_blank" >
 +
                    <img style="height: 50%;" src="https://static.igem.org/mediawiki/igem.org/0/07/Facebook_logo.png" alt="facebook logo" />
 +
                </a>
 +
                &nbsp; &nbsp;
 +
                <a href="https://twitter.com/Ekam_iGEM2012" target="_blank">
 +
                    <img style="height: 50%;" src="https://static.igem.org/mediawiki/igem.org/1/1a/Twitter_logo.png" alt="twitter logo" />
 +
                </a>
 +
                </p>
 +
            </div>
 +
           
 +
</div>
 +
        <!-- end of footer-->
 +
    </div>
 +
</body>
 +
</html>

Latest revision as of 04:02, 27 October 2012