Test page
From 2011.igem.org
(Difference between revisions)
(Created page with " == Headline text == This is a test page for practice to edit wiki.") |
(→Headline text) |
||
Line 1: | Line 1: | ||
- | == | + | <html> |
+ | <head> | ||
+ | <meta http-equiv="content-type" content="text/html;charset=utf-8" /> | ||
+ | <title>University of Calgary</title> | ||
- | + | ||
+ | <script type="text/javascript"><!-- | ||
+ | var delay=7000 | ||
+ | var ie4=document.all | ||
+ | var curindex=0 | ||
+ | var totalcontent=0 | ||
+ | function get_total(){ | ||
+ | if (ie4){ | ||
+ | while (eval("document.all.content"+totalcontent)) | ||
+ | totalcontent++ | ||
+ | } | ||
+ | else{ | ||
+ | while (document.getElementById("content"+totalcontent)) | ||
+ | totalcontent++ | ||
+ | } | ||
+ | } | ||
+ | function contract_all(){ | ||
+ | for (y=0;y<totalcontent;y++){ | ||
+ | if (ie4) | ||
+ | eval("document.all.content"+y).style.display="none" | ||
+ | else | ||
+ | document.getElementById("content"+y).style.display="none" | ||
+ | } | ||
+ | } | ||
+ | function expand_one(which){ | ||
+ | contract_all() | ||
+ | if (ie4) | ||
+ | eval("document.all.content"+which).style.display="" | ||
+ | else | ||
+ | document.getElementById("content"+which).style.display="" | ||
+ | } | ||
+ | function rotate_content(){ | ||
+ | get_total() | ||
+ | contract_all() | ||
+ | expand_one(curindex) | ||
+ | curindex=(curindex<totalcontent-1)? curindex+1: 0 | ||
+ | setTimeout("rotate_content()",delay) | ||
+ | } | ||
+ | window.onload=rotate_content | ||
+ | //--></script> | ||
+ | </head> | ||
+ | |||
+ | <style> | ||
+ | body{ | ||
+ | background-color: #222222; | ||
+ | font: 11px Arial; | ||
+ | color: #888888; | ||
+ | padding: 5px 5px 5px 5px; | ||
+ | } | ||
+ | |||
+ | b{ | ||
+ | color: #ffffff; | ||
+ | } | ||
+ | |||
+ | .heading{ | ||
+ | color: #000; | ||
+ | font: 14px century gothic; | ||
+ | padding: 5px 5px 2px 5px; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | .titlebg{ | ||
+ | position: absolute; | ||
+ | top: 0px; | ||
+ | background-color: #000000; | ||
+ | width: 965px; | ||
+ | height: 50px; | ||
+ | /* for IE */ | ||
+ | filter:alpha(opacity=60); | ||
+ | /* CSS3 standard */ | ||
+ | opacity:0.6; | ||
+ | z-index:3; | ||
+ | } | ||
+ | |||
+ | .title{ | ||
+ | position: absolute; | ||
+ | top: 0px; | ||
+ | float: left; | ||
+ | font: 35px Trebuchet MS; | ||
+ | color: #FFF; | ||
+ | padding-top: 5px; | ||
+ | padding-left: 10px; | ||
+ | z-index: 4; | ||
+ | } | ||
+ | |||
+ | .header{ | ||
+ | z-index: 1; | ||
+ | position: absolute; | ||
+ | top: 0px; | ||
+ | height: 293px; | ||
+ | } | ||
+ | |||
+ | .menu{ | ||
+ | z-index: 5; | ||
+ | position: absolute; | ||
+ | top: 220px; | ||
+ | font: 18px Trebuchet MS; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .menubg{ | ||
+ | position: absolute; | ||
+ | top: 243px; | ||
+ | background-color: #000000; | ||
+ | width: 965px; | ||
+ | height: 50px; | ||
+ | /* for IE */ | ||
+ | filter:alpha(opacity=60); | ||
+ | /* CSS3 standard */ | ||
+ | opacity:0.6; | ||
+ | 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 class="title"> | ||
+ | UNIVERSITY OF CALGARY | ||
+ | </div> | ||
+ | <div id="content0" style="display:none"> | ||
+ | <img src="http://wcmprod2.ucalgary.ca/wcmsupport/files/wcmsupport/images/autumnnorman-b1.jpg" width="965px" height="293px" border="0"></div> | ||
+ | <div id="content1" style="display:none"> | ||
+ | <img src="http://wcmprod2.ucalgary.ca/wcmsupport/files/wcmsupport/images/autumn10norman-b1.jpg" width="965px" height="293px" border="0"></div> | ||
+ | <div id="content2" style="display:none"> | ||
+ | <img src="http://wcmprod2.ucalgary.ca/wcmsupport/files/wcmsupport/images/skyline.jpg" width="965px" height="293px" border="0"></div> | ||
+ | <div id="content3" style="display:none"> | ||
+ | <img src="http://wcmprod2.ucalgary.ca/wcmsupport/files/wcmsupport/images/B1-chicken.jpg" width="965px" height="293px" border="0"></div> | ||
+ | <div id="content4" style="display:none"> | ||
+ | <img src="http://wcmprod2.ucalgary.ca/wcmsupport/files/wcmsupport/images/10.jpg" width="965px" height="293px" border="0"> | ||
+ | </div> | ||
+ | <div id="content5" style="display:none"> | ||
+ | <img src="http://wcmprod2.ucalgary.ca/wcmsupport/files/wcmsupport/images/8.jpg" width="965px" height="293px" border="0"></div> | ||
+ | <div id="content6" style="display:none"> | ||
+ | <img src="http://wcmprod2.ucalgary.ca/wcmsupport/files/wcmsupport/images/B1_ICT2.JPG" width="965px" height="293px" border="0"></div> | ||
+ | <div id="content7" style="display:none"> | ||
+ | <img src="http://wcmprod2.ucalgary.ca/wcmsupport/files/wcmsupport/images/B1_Haskayne.JPG" width="965px" height="293px" border="0"></div> | ||
+ | <div id="content8" style="display:none"> | ||
+ | <img src="http://wcmprod2.ucalgary.ca/wcmsupport/files/wcmsupport/images/archnorman-b1.jpg" width="965px" height="293px" border="0"></div> | ||
+ | <div id="content9" style="display:none"> | ||
+ | <img src="http://wcmprod2.ucalgary.ca/wcmsupport/files/wcmsupport/images/B1-campus.jpg" width="965px" height="293px" border="0"></div> | ||
+ | <div id="content10" style="display:none"> | ||
+ | <img src="http://wcmprod2.ucalgary.ca/wcmsupport/files/wcmsupport/images/B1-arch.jpg" width="965px" height="293px" 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> | ||
+ | <![endif]--> | ||
+ | <style type="text/css"> | ||
+ | /* general styling */ | ||
+ | *{margin:0;padding:0} | ||
+ | body { | ||
+ | font: x-small Verdana, Arial, Helvetica, sans-serif; | ||
+ | text-align:left; | ||
+ | padding:20px; | ||
+ | } | ||
+ | .outer{ | ||
+ | padding:0px 0 0 0; | ||
+ | width:965px; | ||
+ | margin:auto; | ||
+ | position:relative; | ||
+ | text-align:center; | ||
+ | } | ||
+ | |||
+ | /* drop up */ | ||
+ | ul#nav,ul#nav ul { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | list-style: none; | ||
+ | } | ||
+ | ul#nav { | ||
+ | width:965px; | ||
+ | height:25px; | ||
+ | |||
+ | } | ||
+ | |||
+ | ul#nav li { | ||
+ | position: relative; | ||
+ | float: left; | ||
+ | width:193px; | ||
+ | height:25px; | ||
+ | color:#fff; | ||
+ | text-align:left; | ||
+ | } | ||
+ | ul#nav li a { | ||
+ | text-decoration: none; | ||
+ | color:#fff; | ||
+ | |||
+ | } | ||
+ | #nav li ul { | ||
+ | position: absolute; | ||
+ | left: 0; | ||
+ | top:-170px; | ||
+ | margin-left:-999em; | ||
+ | border:none; | ||
+ | height:193px; | ||
+ | width:193px; | ||
+ | background:#000; | ||
+ | /*opacity for IE5+*/ | ||
+ | filter: alpha(opacity=60); | ||
+ | /*opacity for older Mozilla browsers*/ | ||
+ | -moz-opacity: 0.6; | ||
+ | /*opacity for mozilla/safari*/ | ||
+ | opacity: 0.6; | ||
+ | } | ||
+ | ul#nav li li{height:auto;border:none;} | ||
+ | ul#nav li li a{ | ||
+ | color:#fff; | ||
+ | padding:2px 5px 2px 5px; | ||
+ | display:block; | ||
+ | } | ||
+ | ul#nav li:hover ul, | ||
+ | ul#nav li.over ul { | ||
+ | margin-left:0; | ||
+ | } | ||
+ | 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:#fff;} | ||
+ | ul#nav li li a:hover{color:#000; background-color: #fff;} | ||
+ | ul#nav li p {padding:0px;} | ||
+ | ul#nav li.last,ul#nav li.last ul{border:none;width:193px;} | ||
+ | |||
+ | </style> | ||
+ | |||
+ | <div class="outer"> | ||
+ | |||
+ | <ul id="nav"> | ||
+ | <li> | ||
+ | <p><br/><a href="https://2009.igem.org/Team:Calgary"> HOME</a></p> | ||
+ | |||
+ | |||
+ | </li> | ||
+ | <li> | ||
+ | <p><br/><a href="https://2009.igem.org/Team:Calgary/Team"> TEAM</a></p> | ||
+ | <ul> | ||
+ | <li><a href="https://2009.igem.org/Team:Calgary/Team">Team</a></li> | ||
+ | <li><a href="https://2009.igem.org/Team:Calgary/Team#under">Undergraduates</a></li> | ||
+ | <li><a href="https://2009.igem.org/Team:Calgary/Team#facil">Facilitators</a></li> | ||
+ | <li><a href="https://2009.igem.org/Team:Calgary/Team#uni">Our University</a></li> | ||
+ | <li><a href="https://2009.igem.org/Team:Calgary/Acknowledgments">Acknowledgments</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li> | ||
+ | <p><br /> | ||
+ | <a href="#"> PROJECT</a></p> | ||
+ | <ul> | ||
+ | <li><a href="https://2009.igem.org/Team:Calgary/Project">Overall Project</a></li> | ||
+ | <li><a href="https://2009.igem.org/Team:Calgary/Parts_Notebook">Notebook & Parts</a></li> | ||
+ | <li><a href="https://2009.igem.org/Team:Calgary/Lab">Lab</a></li> | ||
+ | <li><a href="https://2009.igem.org/Team:Calgary/Modelling">Modelling</a></li> | ||
+ | <li><a href="https://2009.igem.org/Team:Calgary/Second_Life">Second Life</a></li> | ||
+ | <li><a href="https://2009.igem.org/Team:Calgary/Human_Practices">Human Practices</a></li> | ||
+ | |||
+ | </ul> | ||
+ | </li> | ||
+ | <li> | ||
+ | <p><br /> | ||
+ | <a href="#"> EXTRA</a></p> | ||
+ | <ul> | ||
+ | <li><a href="https://2009.igem.org/Team:Calgary/News">News</a></li> | ||
+ | <li><a href="https://2009.igem.org/Team:Calgary/Blog">Synthetic BLOGology</a></li> | ||
+ | <li><a href="https://2009.igem.org/Team:Calgary/Gallery">Gallery</a></li> | ||
+ | <li><a href="https://2009.igem.org/Team:Calgary/Collaborations">Collaborations</a></li> | ||
+ | <li><a href="https://2009.igem.org/Team:Calgary/Mascot">Mr. Super D-Lux</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="last"> | ||
+ | <p><br /> | ||
+ | <a href="https://2009.igem.org/Team:Calgary/Sponsors"> SPONSORS</a></p> | ||
+ | <ul> | ||
+ | <li><a href="https://2009.igem.org/Team:Calgary/Sponsors#ps">Platinum Sponsors</a></li> | ||
+ | <li><a href="https://2009.igem.org/Team:Calgary/Sponsors#gs">Gold Sponsors</a></li> | ||
+ | <li><a href="https://2009.igem.org/Team:Calgary/Sponsors#ss">Silver Sponsors</a></li> | ||
+ | <li><a href="https://2009.igem.org/Team:Calgary/Sponsors#bs">Bronze Sponsors</a></li> | ||
+ | <li><a href="https://2009.igem.org/Team:Calgary/Sponsors#cp">Community Partners</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> |
Revision as of 00:10, 17 September 2011
UNIVERSITY OF CALGARY