Team:Warsaw/Menu

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
{{:Team:Warsaw/Templates/StandardPageBegin| }}
{{:Team:Warsaw/Templates/StandardPageBegin| }}
 +
 +
 +
<!DOCTYPE html
 +
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 +
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 +
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
 +
<head>
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf8" />
 +
<meta name="Description" content="Tu wpisz opis zawartości strony" />
 +
<meta name="Keywords" content="Tu wpisz wyrazy kluczowe rozdzielone przecinkami" />
 +
<style type="text/css">
 +
/* <![CDATA[ */
 +
html, body {
 +
background-color: #fff;
 +
color: #000;
 +
margin: 0;
 +
padding: 0;
 +
text-align: center;
 +
}
 +
 +
#top {
 +
width: 1000px;
 +
height: 640px;
 +
margin-left: auto;
 +
margin-right: auto;
 +
text-align: left;
 +
}
 +
 +
#PROJECT {
 +
height: 150px;
 +
width: 950px;
 +
position: relative;
 +
left: 20px;
 +
border-style:solid;
 +
border-width:5px;
 +
border-color:white;
 +
background-image: url("pro.png");
 +
}
 +
 +
#PROJECT2a {
 +
width: 180px;
 +
float: left;
 +
height: 150px;
 +
overflow: hidden;
 +
border-style:solid;
 +
border-width:5px;
 +
border-color:white;
 +
background-image: url("a.png");
 +
}
 +
 +
#PROJECT2b {
 +
width: 180px;
 +
float: left;
 +
height: 150px;
 +
overflow: hidden;
 +
border-style:solid;
 +
border-width:5px;
 +
border-color:white;
 +
background-image: url("a.png");
 +
}
 +
 +
#PROJECT2c {
 +
width: 180px;
 +
float: left;
 +
height: 150px;
 +
overflow: hidden;
 +
border-style:solid;
 +
border-width:5px;
 +
border-color:white;
 +
background-image: url("a.png");
 +
}
 +
 +
#PROJECT2d {
 +
width: 180px;
 +
float: left;
 +
height: 150px;
 +
overflow: hidden;
 +
border-style:solid;
 +
border-width:5px;
 +
border-color:white;
 +
background-image: url("a.png");
 +
}
 +
 +
#PROJECT2e {
 +
width: 180px;
 +
float: left;
 +
height: 150px;
 +
overflow: hidden;
 +
border-style:solid;
 +
border-width:5px;
 +
border-color:white;
 +
background-image: url("a.png");
 +
}
 +
 +
#ACHIEVEMENTS{
 +
width: 220px;
 +
float: right;
 +
height: 150px;
 +
overflow: hidden;
 +
border-style:solid;
 +
border-width:5px;
 +
border-color:white;
 +
background-image: url("ach.png");
 +
 +
 +
}
 +
 +
#EXTRAS {
 +
width: 220px;
 +
height: 150px;
 +
float: right;
 +
overflow: hidden;
 +
border-style:solid;
 +
border-width:5px;
 +
border-color:white;
 +
background-image: url("ex.png");
 +
 +
}
 +
 +
 +
#PHOTO {
 +
width: 485px;
 +
height: 150px;
 +
float: left;
 +
overflow: hidden;
 +
border-style:solid;
 +
border-width:5px;
 +
border-color:white;
 +
background-image: url("zdj.png");
 +
 +
}
 +
 +
#EXTRAS_BL1{
 +
width: 405px;
 +
float: left;
 +
height: 150px;
 +
overflow: hidden;
 +
border-style:solid;
 +
border-width:5px;
 +
border-color:white;
 +
background-color:white;
 +
}
 +
 +
#EXTRAS2a {
 +
width: 170px;
 +
float: left;
 +
height: 150px;
 +
overflow: hidden;
 +
border-style:solid;
 +
border-width:5px;
 +
border-color:white;
 +
background-image: url("a.png");
 +
}
 +
 +
#EXTRAS2b {
 +
width: 170px;
 +
float: left;
 +
height: 150px;
 +
overflow: hidden;
 +
border-style:solid;
 +
border-width:5px;
 +
border-color:white;
 +
background-image: url("a.png");
 +
}
 +
 +
#EXTRAS_BL2 {
 +
width: 155px;
 +
float: left;
 +
