|
|
(57 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | {{Team:UNAM_Genomics_Mexico/Templates/menulike}} | + | {{:Template:Team:UNAM_Genomics_Mexico/webhtml| content= |
| | | |
- | <!-- | + | <br /> |
- | @VERSION 3.0
| + | <h1>Welcome to our homepage still under construction.</h1> |
- | @NAME General Template header 2
| + | <br /> |
- | AUTHOR Padilla Gomez Jonathan
| + | <br /> |
- | Abiel Treviño Garza
| + | |
- | -->
| + | |
| <html> | | <html> |
- | <head>
| |
| | | |
- | | + | <table border="0" height="150" cellspacing="15" bgcolor="transparent" id="tablecontentbg"> |
- | | + | |
- | <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
| + | |
- | <link href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Templates/Home" rel="stylesheet" type="text/css" />
| + | |
- | <title>UNAM-Genomics_Mexico</title>
| + | |
- | <script type="text/javascript">
| + | |
- | | + | |
- | var _gaq = _gaq || [];
| + | |
- | _gaq.push(['_setAccount', 'UA-19624614-2']);
| + | |
- | _gaq.push(['_trackPageview']);
| + | |
- | | + | |
- | (function() {
| + | |
- | var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
| + | |
- | ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
| + | |
- | var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
| + | |
- | })();
| + | |
- | | + | |
- | </script>
| + | |
- | | + | |
- | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
| + | |
- | | + | |
- | | + | |
- | | + | |
- | <style type="text/css">
| + | |
- | | + | |
- | | + | |
- | /* CHANGING THE WIKI CSS */
| + | |
- | | + | |
- | #content {
| + | |
- | position: relative;
| + | |
- | width: 976px;
| + | |
- | margin: 0 auto;
| + | |
- | padding: 5px 5px 5px 5px;
| + | |
- | background: transparent;
| + | |
- | color: transparent;
| + | |
- | border-left: none;
| + | |
- | border-right: none;
| + | |
- | line-height: 0px;
| + | |
- | z-index: 2;
| + | |
- | }
| + | |
- | | + | |
- | #contentSub {
| + | |
- | display:none;
| + | |
- | }
| + | |
- | | + | |
- | #bodyContent {
| + | |
- | }
| + | |
- | | + | |
- | #siteSub {
| + | |
- | display:none;
| + | |
- | }
| + | |
- | | + | |
- | #search-controls {
| + | |
- | display:none;
| + | |
- | }
| + | |
- | | + | |
- | .firstHeading {
| + | |
- | display:none;
| + | |
- | }
| + | |
- | | + | |
- | #search-controls {
| + | |
- | margin-top:30px;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | | + | |
- | #top-section {
| + | |
- | height: 20px;
| + | |
- | width: 976px;
| + | |
- | border-left: none;
| + | |
- | border-right: none;
| + | |
- | border-bottom: none;
| + | |
- | }
| + | |
- | | + | |
- | .left-menu {
| + | |
- | margin-top:-15px;
| + | |
- | }
| + | |
- | | + | |
- | .left-menu ul {
| + | |
- | border: none;
| + | |
- | }
| + | |
- | | + | |
- | #menubar li a {
| + | |
- | color: #C03;
| + | |
- | }
| + | |
- | | + | |
- | #menubar.right-menu {
| + | |
- | margin-top:-15px;
| + | |
- | }
| + | |
- | .right-menu li a {
| + | |
- | background-color: #000000;
| + | |
- | }
| + | |
- | .right-menu ul {
| + | |
- | border: none; | + | |
- | }
| + | |
- | | + | |
- | #menubar{
| + | |
- | top:22px;
| + | |
- | z-index:25;
| + | |
- | }
| + | |
- | | + | |
- | img[src*="/wiki/skins/common/images/wiki.png"]{
| + | |
- | width:0;
| + | |
- | height:0px;
| + | |
- | padding-right:975px;
| + | |
- | background:transparent url(https://2011.igem.org/wiki/skins/common/images/wiki.png) top left no-repeat;
| + | |
- | }
| + | |
- | element.style {
| + | |
- | color: transparent;
| + | |
- | cursor: default;
| + | |
- | }
| + | |
- | menubar ul {
| + | |
- | color: transparent;
| + | |
- | list-style: none;
| + | |
- | list-style-type: none;
| + | |
- | list-style-position: initial;
| + | |
- | list-style-image: initial;
| + | |
- | }
| + | |
- | | + | |
- | element.style {
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | #catlinks {
| + | |
- | display:none;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | #p-logo {
| + | |
- | display:none;
| + | |
- | position: absolute;
| + | |
- | z-index: 1;
| + | |
- | height: 0px;
| + | |
- | width: 0px;
| + | |
- | }
| + | |
- | | + | |
- | #pt-userpage{
| + | |
- | background-color: #000000;
| + | |
- | }
| + | |
- | #pt-preferences{
| + | |
- | background-color: #000000;
| + | |
- | }
| + | |
- | #pt-logout{
| + | |
- | background-color: #000000;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | /* MAIN PAGE CSS */
| + | |
- | body {
| + | |
- | font-family:Tahoma, Geneva, sans-serif;
| + | |
- | margin: 0px;
| + | |
- | padding: 0px;
| + | |
- | color:#FFFFFF;
| + | |
- | background-color: #FFFFFF;
| + | |
- | }
| + | |
- | | + | |
- | div.igemimage {
| + | |
- | position: absolute;
| + | |
- | top: 0;
| + | |
- | z-index: 4;
| + | |
- | right: -200px;
| + | |
- | }
| + | |
- | div.igemimageleft1 {
| + | |
- | position: absolute;
| + | |
- | top: 0;
| + | |
- | z-index: 4;
| + | |
- | left: -200px;
| + | |
- | top:200px;
| + | |
- | }
| + | |
- | div.igemimageleft2 {
| + | |
- | position: absolute;
| + | |
- | top: 0;
| + | |
- | z-index: 4;
| + | |
- | left: -200px;
| + | |
- | top:300px;
| + | |
- | }
| + | |
- | div.igemimageleft3 {
| + | |
- | position: absolute;
| + | |
- | top: 0;
| + | |
- | z-index: 4;
| + | |
- | left: -200px;
| + | |
- | top:400px;
| + | |
- | }
| + | |
- | div.igemimageleft4 {
| + | |
- | position: absolute;
| + | |
- | top: 0;
| + | |
- | z-index: 4;
| + | |
- | left: -200px;
| + | |
- | top:500px;
| + | |
- | }
| + | |
- | #header{
| + | |
- | height:220px;
| + | |
- | width:100%;
| + | |
- | font-family:"Arial Black", Gadget, sans-serif;
| + | |
- | }
| + | |
- | | + | |
- | div.summary_text{
| + | |
- | padding: 30px 30px 30px 30px;
| + | |
- | border:none;
| + | |
- | font-size:115%;
| + | |
- | text-align:center;
| + | |
- | }
| + | |
- | div.descriptive_text{
| + | |
- | /*We must observe div.left_image to deffine the appropiate top-margin value*/
| + | |
- | margin: 70px 0px 0px 0px;
| + | |
- | padding: 30px 30px 30px 30px;
| + | |
- | border:none;
| + | |
- | font-size:110%;
| + | |
- | }
| + | |
- | | + | |
- | p.title{
| + | |
- | color:#CC4455;
| + | |
- | font-size:150%;
| + | |
- | }
| + | |
- | | + | |
- | #container {
| + | |
- | margin: 0px auto;
| + | |
- | text-align:justify;
| + | |
- | width: 100%;
| + | |
- | background-image:url(https://static.igem.org/mediawiki/2011/7/77/Unamgenomicsbackgroundtext.png);
| + | |
- | color:#FFFFFF;
| + | |
- | font-size: 110%;
| + | |
- | }
| + | |
- | | + | |
- | /*TEXT CONTENT*/
| + | |
- | | + | |
- | div#textContent{
| + | |
- | background-color: #333333;
| + | |
- | background-image: url("https://static.igem.org/mediawiki/2011/7/77/Unamgenomicsbackgroundtext.png");
| + | |
- | background-repeat: repeat;
| + | |
- | margin: 0px 0px 0px 0px;
| + | |
- | padding: 55px 45px 55px 45px;
| + | |
- | | + | |
- | }
| + | |
- | | + | |
- | div#textContent p{
| + | |
- | margin: .4em 0 .5em 0;
| + | |
- | line-height: 1.5em;
| + | |
- | }
| + | |
- | h1,h2,h3,h4,h5,h6{
| + | |
- | border-bottom: none;
| + | |
- | | + | |
- | }
| + | |
- | | + | |
- | h1.NORM_header{
| + | |
- | text-align:left;
| + | |
- | margin: 15px 1px 1px 1px;
| + | |
- | border:none;
| + | |
- | color:#000000;
| + | |
- | font-size:200%;
| + | |
- | text-decoration:bold;
| + | |
- | }
| + | |
- | | + | |
- | h1.BSA_header{
| + | |
- | margin: 15px 1px 1px 1px;
| + | |
- | border:none;
| + | |
- | text-decoration:none;
| + | |
- | color:#B0E;
| + | |
- | font-size:110%;
| + | |
- | }
| + | |
- | h1.BSA_announce{
| + | |
- | margin: 20px 1px 1px 1px;
| + | |
- | border:none;
| + | |
- | text-decoration:none;
| + | |
- | color:#B0E;
| + | |
- | font-size:115%;
| + | |
- | }
| + | |
- | h1.BSA_announce a.HP{
| + | |
- | color:#B0E;
| + | |
- | text-decoration:underline;
| + | |
- | }
| + | |
- | h1.BSA_announce a.HP:hover{
| + | |
- | font-size:120%;
| + | |
- | }
| + | |
- | | + | |
- | #textContent a{
| + | |
- | text-decoration: underline;
| + | |
- | color: #008800; /*green*/
| + | |
- | | + | |
- | }
| + | |
- | #textContent a:visited{
| + | |
- | color: #540054; /*lighter green*/
| + | |
- | text-decoration: underline;
| + | |
- | }
| + | |
- | | + | |
- | #textContent a.anchor{
| + | |
- | color: #000000;
| + | |
- | }
| + | |
- | #tableabi{
| + | |
- | background:white;
| + | |
- | }
| + | |
- | | + | |
- | /*menu css*/
| + | |
- | span.reference{
| + | |
- | position:fixed;
| + | |
- | left:0px;
| + | |
- | bottom:0px;
| + | |
- | font-size:12px;
| + | |
- | }
| + | |
- |
| + | |
- | span.reference a{
| + | |
- | color:#aaa;
| + | |
- | text-transform:uppercase;
| + | |
- | text-decoration:none;
| + | |
- | text-shadow:1px 1px 1px #000;
| + | |
- | margin-right:200px;
| + | |
- | }
| + | |
- | | + | |
- | span.reference a:hover{
| + | |
- | color:#ddd;
| + | |
- | }
| + | |
- | | + | |
- | ul.menu_unamgenomics{
| + | |
- | margin-top:0px;
| + | |
- | width:1000px;
| + | |
- | align:center;
| + | |
- | | + | |
- | }
| + | |
- | | + | |
- | | + | |
- |
| + | |
- | ul.menu_unamgenomics{
| + | |
- | color:#000;
| + | |
- | margin:0;
| + | |
- | padding:0;
| + | |
- | list-style: none;
| + | |
- | font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
| + | |
- | font-size:14px;
| + | |
- | width:976;
| + | |
- | }
| + | |
- | | + | |
- | ul.menu_unamgenomics a{
| + | |
- | text-decoration:none;
| + | |
- | outline:none;
| + | |
- | }
| + | |
- | | + | |
- | ul.menu_unamgenomics li{
| + | |
- | float:left;
| + | |
- | width:162px;
| + | |
- | height:95px;
| + | |
- | position:relative;
| + | |
- | cursor:pointer;
| + | |
- | }
| + | |
- | | + | |
- | ul.menu_unamgenomics li > a{
| + | |
- | position:absolute;
| + | |
- | top:0px;
| + | |
- | left:0px;
| + | |
- | width:162px;
| + | |
- | height:95px;
| + | |
- | z-index:12;
| + | |
- | background:transparent url(../images/overlay.png) no-repeat bottom right;
| + | |
- | -moz-box-shadow:0px 0px 2px #000 inset;
| + | |
- | -webkit-box-shadow:0px 0px 2px #000 inset;
| + | |
- | box-shadow:0px 0px 2px #000 inset;
| + | |
- | color: #FFF;
| + | |
- | background-color: #FFFFFF;
| + | |
- | }
| + | |
- | | + | |
- | ul.menu_unamgenomics li a img{
| + | |
- | border:none;
| + | |
- | position:absolute;
| + | |
- | width:0px;
| + | |
- | height:0px;
| + | |
- | bottom:0px;
| + | |
- | left:85px;
| + | |
- | z-index:100;
| + | |
- | | + | |
- | }
| + | |
- | | + | |
- | ul.menu_unamgenomics li span.sdt_wrap{
| + | |
- | position:absolute;
| + | |
- | top:25px;
| + | |
- | left:0px;
| + | |
- | width:162px;
| + | |
- | height:60px;
| + | |
- | z-index:15;
| + | |
- | }
| + | |
- | | + | |
- | ul.menu_unamgenomics li span.menu_unamgenomics_activo{
| + | |
- | position:absolute;
| + | |
- | background:#FFF;
| + | |
- | top:85px;
| + | |
- | width:162px;
| + | |
- | height:0px;
| + | |
- | left:0px;
| + | |
- | z-index:14;
| + | |
- | -moz-box-shadow:0px 0px 4px #000 inset;
| + | |
- | -webkit-box-shadow:0px 0px 4px #000 inset;
| + | |
- | box-shadow:0px 0px 4px #000 inset;
| + | |
- | }
| + | |
- | | + | |
- | ul.menu_unamgenomics li span span.menu_links,
| + | |
- | ul.menu_unamgenomics li span span.menu_descripcion,
| + | |
- | ul.menu_unamgenomics li div.menu_caja a{
| + | |
- | margin-left:15px;
| + | |
- | text-transform:uppercase;
| + | |
- | text-shadow:1px 1px 1px #000;
| + | |
- | }
| + | |
- | | + | |
- | ul.menu_unamgenomics li span span.menu_links{
| + | |
- | color:#fff;
| + | |
- | font-size:24px;
| + | |
- | float:left;
| + | |
- | clear:both;
| + | |
- | }
| + | |
- | | + | |
- | ul.menu_unamgenomics li span span.menu_descripcion{
| + | |
- | color:#0B75AF;
| + | |
- | float:left;
| + | |
- | clear:both;
| + | |
- | width:162px; /*For dumbass IE7*/
| + | |
- | font-size:10px;
| + | |
- | letter-spacing:1px;
| + | |
- | }
| + | |
- | | + | |
- | ul.menu_unamgenomics li div.menu_caja{
| + | |
- | display:block;
| + | |
- | position:absolute;
| + | |
- | width:162px;
| + | |
- | overflow:hidden;
| + | |
- | height:auto;
| + | |
- | top:85px;
| + | |
- | left:0px;
| + | |
- | display:none;
| + | |
- | background-color: #FFF;
| + | |
- | }
| + | |
- | | + | |
- | ul.menu_unamgenomics li div.menu_caja a{
| + | |
- | float:left;
| + | |
- | clear:both;
| + | |
- | line-height:30px;
| + | |
- | color:#0B75AF;
| + | |
- | }
| + | |
- | | + | |
- | ul.menu_unamgenomics li div.menu_caja a:first-child{
| + | |
- | margin-top:15px;
| + | |
- | }
| + | |
- | | + | |
- | ul.menu_unamgenomics li div.menu_caja a:hover{
| + | |
- | color:#F60;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | /* Image on hover description */
| + | |
- | | + | |
- | td {
| + | |
- | background-color: transparent;
| + | |
- | background-repeat: no-repeat;
| + | |
- | clear: both;
| + | |
- | height: auto;
| + | |
- | width: auto;
| + | |
- | }
| + | |
- | | + | |
- | .imgteaser {
| + | |
- | margin: 0;
| + | |
- | overflow: hidden;
| + | |
- | float: left;
| + | |
- | position: relative;
| + | |
- | }
| + | |
- | .imgteaser a {
| + | |
- | text-decoration: none;
| + | |
- | float: left;
| + | |
- | }
| + | |
- | .imgteaser a:hover {
| + | |
- | cursor: pointer;
| + | |
- | }
| + | |
- | .imgteaser a img {
| + | |
- | float: left;
| + | |
- | margin: 0;
| + | |
- | border: none;
| + | |
- | padding: 20px;
| + | |
- | background: #FFF;
| + | |
- | border: 0px solid #ddd;
| + | |
- | }
| + | |
- | | + | |
- | .imgteaser a .desc { display: none; }
| + | |
- | | + | |
- | .imgteaser a:hover .desc{
| + | |
- | display: block;
| + | |
- | font-size: 1.1em;
| + | |
- | padding: 20px 0;
| + | |
- | background: #111;
| + | |
- | filter:alpha(opacity=65);
| + | |
- | opacity:.65;
| + | |
- | -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
| + | |
- | color: #fff;
| + | |
- | position: absolute;
| + | |
- | bottom: 11px;
| + | |
- | left: 11px;
| + | |
- | padding: 10px;
| + | |
- | margin: 0;
| + | |
- | width: 230px;
| + | |
- | height:100px;
| + | |
- | border-top: 1px solid #999;
| + | |
- | }
| + | |
- | .imgteaser a:hover .desc strong {
| + | |
- | display: block;
| + | |
- | margin-bottom: 5px;
| + | |
- | font-size:1.2em;
| + | |
- | }
| + | |
- | | + | |
- | </style>
| + | |
- | | + | |
- | </head>
| + | |
- | | + | |
- | <body>
| + | |
- | <div id="globalWrapper">
| + | |
- | <div class="igemimage"><a href="/"><img src="https://static.igem.org/mediawiki/2012/e/e4/UNAMGenomicsIGEMlogo.gif" height="150"></a></div>
| + | |
- | <!--"here goes the imgs "-->
| + | |
- | | + | |
- | <div class="igemimageleft1"><a href="/"><img src="https://static.igem.org/mediawiki/2012/e/e4/UNAMGenomicsIGEMlogo.gif" height="150"></a></div>
| + | |
- | <div class="igemimageleft2"><a href="/"><img src="https://static.igem.org/mediawiki/2012/e/e4/UNAMGenomicsIGEMlogo.gif" height="150"></a></div>
| + | |
- | <div class="igemimageleft3"><a href="/"><img src="https://static.igem.org/mediawiki/2012/e/e4/UNAMGenomicsIGEMlogo.gif" height="150"></a></div>
| + | |
- | <div class="igemimageleft4"><a href="/"><img src="https://static.igem.org/mediawiki/2012/e/e4/UNAMGenomicsIGEMlogo.gif" height="150"></a></div>
| + | |
- | | + | |
- | | + | |
- | </div>
| + | |
- | <div id="container">
| + | |
- | | + | |
- | | + | |
- |
| + | |
- | <div class="header">
| + | |
- | <img src="https://static.igem.org/mediawiki/2012/7/79/Unamgenomicsheaderblanco.jpg" width=" 976px" height="203px" id="Insert_logo" style="background: #8090AB; display:block; "></a>
| + | |
- | | + | |
- | <table bgcolor="#000000" border="0px" height="95" width="10" id="tableabi">
| + | |
| <tr> | | <tr> |
- | <td></td>
| + | <td id="leftcolumn2">Nanotubes!!</td> |
| + | <td id="contentcolumn2">The logic</td> |
| + | <td id="rightcolumn2">Random info</td> |
| + | </tr> |
| + | </table> |
| + | </html> |
| | | |
- | <td> | + | <br /> |
- | <ul id="menu_unamgenomics" class="menu_unamgenomics"><li>
| + | <br /> |
- | <a href="#">
| + | <h1>Project description</h1> |
- | <img src="https://static.igem.org/mediawiki/2012/d/d1/Unamgenomicsmenuverde.gif" alt="" width="150" height="150"/>
| + | <br /> |
- | <span class="menu_unamgenomics_activo"></span>
| + | <h2>BACILLUS BOOLEANUS</h2> |
- | <span class="sdt_wrap">
| + | <br /> |
- | <span class="menu_links">HOME</span>
| + | A logic gate is an idealized or physical device implementing a Boolean function, that is, it performs a logical operation on one or more logic inputs and produces a single logic output. To build a functionally complete logic system, transistors can be used. A single transistor is not a computer, many of them are necessary and they need to communicate with each other, in this way a complex logic system can be created. The architecture of gene regulatory networks is reminiscent of electronic circuits. Modular building blocks that respond in a logical way to one or several inputs are connected to perform a variety of complex tasks. Taking these two main ideas, it could be possible to create a “molecular computer”. Bacillus Booleanus is a project that wants create a “molecular computer”. How it works? We are working on the creation of different strains of Bacillus Subtilis, each one will be able to perform a single Boolean operation just like a transistor. As we mentioned our transistors need to communicate, but how could this be possible? In 2011 Ben--Yehuda et al identified a type of bacterial communication mediated by nanotubes that bridge neighboring cells, providing a network for exchange of cellular molecules within and between species. By using these nanotubes our bacterium will be capable to communicate with others so that create complex networks of logic gates. Using this it could be possible to develop a complex network of "transistors" to create, for example, a synthetic metabolic pathway. |
- | <span class="menu_descripcion">HOME</span>
| + | |
- | </span>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <a href="#">
| + | |
- | <img src="https://static.igem.org/mediawiki/2012/c/c2/UnamgenomicsRojo.gif" alt="" width="150" height="150"/>
| + | |
- | <span class="menu_unamgenomics_activo"></span>
| + | |
- | <span class="sdt_wrap">
| + | |
- | <span class="menu_links">TEAM</span>
| + | |
- | <span class="menu_descripcion">TEAM</span>
| + | |
- | </span>
| + | |
- | </a>
| + | |
- | <div class="menu_caja">
| + | |
- | <a href="#">STUDENTS</a>
| + | |
- | <a href="#">ADVISORS</a>
| + | |
- | <a href="#">PHDs</a>
| + | |
- | </div>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <a href="#">
| + | |
- | <img src="https://static.igem.org/mediawiki/2012/5/56/Unamgenomicsrosa.gif" alt="" width="150" height="150"/>
| + | |
- | <span class="menu_unamgenomics_activo"></span>
| + | |
- | <span class="sdt_wrap">
| + | |
- | <span class="menu_links">Design/
| + | |
- | Experiment</span>
| + | |
- | <span class="menu_descripcion"></span>
| + | |
- | </span>
| + | |
- | </a>
| + | |
- | <div class="menu_caja">
| + | |
- | <a href="#">BOX 1</a>
| + | |
- | <a href="#">BOX 2</a>
| + | |
- | <a href="#">BOX 3</a>
| + | |
- | <a href="#">BOX 4</a>
| + | |
- | <a href="#">BOX 5</a>
| + | |
- | <a href="#">BOX 6</a>
| + | |
- | </div>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <a href="#">
| + | |
- | <img src="https://static.igem.org/mediawiki/2012/4/41/Unamgenomicsnaranja.gif" alt="" width="150" height="150"/>
| + | |
- | <span class="menu_unamgenomics_activo"></span>
| + | |
- | <span class="sdt_wrap">
| + | |
- | <span class="menu_links">Results</span>
| + | |
- | <span class="menu_descripcion"></span>
| + | |
- | </span>
| + | |
- | </a>
| + | |
- | <div class="menu_caja">
| + | |
- | <a href="#">BOX 1</a>
| + | |
- | <a href="#">BOX 2</a>
| + | |
- | <a href="#">BOX 3</a>
| + | |
- | <a href="#">Box 4</a>
| + | |
- | <a href="#">BOx 5</a>
| + | |
- | </div>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <a href="#">
| + | |
- | <img src="https://static.igem.org/mediawiki/2012/0/04/UnamgenomicsLimon.gif" alt="" width="150" height="150"/>
| + | |
- | <span class="menu_unamgenomics_activo"></span>
| + | |
- | <span class="sdt_wrap">
| + | |
- | <span class="menu_links">Human Practice & Safety</span>
| + | |
- | <span class="menu_descripcion"></span>
| + | |
- | </span>
| + | |
- | </a>
| + | |
- | <div class="menu_caja">
| + | |
- | <a href="#">a1</a>
| + | |
- | <a href="#">11</a>
| + | |
- | <a href="#">33 &
| + | |
- | 66</a>
| + | |
- | </div>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <a href="#">
| + | |
- | <img src="https://static.igem.org/mediawiki/2012/7/7b/UnamgenomicsMorado.gif" alt="" width="150" height="150"/>
| + | |
- | <span class="menu_unamgenomics_activo"></span>
| + | |
- | <span class="sdt_wrap">
| + | |
- | <span class="menu_links">About Us</span>
| + | |
- | <span class="menu_descripcion"></span>
| + | |
- | </span>
| + | |
- | </a>
| + | |
- | <div class="menu_caja">
| + | |
- | <a href="#">The School</a>
| + | |
- | <a href="#">The Team</a>
| + | |
- | <a href="#">China Meetup</a>
| + | |
- | <a href="#">Acknowledgement</a>
| + | |
- | </div>
| + | |
- | </li>
| + | |
- | </ul>
| + | |
- | </td> | + | |
- | </tr></table>
| + | |
| | | |
| | | |
- | | + | }} |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- |
| + | |
- |
| + | |
- |
| + | |
- | </div><!--class="header"-->
| + | |
- | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
| + | |
- | | + | |
- | | + | |
- | <script type="text/javascript">
| + | |
- | /*
| + | |
- | * jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
| + | |
- | *
| + | |
- | * Uses the built in easing capabilities added In jQuery 1.1
| + | |
- | * to offer multiple easing options
| + | |
- | *
| + | |
- | * TERMS OF USE - jQuery Easing
| + | |
- | *
| + | |
- | * Open source under the BSD License.
| + | |
- | *
| + | |
- | * Copyright 2008 George McGinley Smith
| + | |
- | * All rights reserved.
| + | |
- | *
| + | |
- | * Redistribution and use in source and binary forms, with or without modification,
| + | |
- | * are permitted provided that the following conditions are met:
| + | |
- | *
| + | |
- | * Redistributions of source code must retain the above copyright notice, this list of
| + | |
- | * conditions and the following disclaimer.
| + | |
- | * Redistributions in binary form must reproduce the above copyright notice, this list
| + | |
- | * of conditions and the following disclaimer in the documentation and/or other materials
| + | |
- | * provided with the distribution.
| + | |
- | *
| + | |
- | * Neither the name of the author nor the names of contributors may be used to endorse
| + | |
- | * or promote products derived from this software without specific prior written permission.
| + | |
- | *
| + | |
- | * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
| + | |
- | * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
| + | |
- | * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
| + | |
- | * COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
| + | |
- | * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
| + | |
- | * GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
| + | |
- | * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
| + | |
- | * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
| + | |
- | * OF THE POSSIBILITY OF SUCH DAMAGE.
| + | |
- | *
| + | |
- | */
| + | |
- | | + | |
- | // t: current time, b: begInnIng value, c: change In value, d: duration
| + | |
- | jQuery.easing['jswing'] = jQuery.easing['swing'];
| + | |
- | | + | |
- | jQuery.extend( jQuery.easing,
| + | |
- | {
| + | |
- | def: 'easeOutQuad',
| + | |
- | swing: function (x, t, b, c, d) {
| + | |
- | //alert(jQuery.easing.default);
| + | |
- | return jQuery.easing[jQuery.easing.def](x, t, b, c, d);
| + | |
- | },
| + | |
- | easeInQuad: function (x, t, b, c, d) {
| + | |
- | return c*(t/=d)*t + b;
| + | |
- | },
| + | |
- | easeOutQuad: function (x, t, b, c, d) {
| + | |
- | return -c *(t/=d)*(t-2) + b;
| + | |
- | },
| + | |
- | easeInOutQuad: function (x, t, b, c, d) {
| + | |
- | if ((t/=d/2) < 1) return c/2*t*t + b;
| + | |
- | return -c/2 * ((--t)*(t-2) - 1) + b;
| + | |
- | },
| + | |
- | easeInCubic: function (x, t, b, c, d) {
| + | |
- | return c*(t/=d)*t*t + b;
| + | |
- | },
| + | |
- | easeOutCubic: function (x, t, b, c, d) {
| + | |
- | return c*((t=t/d-1)*t*t + 1) + b;
| + | |
- | },
| + | |
- | easeInOutCubic: function (x, t, b, c, d) {
| + | |
- | if ((t/=d/2) < 1) return c/2*t*t*t + b;
| + | |
- | return c/2*((t-=2)*t*t + 2) + b;
| + | |
- | },
| + | |
- | easeInQuart: function (x, t, b, c, d) {
| + | |
- | return c*(t/=d)*t*t*t + b;
| + | |
- | },
| + | |
- | easeOutQuart: function (x, t, b, c, d) {
| + | |
- | return -c * ((t=t/d-1)*t*t*t - 1) + b;
| + | |
- | },
| + | |
- | easeInOutQuart: function (x, t, b, c, d) {
| + | |
- | if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
| + | |
- | return -c/2 * ((t-=2)*t*t*t - 2) + b;
| + | |
- | },
| + | |
- | easeInQuint: function (x, t, b, c, d) {
| + | |
- | return c*(t/=d)*t*t*t*t + b;
| + | |
- | },
| + | |
- | easeOutQuint: function (x, t, b, c, d) {
| + | |
- | return c*((t=t/d-1)*t*t*t*t + 1) + b;
| + | |
- | },
| + | |
- | easeInOutQuint: function (x, t, b, c, d) {
| + | |
- | if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
| + | |
- | return c/2*((t-=2)*t*t*t*t + 2) + b;
| + | |
- | },
| + | |
- | easeInSine: function (x, t, b, c, d) {
| + | |
- | return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
| + | |
- | },
| + | |
- | easeOutSine: function (x, t, b, c, d) {
| + | |
- | return c * Math.sin(t/d * (Math.PI/2)) + b;
| + | |
- | },
| + | |
- | easeInOutSine: function (x, t, b, c, d) {
| + | |
- | return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
| + | |
- | },
| + | |
- | easeInExpo: function (x, t, b, c, d) {
| + | |
- | return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
| + | |
- | },
| + | |
- | easeOutExpo: function (x, t, b, c, d) {
| + | |
- | return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
| + | |
- | },
| + | |
- | easeInOutExpo: function (x, t, b, c, d) {
| + | |
- | if (t==0) return b;
| + | |
- | if (t==d) return b+c;
| + | |
- | if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
| + | |
- | return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
| + | |
- | },
| + | |
- | easeInCirc: function (x, t, b, c, d) {
| + | |
- | return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
| + | |
- | },
| + | |
- | easeOutCirc: function (x, t, b, c, d) {
| + | |
- | return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
| + | |
- | },
| + | |
- | easeInOutCirc: function (x, t, b, c, d) {
| + | |
- | if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
| + | |
- | return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
| + | |
- | },
| + | |
- | easeInElastic: function (x, t, b, c, d) {
| + | |
- | var s=1.70158;var p=0;var a=c;
| + | |
- | if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
| + | |
- | if (a < Math.abs(c)) { a=c; var s=p/4; }
| + | |
- | else var s = p/(2*Math.PI) * Math.asin (c/a);
| + | |
- | return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
| + | |
- | },
| + | |
- | easeOutElastic: function (x, t, b, c, d) {
| + | |
- | var s=1.70158;var p=0;var a=c;
| + | |
- | if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
| + | |
- | if (a < Math.abs(c)) { a=c; var s=p/4; }
| + | |
- | else var s = p/(2*Math.PI) * Math.asin (c/a);
| + | |
- | return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
| + | |
- | },
| + | |
- | easeInOutElastic: function (x, t, b, c, d) {
| + | |
- | var s=1.70158;var p=0;var a=c;
| + | |
- | if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5);
| + | |
- | if (a < Math.abs(c)) { a=c; var s=p/4; }
| + | |
- | else var s = p/(2*Math.PI) * Math.asin (c/a);
| + | |
- | if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
| + | |
- | return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
| + | |
- | },
| + | |
- | easeInBack: function (x, t, b, c, d, s) {
| + | |
- | if (s == undefined) s = 1.70158;
| + | |
- | return c*(t/=d)*t*((s+1)*t - s) + b;
| + | |
- | },
| + | |
- | easeOutBack: function (x, t, b, c, d, s) {
| + | |
- | if (s == undefined) s = 1.70158;
| + | |
- | return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
| + | |
- | },
| + | |
- | easeInOutBack: function (x, t, b, c, d, s) {
| + | |
- | if (s == undefined) s = 1.70158;
| + | |
- | if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
| + | |
- | return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
| + | |
- | },
| + | |
- | easeInBounce: function (x, t, b, c, d) {
| + | |
- | return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;
| + | |
- | },
| + | |
- | easeOutBounce: function (x, t, b, c, d) {
| + | |
- | if ((t/=d) < (1/2.75)) {
| + | |
- | return c*(7.5625*t*t) + b;
| + | |
- | } else if (t < (2/2.75)) {
| + | |
- | return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
| + | |
- | } else if (t < (2.5/2.75)) {
| + | |
- | return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
| + | |
- | } else {
| + | |
- | return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
| + | |
- | }
| + | |
- | },
| + | |
- | easeInOutBounce: function (x, t, b, c, d) {
| + | |
- | if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;
| + | |
- | return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;
| + | |
- | }
| + | |
- | });
| + | |
- | | + | |
- | /*
| + | |
- | *
| + | |
- | * TERMS OF USE - EASING EQUATIONS
| + | |
- | *
| + | |
- | * Open source under the BSD License.
| + | |
- | *
| + | |
- | * Copyright 2001 Robert Penner
| + | |
- | * All rights reserved.
| + | |
- | *
| + | |
- | * Redistribution and use in source and binary forms, with or without modification,
| + | |
- | * are permitted provided that the following conditions are met:
| + | |
- | *
| + | |
- | * Redistributions of source code must retain the above copyright notice, this list of
| + | |
- | * conditions and the following disclaimer.
| + | |
- | * Redistributions in binary form must reproduce the above copyright notice, this list
| + | |
- | * of conditions and the following disclaimer in the documentation and/or other materials
| + | |
- | * provided with the distribution.
| + | |
- | *
| + | |
- | * Neither the name of the author nor the names of contributors may be used to endorse
| + | |
- | * or promote products derived from this software without specific prior written permission.
| + | |
- | *
| + | |
- | * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
| + | |
- | * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
| + | |
- | * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
| + | |
- | * COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
| + | |
- | * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
| + | |
- | * GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
| + | |
- | * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
| + | |
- | * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
| + | |
- | * OF THE POSSIBILITY OF SUCH DAMAGE.
| + | |
- | *
| + | |
- | */
| + | |
- | </script>
| + | |
- | | + | |
- | <script type="text/javascript">
| + | |
- | $(function() {
| + | |
- | /**
| + | |
- | * for each menu element, on mouseenter,
| + | |
- | * we enlarge the image, and show both menu_unamgenomics_activo span and
| + | |
- | * sdt_wrap span. If the element has a sub menu (menu_caja),
| + | |
- | * then we slide it - if the element is the last one in the menu
| + | |
- | * we slide it to the left, otherwise to the right
| + | |
- | */
| + | |
- | $('#menu_unamgenomics > li').bind('mouseenter',function(){
| + | |
- | | + | |
- | var $elem = $(this);
| + | |
- | $elem.find('img')
| + | |
- | .stop(true)
| + | |
- | .animate({
| + | |
- | 'width':'155px',
| + | |
- | 'height':'155px',
| + | |
- | 'left':'0px'
| + | |
- | },400,'easeOutBack')
| + | |
- | .andSelf()
| + | |
- | .find('.sdt_wrap')
| + | |
- | .stop(true)
| + | |
- | .animate({'top':'140px'},500,'easeOutBack')
| + | |
- | .andSelf()
| + | |
- | .find('.menu_unamgenomics_activo')
| + | |
- | .stop(true)
| + | |
- | .animate({'height':'155px'},300,function(){
| + | |
- | var $sub_menu = $elem.find('.menu_caja');
| + | |
- | if($sub_menu.length){
| + | |
- | var left = '155px';
| + | |
- | if($elem.parent().children().length == $elem.index()+1)
| + | |
- | left = '-155px';
| + | |
- | $sub_menu.show().animate({'left':left},200);
| + | |
- | }
| + | |
- | });
| + | |
- | }).bind('mouseleave',function(){
| + | |
- | var $elem = $(this);
| + | |
- | var $sub_menu = $elem.find('.menu_caja');
| + | |
- | if($sub_menu.length)
| + | |
- | $sub_menu.hide().css('left','0px');
| + | |
- |
| + | |
- | $elem.find('.menu_unamgenomics_activo')
| + | |
- | .stop(true)
| + | |
- | .animate({'height':'0px'},300)
| + | |
- | .andSelf().find('img')
| + | |
- | .stop(true)
| + | |
- | .animate({
| + | |
- | 'width':'0px',
| + | |
- | 'height':'0px',
| + | |
- | 'left':'85px'},400)
| + | |
- | .andSelf()
| + | |
- | .find('.sdt_wrap')
| + | |
- | .stop(true)
| + | |
- | .animate({'top':'25px'},500);
| + | |
- | });
| + | |
- | });
| + | |
- | </script>
| + | |
- | | + | |
- | </body>
| + | |
- | </html>
| + | |
- | | + | |
- | <div id="textContent" align="center">
| + | |
- | <br /><br /><br />{{{content}}}
| + | |
- | </div>
| + | |