Template:Kyoto Foreground

From 2011.igem.org

(Difference between revisions)
Line 2: Line 2:
<style>
<style>
#content {
#content {
-
color:#000000;
+
color:#000000;
-
width:965px;
+
width:965px;
-
background-color:#FFCC77;
+
background-color:#FFCC77;
}
}
#foreground{
#foreground{
-
position: fixed;
+
position: fixed;
-
z-index: 100;
+
z-index: 100;
-
left: 50%;
+
left: 50%;
-
top:0px;
+
top:0px;
}
}
-
#header {
+
#menu {
-
position: absolute;
+
position: absolute;
-
display: block;
+
display: block;
-
margin-left: -483px;
+
margin-left: -483px;
-
margin-top: 350px;
+
margin-top: 350px;
-
height: auto;
+
height: auto;
-
width: 130px;
+
width: 130px;
-
font-family: 'Arial';
+
font-family: 'Arial';
}
}
.image a{
.image a{
-
    display:block;
+
display:block;
-
    float:left;
+
float:left;
-
    width:105px;
+
width:105px;
-
    color:#000000;
+
color:#000000;
-
    background:url(https://static.igem.org/mediawiki/2011/f/f0/Kyoto_MenuButton0.png) no-repeat;
+
background:url(https://static.igem.org/mediawiki/2011/f/f0/Kyoto_MenuButton0.png) no-repeat;
-
    line-height:30px;
+
line-height:30px;
-
    text-align:center;
+
text-align:center;
-
    }
+
}
.image a:hover{
.image a:hover{
-
    background:url(https://static.igem.org/mediawiki/2011/f/f8/Kyoto_MenuButton1.png) no-repeat;
+
background:url(https://static.igem.org/mediawiki/2011/f/f8/Kyoto_MenuButton1.png) no-repeat;
-
    }
+
}
#main {
#main {
-
height: auto;
+
height: auto;
-
width: 830px;
+
width: 830px;
-
float: right;
+
float: right;
-
font-family: 'Arial';
+
font-family: 'Arial';
}
}
</style>
</style>
<div id ="foreground">
<div id ="foreground">
-
<div id ="header" align="center">
+
<div id ="menu" align="center">
<div class ="image"><a href="https://2011.igem.org/Team:Kyoto">Home</a></div>
<div class ="image"><a href="https://2011.igem.org/Team:Kyoto">Home</a></div>
<div class ="image"><a href="https://2011.igem.org/Team:Kyoto/Team">Team</a></div>
<div class ="image"><a href="https://2011.igem.org/Team:Kyoto/Team">Team</a></div>
Line 57: Line 57:
<div class ="image"><a>Acknowledgement</a></div>
<div class ="image"><a>Acknowledgement</a></div>
</div>
</div>
-
<!-- end header -->
+
<!-- end menu -->
</div>
</div>
<!-- end foreground -->
<!-- end foreground -->
</html>
</html>

Revision as of 10:40, 9 September 2011