height: 150px;
 +
overflow: hidden;
 +
border-style:solid;
 +
border-width:5px;
 +
border-color:white;
 +
background-color:white;
 +
}
 +
 +
#EXTRAS_BL2 {
 +
width: 155px;
 +
float: left;
 +
height: 150px;
 +
overflow: hidden;
 +
border-style:solid;
 +
border-width:5px;
 +
border-color:white;
 +
background-color:white;
 +
}
 +
 +
#ACHIEVEMENTS_BL1 {
 +
width: 570px;
 +
float: left;
 +
height: 150px;
 +
overflow: hidden;
 +
border-style:solid;
 +
border-width:5px;
 +
border-color:white;
 +
background-color:white;
 +
}
 +
 +
#ACHIEVEMENTS2a {
 +
width: 170px;
 +
float: left;
 +
height: 150px;
 +
overflow: hidden;
 +
border-style:solid;
 +
border-width:5px;
 +
border-color:white;
 +
background-image: url("a.png");
 +
}
 +
 +
#ACHIEVEMENTS2b {
 +
width: 170px;
 +
float: left;
 +
height: 150px;
 +
overflow: hidden;
 +
border-style:solid;
 +
border-width:5px;
 +
border-color:white;
 +
background-image: url("a.png");
 +
}
 +
 +
#ACHIEVEMENTS_BL2 {
 +
width: 0px;
 +
float: left;
 +
height: 150px;
 +
overflow: hidden;
 +
border-style:solid;
 +
border-width:0px;
 +
border-color:white;
 +
background-color:white;
 +
}
 +
 +
#TEAM {
 +
width: 220px;
 +
height: 150px;
 +
float: left;
 +
overflow: hidden;
 +
border-style:solid;
 +
border-color:white;
 +
border-width:5px;
 +
background-image: url("te.png");
 +
 +
}
 +
 +
#HP {
 +
width: 720px;
 +
height: 150px;
 +
float: right;
 +
overflow: hidden;
 +
border-style:solid;
 +
border-width:5px;
 +
border-color:white;
 +
background-image: url("hp.png");
 +
 +
}
 +
 +
 +
#TEAM_BL1 {
 +
width: 0px;
 +
float: left;
 +
height: 150px;
 +
overflow: hidden;
 +
border-style:solid;
 +
border-width:0px;
 +
border-color:white;
 +
background-color:white;
 +
}
 +
 +
#TEAM2a {
 +
width: 170px;
 +
float: left;
 +
height: 150px;
 +
overflow: hidden;
 +
border-style:solid;
 +
border-width:5px;
 +
border-color:white;
 +
background-image: url("a.png");
 +
}
 +
 +
#TEAM2b {
 +
width: 170px;
 +
float: left;
 +
height: 150px;
 +
overflow: hidden;
 +
border-style:solid;
 +
border-width:5px;
 +
border-color:white;
 +
background-image: url("a.png");
 +
}
 +
 +
#TEAM_BL2 {
 +
width: 570px;
 +
float: left;
 +
height: 150px;
 +
overflow: hidden;
 +
border-style:solid;
 +
border-width:5px;
 +
border-color:white;
 +
background-color:white;
 +
}
 +
 +
 +
#HP_BL1 {
 +
width: 300px;
 +
float: left;
 +
height: 150px;
 +
overflow: hidden;
 +
border-style:solid;
 +
border-width:5px;
 +
border-color:white;
 +
background-color:white;
 +
}
 +
 +
#HP2a {
 +
width: 170px;
 +
float: left;
 +
height: 150px;
 +
overflow: hidden;
 +
border-style:solid;
 +
border-width:5px;
 +
border-color:white;
 +
background-image: url("a.png");
 +
}
 +
 +
#HP2b {
 +
width: 170px;
 +
float: left;
 +
height: 150px;
 +
overflow: hidden;
 +
border-style:solid;
 +
border-width:5px;
 +
border-color:white;
 +
background-image: url("a.png");
 +
}
 +
 +
#HP2c {
 +
width: 170px;
 +
float: left;
 +
height: 150px;
 +
overflow: hidden;
 +
border-style:solid;
 +
border-width:5px;
 +
border-color:white;
 +
background-image: url("a.png");
 +
}
 +
 +
#HP_BL2 {
 +
