Team:Kyoto/Style

From 2010.igem.org

(Difference between revisions)
(Removing all content from page)
 
Line 1: Line 1:
-
<html>
 
-
<head>
 
-
<style type="text/css">
 
-
<!--
 
-
/* Header *************************************************/
 
-
#logo /* Logo Image */
 
-
{
 
-
text-align: center;
 
-
}
 
-
#lastmodified /* Last Modified Date */
 
-
{
 
-
font-weight: bold;
 
-
font-size: 1.2em;
 
-
}
 
-
/* Menu ***************************************************/
 
-
#menu
 
-
{
 
-
padding: 1em 0em 4em;
 
-
position: relative;
 
-
width: 100%;
 
-
}
 
-
#menu *
 
-
{
 
-
color: white;
 
-
text-decoration: none;
 
-
}
 
-
#menu div
 
-
{
 
-
float: left;
 
-
width: 6em;
 
-
padding: 0.5em 0em;
 
-
text-align: center;
 
-
background: #aaaaaa;
 
-
}
 
-
#menu ul
 
-
{
 
-
position: absolute;
 
-
top: 3.3em;
 
-
left: 0em;
 
-
background: #84a2d4;
 
-
width: 100%;
 
-
display: none;
 
-
}
 
-
#menu li
 
-
{
 
-
float: left;
 
-
padding: 0.5em 1em;
 
-
background: transparent;
 
-
}
 
-
#menu li .new
 
-
{
 
-
visibility: hidden;
 
-
}
 
-
/* Body ***************************************************/
 
-
#body
 
-
{
 
-
padding: 0em 2.4em 120px;
 
-
line-height: 1.5em;
 
-
height: 100%;
 
-
position: relative;
 
-
}
 
-
#body h2
 
-
{
 
-
margin: 1em -0.8em 0.2em;
 
-
position: relative;
 
-
}
 
-
#body h3
 
-
{
 
-
margin: 0.5em -0.5em 0.2em;
 
-
}
 
-
#body p
 
-
{
 
-
padding: 0em 0em 0.5em;
 
-
}
 
-
#body th, #body td, #body ul, #body ol
 
-
{
 
-
padding: 0em 0.2em 0.5em;
 
-
}
 
-
#body li
 
-
{
 
-
padding: 0em;
 
-
}
 
-
#body hr
 
-
{
 
-
margin: 0em -2.4em;
 
-
}
 
-
/* Foot ***************************************************/
 
-
 
-
-->
 
-
</style>
 
-
<!--[if IE 6 ]>
 
-
<script type="text/javascript" src="http://dillerdesign.com/experiment/DD_belatedPNG/DD_belatedPNG_0.0.8a-min.js"></script>
 
-
<script type="text/javascript"> DD_belatedPNG.fix('img'); </script>
 
-
<![endif]-->
 
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
 
-
<script type="text/javascript">
 
-
<!--
 
-
// Menu
 
-
$(document).ready(function()
 
-
{
 
-
$("#menu div:has(.selflink)")
 
-
.css("background","#84a2d4")
 
-
.next().show();
 
-
$("#menu ul:has(.selflink)")
 
-
.show()
 
-
.prev().css("background","#84a2d4");
 
-
$("#menu div")
 
-
.mouseover(function()
 
-
{
 
-
$("#menu div").css("background","#aaaaaa");
 
-
$("#menu ul").hide();
 
-
$(this)
 
-
.css("background","#84a2d4")
 
-
.next().show();
 
-
});
 
-
});
 
-
//-->
 
-
</script>
 
-
 
-
</head>
 
-
</html>
 
-
 
-
==Reset==
 
-
/* Reset Style ********************************************/
 
-
#head *, #body *
 
-
{
 
-
margin: 0em;
 
-
padding: 0em;
 
-
list-style: none;
 
-
}
 
-
 
-
==Foot==
 
-
#foot
 
-
{
 
-
position: absolute;
 
-
bottom: 7px;
 
-
width: 100%;
 
-
text-align: center;
 
-
}
 

Latest revision as of 13:32, 25 October 2010