Team:Tec-Monterrey EKAM/Parts
From 2012.igem.org
(Difference between revisions)
(8 intermediate revisions not shown) | |||
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"> | ||
+ | |||
+ | <img src= "https://static.igem.org/mediawiki/igem.org/3/3b/PartsEKAM.png"/> | ||
+ | |||
+ | </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> |
Latest revision as of 03:45, 27 October 2012