width: 70px;
 +
float: left;
 +
height: 150px;
 +
overflow: hidden;
 +
border-style:solid;
 +
border-width:5px;
 +
border-color:white;
 +
background-color:white;
 +
}
 +
 +
/* ]]> */
 +
</style>
 +
 +
<script type = "text/javascript">
 +
function over(num)
 +
{
 +
out();
 +
document.getElementById(num).style.display='block';
 +
}
 +
function out()
 +
{
 +
document.getElementById('PROJECT2').style.display='none';
 +
document.getElementById('EXTRAS2').style.display='none';
 +
document.getElementById('ACHIEVEMENTS2').style.display='none';
 +
document.getElementById('TEAM2').style.display='none';
 +
document.getElementById('HP2').style.display='none';
 +
}
 +
function out2()
 +
{
 +
var target = event.target || event.srcElement
 +
if(target.className == 'ramka')
 +
out();
 +
}
 +
 +
</script>
 +
 +
</head>
 +
 +
<body>
 +
 +
<div id="ramka">
 +
<div id="top" class="ramka" style="border: solid; border-width: 3px;">
 +
<!-- <div id="left" style="float: left; background-color: red; position: relative; left: -30px; width: 20px; height: 1000px;"></div> -->
 +
 +
<div id="left" onmouseover="out()" style="float:left; background-color: white; position: relative; left: -30px; width: 20px; height: 1000px;"></div>
 +
 +
<div id="right" onmouseover="out()" style="float:right; background-color: white; position: relative; right: -30px; width: 20px; height: 1000px;"></div>
 +
 +
<div id="right" onmouseover="out()" style="float:top; background-color: white; width: 1000px; height: 20px;"></div>
 +
 +
 +
<div id="PROJECT" onmouseover="over('PROJECT2');" ></div>
 +
 +
 +
<div id="PROJECT2" style="display: none;">
 +
<div id="PROJECT2a"></div>
 +
<div id="PROJECT2b"></div>
 +
<div id="PROJECT2c"></div>
 +
<div id="PROJECT2d"></div>
 +
<div id="PROJECT2e"></div>
 +
</div>
 +
 +
<div id="ACHIEVEMENTS" onmouseover="over('ACHIEVEMENTS2');"></div>
 +
 +
<div id="EXTRAS" onmouseover="over('EXTRAS2');"></div>
 +
 +
<div id="PHOTO" onmouseover="out()"></div>
 +
 +
<div id="EXTRAS2"style="display: none;">
 +
<div id="EXTRAS_BL1"></div>
 +
<div id="EXTRAS2a"></div>
 +
<div id="EXTRAS2b"></div>
 +
<div id="EXTRAS_BL2"></div>
 +
</div>
 +
 +
<div id="ACHIEVEMENTS2"style="display: none;">
 +
<div id="ACHIEVEMENTS_BL1"></div>
 +
<div id="ACHIEVEMENTS2a"></div>
 +
<div id="ACHIEVEMENTS2b"></div>
 +
<div id="ACHIEVEMENTS_BL2"></div>
 +
</div>
 +
 +
<div id="TEAM" onmouseover="over('TEAM2');"></div>
 +
 +
<div id="HP" onmouseover="over('HP2');"></div>
 +
 +
<div id="TEAM2"style="display: none;">
 +
<div id="TEAM_BL1"></div>
 +
<div id="TEAM2a"></div>
 +
<div id="TEAM2b"></div>
 +
<div id="TEAM_BL2"></div>
 +
</div>
 +
 +
<div id="HP2"style="display: none;">
 +
<div id="HP_BL1"></div>
 +
<div id="HP2a"></div>
 +
<div id="HP2b"></div>
 +
<div id="HP2b"></div>
 +
<div id="HP_BL2"></div>
 +
</div>
 +
</div>
 +
 +
</div>
 +
 +
<div id="right" onmouseover="out()" style="position:absolute; top: 700px; left: 50px; background-color: white; width: 1200px; height: 20px;"></div>
 +
 +
</body>
 +
</html>
 +
{{:Team:Warsaw/Templates/StandardPageEnd}}
{{:Team:Warsaw/Templates/StandardPageEnd}}

Revision as of 09:05, 14 August 2013


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


Retrieved from "http://2013.igem.org/Team:Warsaw/Menu"