|
|
Line 1: |
Line 1: |
- | <html>
| |
- | <head>
| |
- | <meta http-equiv="content-type" content="text/html;charset=utf-8" />
| |
- | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
| |
- | <link href="http://fonts.googleapis.com/css?family=Skranji&subset=latin,latin-ext" rel="stylesheet" type="text/css"/>
| |
- | <!--<link type="text/css" rel="stylesheet" href="../css/iGEMkill.css"/>-->
| |
- | <style>
| |
- | /*S-T-A-RSSS!!*/
| |
- | a, a:hover, a:visited, a:hover, a:active,ul,li,img,div,p,h1, h2, h3,h4,h5,h6{
| |
- | margin:0;
| |
- | padding:0;
| |
- | text-decoration:none;
| |
- | color: #fff;
| |
- | font-weight:normal;
| |
- | /*list-style-type: none;*/
| |
- |
| |
- | }
| |
- | div, p{
| |
- | color: black;
| |
- | font-weight:normal;
| |
- | }
| |
- |
| |
- |
| |
- | #top-section{
| |
- | display:none;
| |
- | }
| |
- |
| |
- | .firstHeading{
| |
- | display:none;
| |
- | }
| |
- |
| |
- | .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>Parts</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">
| |
- |
| |
- | </span>
| |
- |
| |
- | </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"> </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>
| |
- |
| |
- | <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>
| |
| <groupparts>iGEM012 Tec-Monterrey_EKAM</groupparts> | | <groupparts>iGEM012 Tec-Monterrey_EKAM</groupparts> |