|
|
Line 1: |
Line 1: |
| __NOTOC__ | | __NOTOC__ |
| <html> | | <html> |
- | <head> | + | <style> |
- | <meta http-equiv="content-type" content="text/html;charset=utf-8" />
| + | div { |
- | <title>Tec de Monterrey </title>
| + | } |
| | | |
- | <script type="text/javascript"><!--
| + | #globalWrapper { |
- | var delay=7000
| + | background: #05182B; |
- | var ie4=document.all
| + | width: 100%; |
- | var curindex=0
| + | min-height: 757px; |
- | var totalcontent=0
| + | height: 100%; |
- | function get_total(){
| + | position: relative; |
- | if (ie4){
| + | margin-left: auto; |
- | while (eval("document.all.content"+totalcontent))
| + | margin-right: auto; |
- | totalcontent++
| + | text-align: center; |
| } | | } |
- | else{
| + | #top-section { |
- | while (document.getElementById("content"+totalcontent))
| + | height: auto; |
- | totalcontent++
| + | position: relative; |
| + | margin-top: 0px; |
| + | margin-bottom: 0px; |
| + | padding: 0px; |
| } | | } |
| + | #toc { |
| + | background: inherit; |
| + | border: none; |
| } | | } |
- | function contract_all(){
| + | #menubar { |
- | for (y=0;y<totalcontent;y++){
| + | font-size: 80%; |
- | if (ie4)
| + | position: absolute; |
- | eval("document.all.content"+y).style.display="none"
| + | top: 0px; |
- | else
| + | margin: 0px !important; |
- | document.getElementById("content"+y).style.display="none"
| + | padding: 0px !important; |
| + | font-family: "Helvetica", "Arial", sans-serif; |
| + | color: #e5f6ff !important; |
| + | text-transform: uppercase; |
| + | text-shadow: 1px 1px 2px black; |
| + | filter: Shadow(Color=black, |
| + | Direction=135, |
| + | Strength=2); |
| } | | } |
| + | #menubar ul:hover { |
| + | background: black; |
| } | | } |
- | function expand_one(which){
| + | #menubar ul { |
- | contract_all()
| + | margin: 0px; |
- | if (ie4)
| + | padding: 0px; |
- | eval("document.all.content"+which).style.display=""
| + | |
- | else
| + | |
- | document.getElementById("content"+which).style.display=""
| + | |
| } | | } |
- | function rotate_content(){
| + | #menubar li { |
- | get_total()
| + | margin: 0px; |
- | contract_all()
| + | padding: 0px; |
- | expand_one(curindex)
| + | |
- | curindex=(curindex<totalcontent-1)? curindex+1: 0
| + | |
- | setTimeout("rotate_content()",delay)
| + | |
| } | | } |
- | window.onload=rotate_content
| + | #menubar a { |
- | //--></script>
| + | color: #e5f6ff !important; |
- | </head>
| + | font-weight: normal; |
- | | + | |
- | <style>
| + | |
- | body{
| + | |
- | background-color: #05182B ;
| + | |
- | font: 11px Arial; | + | |
- | color: #888888;
| + | |
- | padding: 5px 5px 5px 5px;
| + | |
- | }
| + | |
- | | + | |
- | b{
| + | |
- | color: #ffffff;
| + | |
| } | | } |
- | | + | #content { |
- | .heading{
| + | height: 100%; |
- | color: #000;
| + | width: 975px; |
- | font: 14px century gothic;
| + | margin-left: auto; |
- | padding: 5px 5px 2px 5px; | + | margin-right: auto; |
- | font-weight: bold;
| + | padding-left: 0px; |
| + | padding-right: 0px; |
| + | position: relative; |
| + | text-align: left; |
| + | background: none; |
| + | background-position: inherit; |
| + | border: 0px; |
| } | | } |
- | | + | #p-logo { |
- | .header{
| + | display: none; |
- | z-index: 1;
| + | |
- | position: absolute;
| + | |
- | top: 5px;
| + | |
- | height: 300px;
| + | |
- | }
| + | |
- | | + | |
- | .menu{
| + | |
- | z-index: 5;
| + | |
- | position: absolute;
| + | |
- | top: 188px ;
| + | |
- | font: 19px Arial;
| + | |
- | text-align: center;
| + | |
- | }
| + | |
- | | + | |
- | .menubg{
| + | |
- | position: absolute;
| + | |
- | top: 220px;
| + | |
- | background-color: #FFFFFF;
| + | |
- | width: 966px;
| + | |
- | height: 35px;
| + | |
- | /* for IE */
| + | |
- | filter:alpha(opacity=75);
| + | |
- | /* CSS3 standard */
| + | |
- | opacity:0.75;
| + | |
- | z-index:2;
| + | |
- | }
| + | |
- | a:link{color: #fff;}
| + | |
- | a:visited{color: #fff;}
| + | |
- | a:active{color: #fff;}
| + | |
- | </style>
| + | |
- | | + | |
- | <body bgcolor="#414141">
| + | |
- | <body align:center>
| + | |
- | | + | |
- | | + | |
- | | + | |
- | <div class="header">
| + | |
- | <div class="titlebg">
| + | |
- | </div>
| + | |
- | <div id="content0" style="display:none">
| + | |
- | <img src="http://i138.photobucket.com/albums/q274/gnoxyz/iGEM/cbplano.png" width="966px" height="250px" border="0"></div>
| + | |
- | <div id="content1" style="display:none">
| + | |
- | <img src="http://i138.photobucket.com/albums/q274/gnoxyz/iGEM/legosplano.png" width="966px" height="250px" border="0"></div>
| + | |
- | <div id="content2" style="display:none">
| + | |
- | <img src="http://i138.photobucket.com/albums/q274/gnoxyz/iGEM/teamplano.png" width="966px" height="250px" border="0"></div>
| + | |
- | <div id="content3" style="display:none">
| + | |
- | <img src="http://i138.photobucket.com/albums/q274/gnoxyz/iGEM/electroplano.png" width="966px" height="250px" border="0"></div>
| + | |
- | | + | |
- | </div>
| + | |
- | | + | |
- | <div class="menubg">
| + | |
- | </div>
| + | |
- | | + | |
- | <div class="menu">
| + | |
- | | + | |
- | <!--[if lt IE 7]>
| + | |
- | <script type="text/javascript">
| + | |
- | | + | |
- | sfHover = function() {
| + | |
- | var sfEls = document.getElementById("nav").getElementsByTagName("LI");
| + | |
- | for (var i=0; i<sfEls.length; i++) {
| + | |
- | sfEls[i].onmouseover=function() {
| + | |
- | this.className+=" over";
| + | |
- | }
| + | |
- | sfEls[i].onmouseout=function() {
| + | |
- | this.className=this.className.replace(new RegExp(" over\\b"), "");
| + | |
- | }
| + | |
- | }
| + | |
| } | | } |
- | if (window.attachEvent) window.attachEvent("onload", sfHover);
| |
| | | |
- | </script>
| + | a { |
- | <![endif]-->
| + | color: #F3F5F7; |
- | <style type="text/css">
| + | font-weight: bold; |
- | /* general styling */
| + | } |
- | *{margin:0;padding:0}
| + | a:hover { |
| + | color: #F3F5F7; |
| + | text-decoration: underline; |
| + | } |
| + | a:active { |
| + | color: #F3F5F7; |
| + | } |
| + | a:visited { |
| + | color: #D5DBE2; |
| + | } |
| + | a.new { |
| + | color: #FFC0C0; |
| + | } |
| + | a.new:hover { |
| + | color: #FFD0D0; |
| + | } |
| + | a.new:active { |
| + | color: #FFE0E0; |
| + | } |
| + | a.new:visited { |
| + | color: #FFB0B0; |
| + | } |
| + | #topbar a { |
| + | font-weight: normal; |
| + | } |
| body { | | body { |
- | font: x-small Verdana, Arial, Helvetica, sans-serif; | + | background: #0e1523 url('https://static.igem.org/mediawiki/2010/5/51/Queens-Canada_Tile.gif') top center repeat-y; |
- | text-align:left; | + | color: #e5f6ff; |
- | padding:20px; | + | font-family: Helvetica, Arial, sans-serif; |
- | } | + | margin: 0px; |
- | .outer{
| + | height: 100%; |
- | padding:0px 0 0 0;
| + | |
- | width:966px; | + | |
- | margin:auto;
| + | |
- | position:relative;
| + | |
- | text-align:center;
| + | |
| } | | } |
- | | + | h1, h2, h3, h4 { |
- | /* drop up */
| + | color: #e5f6ff; |
- | ul#nav,ul#nav ul {
| + | text-shadow: 1px 1px 2px black; |
- | margin: 0; | + | border: none; |
- | padding: 0; | + | font-weight: normal; |
- | list-style: none; | + | filter: Shadow(Color=black, |
| + | Direction=135, |
| + | Strength=2); |
| } | | } |
- | ul#nav {
| + | h1 { |
- | width:966px;
| + | border-bottom: 1px solid #e5f6ff; |
- | height:25px;
| + | |
- |
| + | |
| } | | } |
- | | + | .editsection { |
- | ul#nav li {
| + | font-size: 14px; |
- | position: relative;
| + | color: #5B7AA2; |
- | float: left;
| + | |
- | width:161px;
| + | |
- | height:25px;
| + | |
- | color:#fff;
| + | |
- | text-align:left;
| + | |
| } | | } |
- | ul#nav li a {
| + | .editsection a { |
- | text-decoration: none;
| + | font-weight: normal; |
- | color:#003366;
| + | color: #5B7AA2; |
- |
| + | |
| } | | } |
- | #nav li ul {
| + | table, tr, td, th { |
- | position: absolute;
| + | background: inherit; |
- | left: 0;
| + | color: #e5f6ff; |
- | top:66px;
| + | |
- | margin-left:-999em;
| + | |
- | border:none;
| + | |
- | height:136px;
| + | |
- | width:161px;
| + | |
- | background:#ffffff;
| + | |
- | /*opacity for IE5+*/
| + | |
- | filter: alpha(opacity=75);
| + | |
- | /*opacity for older Mozilla browsers*/
| + | |
- | -moz-opacity: 0.75;
| + | |
- | /*opacity for mozilla/safari*/
| + | |
- | opacity: 0.75;
| + | |
| } | | } |
- | ul#nav li li{height:auto;border:none;}
| + | .firstHeading |
- | ul#nav li li a{
| + | { |
- | color:#fff; | + | color: #e5f6ff; |
- | padding:2px 5px 2px 5px;
| + | display: none; |
- | display:block; | + | |
| } | | } |
- | ul#nav li:hover ul,
| + | #content { |
- | ul#nav li.over ul {
| + | color: #e5f6ff; |
- | margin-left:0; | + | background: inherit; |
| + | } |
| + | #footer-box { |
| + | display: none; |
| + | } |
| + | #body2 { |
| + | width: 795px; |
| + | margin-left: 5px; |
| + | margin-top: 5px; |
| + | } |
| + | #nav { |
| + | width: 325px; |
| + | height: 135px; |
| + | overflow: hidden; |
| + | } |
| + | .nav { |
| + | height: 135px; |
| + | } |
| + | #topbar a { |
| + | color: white; |
| + | } |
| + | .month td { |
| + | border: 1px solid #1F304F; |
| + | background: #05080D; |
| + | } |
| + | .day-empty { |
| + | font-weight: normal; |
| + | font-style: italic; |
| + | } |
| + | .day-empty { |
| + | color: #9CAEBF; |
| } | | } |
- | ul#nav li:hover,
| |
- | ul#nav li.over,
| |
- | ul#nav li:hover a,
| |
- | ul#nav li.over a {color:#000}
| |
| | | |
- | ul#nav li:hover li a,ul#nav li.over li a{color:#003366;}
| + | #search-controls { |
- | ul#nav li li a:hover{color:#ffffff; background-color: #05182B;}
| + | overflow:hidden; |
- | ul#nav li p {padding:0px;}
| + | display:block; |
- | ul#nav li.last,ul#nav li.last ul{border:none;width:161px;}
| + | background: none; |
| + | position: absolute; |
| + | top: 20px; |
| + | right: 0px; |
| + | } |
| | | |
- | </style>
| + | #search-controls { |
| + | background-image: url(http://i138.photobucket.com/albums/q274/gnoxyz/iGEM/searchbar.png); |
| + | background-repeat: no-repeat; |
| + | background-position: -5px -10px; |
| + | border: none; |
| + | width:217px; |
| + | height:48px; |
| + | text-align:left; |
| + | } |
| | | |
- | <div class="outer">
| + | #search-controls input { |
- |
| + | display: block; |
- | <ul id="nav">
| + | float: left; |
- | <li>
| + | } |
- | <p><br/><a href="https://2010.igem.org/Team:Tec-Monterrey"> Home</a></p>
| + | |
- |
| + | |
- |
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <p><br/><a href="https://2010.igem.org/Team:Tec-Monterrey/Team"> Team</a></p>
| + | |
- | <ul>
| + | |
- | <li><a href="https://2010.igem.org/Team:Tec-Monterrey/Under">Undergraduates</a></li>
| + | |
- | <li><a href="https://2010.igem.org/Team:Tec-Monterrey/Instructors">Instructors</a></li>
| + | |
- | <li><a href="https://2010.igem.org/Team:Tec-Monterrey/Headquarters">Headquarters</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <p><br />
| + | |
- | <a href="#"> Project</a></p>
| + | |
- | <ul>
| + | |
- | <li><a href="https://2010.igem.org/Team:Tec-Monterrey/Project">Project Overview</a></li>
| + | |
- | <li><a href="https://2010.igem.org/Team:Tec-Monterrey/Biosensor">The Biosensor</a></li>
| + | |
- | <li><a href="https://2010.igem.org/Team:Tec-Monterrey/Biosensor">Applications</a></li>
| + | |
- | <li><a href="https://2010.igem.org/Team:Tec-Monterrey/Parts">Parts</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <p><br />
| + | |
- | <a href="#"> Notebook</a></p>
| + | |
- | <ul>
| + | |
- | <li><a href="https://2010.igem.org/Team:Tec-Monterrey/Protocols">Protocols</a></li>
| + | |
- | <li><a href="https://2010.igem.org/Team:Tec-Monterrey/Timeline">Timeline</a></li>
| + | |
- | <li><a href="https://2010.igem.org/Team:Tec-Monterrey/Safety">Safety</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <p><br />
| + | |
- | <a href="#"> Bonus</a></p>
| + | |
- | <ul>
| + | |
- | <li><a href="https://2010.igem.org/Team:Tec-Monterrey/News">News</a></li>
| + | |
- | <li><a href="https://2010.igem.org/Team:Tec-Monterrey/Gallery">Gallery</a></li>
| + | |
- | <li><a href="https://2010.igem.org/Team:Tec-Monterrey/Freetime">Free Time</a></li>
| + | |
- | <li><a href="https://2010.igem.org/Team:Tec-Monterrey/Mascot">Wiki Wiki</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
| | | |
- | <li class="last">
| + | #search-controls #searchInput { |
- | <p><br />
| + | width: 145px; |
- | <a href="https://2010.igem.org/Team:Tec-Monterrey /Sponsors"> Sponsors</a></p>
| + | border: none; |
- | <ul>
| + | margin-left: 8px; |
- | <li><a href="https://2010.igem.org/Team:Tec-Monterrey/Platinum ">Platinum </a></li>
| + | margin-top: 3px; |
- | <li><a href="https://2010.igem.org/Team:Tec-Monterrey/Gold ">Gold </a></li>
| + | padding: 2px; |
- | <li><a href="https://2010.igem.org/Team:Tec-Monterrey/Silver">Silver </a></li>
| + | color: #003366; |
- | <li><a href="https://2010.igem.org/Team:Tec-Monterrey/Thanks">Special Thanks</a></li>
| + | font-size: 12px; |
- | </ul>
| + | height:16px; |
- | </li>
| + | } |
- | </ul>
| + | |
- | </div> | + | #search-controls #searchGoButton { |
| + | display:none; |
| + | } |
| + | |
| + | #search-controls #mw-searchButton { |
| + | width: 33px; |
| + | border: none; |
| + | cursor: pointer; |
| + | height: 26px; |
| + | color: #003366; |
| + | text-indent:-9999px; |
| + | line-height:0; |
| + | text-align: right; |
| + | font-size: 1px; |
| + | } |
| + | </style> |
| + | |
| + | </html>__TOC__<html> |
| </div> | | </div> |
| + | <div id="body2"> |
| + | </html> |