Template:TecMtyHeader

From 2010.igem.org

(Difference between revisions)
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">&nbsp;&nbsp;Home</a></p>
+
-
+
-
+
-
</li>
+
-
<li>
+
-
<p><br/><a href="https://2010.igem.org/Team:Tec-Monterrey/Team">&nbsp;&nbsp;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="#">&nbsp;&nbsp;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="#">&nbsp;&nbsp;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="#">&nbsp;&nbsp;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">&nbsp;&nbsp;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>

Revision as of 17:45, 28 June 2010